|
|
@ -29,11 +29,17 @@ |
|
|
<div class="custom-cell-label"> |
|
|
<div class="custom-cell-label"> |
|
|
<span>入企人员</span> |
|
|
<span>入企人员</span> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div class="enforcer-list"> |
|
|
<div class="custom-cell-address">{{ activityDetail.lawEnforcer }}{{ activityDetail.lawEnforcerId |
|
|
<div class="enforcer-line custom-cell-value"> |
|
|
}}</div> |
|
|
<span class="enforcer-name">{{ parseEnforcer(activityDetail.lawEnforcer).name }}</span> |
|
|
<div class="custom-cell-address">{{ activityDetail.lawEnforcerOther }}{{ |
|
|
<span v-if="parseEnforcer(activityDetail.lawEnforcer).phone" class="enforcer-phone">{{ parseEnforcer(activityDetail.lawEnforcer).phone }}</span> |
|
|
activityDetail.lawEnforcerIdOther }}</div> |
|
|
</div> |
|
|
|
|
|
<template v-if="activityDetail.lawEnforcerOther"> |
|
|
|
|
|
<div v-for="(enforcer, index) in activityDetail.lawEnforcerOther.split(',')" :key="index" class="enforcer-line custom-cell-value"> |
|
|
|
|
|
<span class="enforcer-name">{{ parseEnforcer(enforcer).name }}</span> |
|
|
|
|
|
<span v-if="parseEnforcer(enforcer).phone" class="enforcer-phone">{{ parseEnforcer(enforcer).phone }}</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="custom-cell"> |
|
|
<div class="custom-cell"> |
|
|
@ -83,7 +89,16 @@ import { baseUrl } from '@/config/env'; |
|
|
const router = useRouter(); |
|
|
const router = useRouter(); |
|
|
const route = useRoute(); |
|
|
const route = useRoute(); |
|
|
|
|
|
|
|
|
// 活动详情数据 |
|
|
// 解析执法人员字符串,提取名字和电话 |
|
|
|
|
|
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 activityDetail = ref({}); |
|
|
const activityDetail = ref({}); |
|
|
|
|
|
|
|
|
// 返回上一页 |
|
|
// 返回上一页 |
|
|
@ -166,6 +181,29 @@ onMounted(() => { |
|
|
padding-bottom: 10px; |
|
|
padding-bottom: 10px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.enforcer-list { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.enforcer-line { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: baseline; |
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
padding-bottom: 10px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.enforcer-name { |
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
min-width: 3em; |
|
|
|
|
|
text-align: justify; |
|
|
|
|
|
text-align-last: justify; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.enforcer-phone { |
|
|
|
|
|
margin-left: 0.4em; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
:deep(.van-cell-group--inset) { |
|
|
:deep(.van-cell-group--inset) { |
|
|
margin: 0; |
|
|
margin: 0; |
|
|
} |
|
|
} |
|
|
|