|
|
@ -21,13 +21,19 @@ |
|
|
<div class="card-title">{{ item.lawEnforcementItemText || '-' }}</div> |
|
|
<div class="card-title">{{ item.lawEnforcementItemText || '-' }}</div> |
|
|
<div class="card-row"> |
|
|
<div class="card-row"> |
|
|
<span class="card-label">执法单位:</span> |
|
|
<span class="card-label">执法单位:</span> |
|
|
<span>{{ item.lawEnforcement || '-' }}</span> |
|
|
<span>{{ item.bureauDeptName || '-' }}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="card-row"> |
|
|
<div class="card-row"> |
|
|
<span class="card-label">执法人员:</span> |
|
|
<span class="card-label">执法人员:</span> |
|
|
<span class="enforcer-block"> |
|
|
<span class="enforcer-block"> |
|
|
<div>{{ item.lawEnforcer }}</div> |
|
|
<div class="enforcer-line"> |
|
|
<div v-for="(enforcer, idx) in item.lawEnforcer2List" :key="idx">{{ enforcer }}</div> |
|
|
<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.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> |
|
|
</span> |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="card-row"> |
|
|
<div class="card-row"> |
|
|
@ -53,7 +59,7 @@ import { queryEnforcementRegistrationPageList } from '@/api/enterprise'; |
|
|
import { showToast } from 'vant'; |
|
|
import { showToast } from 'vant'; |
|
|
import 'vant/es/toast/style'; |
|
|
import 'vant/es/toast/style'; |
|
|
import SearchFilterBar from '@/components/common/SearchFilterBar.vue'; |
|
|
import SearchFilterBar from '@/components/common/SearchFilterBar.vue'; |
|
|
import { alignNames } from '@/util/util'; |
|
|
import { alignNames, parseEnforcer } from '@/util/util'; |
|
|
|
|
|
|
|
|
const { useCommon } = $globalStore; |
|
|
const { useCommon } = $globalStore; |
|
|
const router = useRouter(); |
|
|
const router = useRouter(); |
|
|
@ -309,6 +315,23 @@ const toEvaluate = (id, checkItem) => { |
|
|
flex-direction: column; |
|
|
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; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.card-actions { |
|
|
.card-actions { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: flex-end; |
|
|
justify-content: flex-end; |
|
|
|