|
|
|
@ -32,9 +32,14 @@ |
|
|
|
</div> |
|
|
|
<div class="activity-row"> |
|
|
|
<div class="activity-label">入企人员:</div> |
|
|
|
<div> |
|
|
|
<div v-for="(enforcer, index) in formatEnforcer(item)" :key="index"> |
|
|
|
{{ enforcer }} |
|
|
|
<div class="enforcer-list"> |
|
|
|
<div class="enforcer-line"> |
|
|
|
<span class="enforcer-name">{{ parseEnforcer(item.lawEnforcer).name }}</span> |
|
|
|
<span v-if="parseEnforcer(item.lawEnforcer).phone" class="enforcer-phone">{{ parseEnforcer(item.lawEnforcer).phone }}</span> |
|
|
|
</div> |
|
|
|
<div v-for="(enforcer, index) in item.lawEnforcerOtherList" :key="index" class="enforcer-line"> |
|
|
|
<span class="enforcer-name">{{ parseEnforcer(enforcer).name }}</span> |
|
|
|
<span v-if="parseEnforcer(enforcer).phone" class="enforcer-phone">{{ parseEnforcer(enforcer).phone }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -57,6 +62,18 @@ import { formattedDate, formatEnforcer } from '@/util/util.js'; |
|
|
|
|
|
|
|
const router = useRouter(); |
|
|
|
|
|
|
|
// 解析执法人员字符串,提取名字和电话 |
|
|
|
// 输入: "白宁 19020811001" -> { name: "白宁", phone: "19020811001" } |
|
|
|
// 输入: "白宁" -> { name: "白宁", phone: "" } |
|
|
|
const parseEnforcer = (str) => { |
|
|
|
if (!str) return { name: '', phone: '' }; |
|
|
|
const match = String(str).match(/^(.+?)\s+(\d{7,15})$/); |
|
|
|
if (match) { |
|
|
|
return { name: match[1].trim(), phone: match[2] }; |
|
|
|
} |
|
|
|
return { name: String(str).trim(), phone: '' }; |
|
|
|
}; |
|
|
|
|
|
|
|
const props = defineProps({ |
|
|
|
enterpriseName: { |
|
|
|
type: String, |
|
|
|
@ -264,6 +281,28 @@ fetchActivityList(); |
|
|
|
color: #323233; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
|
|
|
|
.enforcer-list { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
.enforcer-line { |
|
|
|
display: flex; |
|
|
|
align-items: baseline; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
|
|
|
|
.enforcer-name { |
|
|
|
display: inline-block; |
|
|
|
min-width: 3em; |
|
|
|
text-align: justify; |
|
|
|
text-align-last: justify; |
|
|
|
} |
|
|
|
|
|
|
|
.enforcer-phone { |
|
|
|
margin-left: 0.4em; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|