|
|
|
@ -30,11 +30,13 @@ |
|
|
|
<div class="card-row"> |
|
|
|
<span class="row-label">执法人员</span> |
|
|
|
<div class="row-value enforcer-list"> |
|
|
|
<div> |
|
|
|
{{ item.lawEnforcer }}{{ item.lawEnforcerId }} |
|
|
|
<div class="enforcer-line"> |
|
|
|
<span class="enforcer-name">{{ parseEnforcer(item.lawEnforcer).name }}</span> |
|
|
|
<span v-if="parseEnforcer(item.lawEnforcer).phone" class="enforcer-id">{{ parseEnforcer(item.lawEnforcer).phone }}</span> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
{{ item.lawEnforcerTwo }}{{ item.lawEnforcerIdTwo }} |
|
|
|
<div class="enforcer-line" v-if="item.lawEnforcerTwo"> |
|
|
|
<span class="enforcer-name">{{ parseEnforcer(item.lawEnforcerTwo).name }}</span> |
|
|
|
<span v-if="parseEnforcer(item.lawEnforcerTwo).phone" class="enforcer-id">{{ parseEnforcer(item.lawEnforcerTwo).phone }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -65,11 +67,13 @@ |
|
|
|
<div class="card-row"> |
|
|
|
<span class="row-label">执法人员</span> |
|
|
|
<div class="row-value enforcer-list"> |
|
|
|
<div> |
|
|
|
{{ item.lawEnforcer }} |
|
|
|
<div class="enforcer-line"> |
|
|
|
<span class="enforcer-name">{{ parseEnforcer(item.lawEnforcer).name }}</span> |
|
|
|
<span v-if="parseEnforcer(item.lawEnforcer).phone" class="enforcer-id">{{ parseEnforcer(item.lawEnforcer).phone }}</span> |
|
|
|
</div> |
|
|
|
<div v-for="(enforcer, idx) in item.lawEnforcer2List" :key="idx"> |
|
|
|
{{ enforcer }} |
|
|
|
<div v-for="(enforcer, idx) in item.lawEnforcer2Show ? item.lawEnforcer2Show.split(','): item.lawEnforcer2List" :key="idx" class="enforcer-line"> |
|
|
|
<span class="enforcer-name">{{ parseEnforcer(enforcer).name }}</span> |
|
|
|
<span v-if="parseEnforcer(enforcer).phone" class="enforcer-id">{{ parseEnforcer(enforcer).phone }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -90,6 +94,7 @@ |
|
|
|
import { showToast } from 'vant'; |
|
|
|
import 'vant/es/toast/style'; |
|
|
|
import { queryEnforcementRegistrationPageList } from '@/api/enterprise'; |
|
|
|
import { parseEnforcer } from '@/util/util'; |
|
|
|
|
|
|
|
const { useCommon } = $globalStore; |
|
|
|
const router = useRouter(); |
|
|
|
@ -409,4 +414,21 @@ onMounted(() => { |
|
|
|
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-id { |
|
|
|
margin-left: 0.4em; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|