|
|
|
@ -17,8 +17,8 @@ |
|
|
|
<div v-for="(item, index) in recordList" :key="index" class="record-card-item"> |
|
|
|
<div class="record-header"> |
|
|
|
<div class="record-company">{{ item.c601002 }}</div> |
|
|
|
<div class="record-date">执法时间:{{ item.c601005 }}</div> |
|
|
|
<div class="record-count">执法结果:{{ item.c601015 === '01' ? '合格' : '不合格' }}</div> |
|
|
|
<div class="record-date">执法时间:{{ formatTime(item.c601005) }}</div> |
|
|
|
<!-- <div class="record-count">执法结果:{{ item.c601015 === '01' ? '合格' : '不合格' }}</div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="recordList.length === 0" class="empty-state"> |
|
|
|
@ -30,9 +30,11 @@ |
|
|
|
<div class="record-list" v-if="recordTab === 1"> |
|
|
|
<div v-for="(item, index) in props.cfRecords" :key="index" class="record-card-item"> |
|
|
|
<div class="record-header"> |
|
|
|
<div class="record-company">{{ item.c601002 }}</div> |
|
|
|
<div class="record-date">执法时间:{{ item.c601005 }}</div> |
|
|
|
<div class="record-count">执法结果:{{ item.c601015 === '01' ? '合格' : '不合格' }}</div> |
|
|
|
<div class="record-company">{{ item.c201002 }}</div> |
|
|
|
<div class="record-date">执法主体:{{ item.c201003 }}</div> |
|
|
|
<div class="record-date">处罚种类:{{ formatPunishType(item.c206011) }}</div> |
|
|
|
<div class="record-date">处罚决定:{{ item.c206010=="01" ? "给予处罚" : "不予处罚" }}</div> |
|
|
|
<div class="record-date">处罚日期:{{ formatTime(item.c206013) }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="props.cfRecords.length === 0" class="empty-state"> |
|
|
|
@ -44,9 +46,11 @@ |
|
|
|
<div class="record-list" v-if="recordTab === 2"> |
|
|
|
<div v-for="(item, index) in props.qzRecords" :key="index" class="record-card-item"> |
|
|
|
<div class="record-header"> |
|
|
|
<div class="record-company">{{ item.c601002 }}</div> |
|
|
|
<div class="record-date">执法时间:{{ item.c601005 }}</div> |
|
|
|
<div class="record-count">执法结果:{{ item.c601015 === '01' ? '合格' : '不合格' }}</div> |
|
|
|
<div class="record-company">{{ item.c301002!= '无'? item.c301002 : '-' }}</div> |
|
|
|
<div class="record-date">强制种类:{{ item.c302002}}</div> |
|
|
|
<div class="record-date">强制措施:{{ item.c302001}}</div> |
|
|
|
<div class="record-date">批准时间:{{ formatTime(item.c302007) }}</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="props.qzRecords.length === 0" class="empty-state"> |
|
|
|
@ -59,6 +63,7 @@ |
|
|
|
|
|
|
|
<script setup> |
|
|
|
import { ref } from 'vue'; |
|
|
|
import { formatTime } from '@/utils/utils'; |
|
|
|
|
|
|
|
const props = defineProps({ |
|
|
|
recordList: { |
|
|
|
@ -89,6 +94,23 @@ const recordTab = ref(0); |
|
|
|
const cfExpanded = ref(false); |
|
|
|
const qzExpanded = ref(false); |
|
|
|
|
|
|
|
const punishTypeMap = { |
|
|
|
'01': '警告', |
|
|
|
'02': '通报批评', |
|
|
|
'03': '罚款', |
|
|
|
'04': '没收违法所得', |
|
|
|
'05': '没收违法财产', |
|
|
|
'06': '责令停业整改', |
|
|
|
'07': '暂扣许可证件', |
|
|
|
'08': '行政拘留', |
|
|
|
'09': '吊销许可证件', |
|
|
|
}; |
|
|
|
|
|
|
|
const formatPunishType = (val) => { |
|
|
|
if (!val) return '-'; |
|
|
|
return val.split(',').map(code => punishTypeMap[code] || code).join('、'); |
|
|
|
}; |
|
|
|
|
|
|
|
const toggleExpand = () => { |
|
|
|
emit('toggle-expand'); |
|
|
|
}; |
|
|
|
|