|
|
|
@ -309,7 +309,8 @@ const timePeriodText = computed(() => { |
|
|
|
const formatDate = (row: any) => { |
|
|
|
if (!row.enforcementTime) return ''; |
|
|
|
const d = new Date(row.enforcementTime); |
|
|
|
return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`; |
|
|
|
const pad = (n: number) => String(n).padStart(2, '0'); |
|
|
|
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`; |
|
|
|
}; |
|
|
|
|
|
|
|
/** 排序变更 */ |
|
|
|
@ -456,7 +457,7 @@ const closeDetailDialog = () => { |
|
|
|
<!-- 列表表格 --> |
|
|
|
<div ref="tableRef"> |
|
|
|
<el-table v-loading="loading" :data="tableData" border stripe style="width: 100%" :height="tableHeight" @sort-change="handleSortChange"> |
|
|
|
<el-table-column label="执法单位" prop="bureauDeptName" align="center" min-width="150" show-overflow-tooltip /> |
|
|
|
<el-table-column label="执法单位" prop="bureauDeptName" align="center" min-width="250" show-overflow-tooltip /> |
|
|
|
<el-table-column label="被执法企业名称" prop="enterpriseName" align="center" min-width="180" show-overflow-tooltip /> |
|
|
|
<el-table-column label="企业注册地" prop="district" width="100" align="center" /> |
|
|
|
<el-table-column label="企业所属街道" prop="street" width="120" align="center" /> |
|
|
|
@ -466,7 +467,7 @@ const closeDetailDialog = () => { |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="执法事项" prop="lawEnforcementItemText" align="center" min-width="150" show-overflow-tooltip /> |
|
|
|
<el-table-column label="执法时间" width="110" align="center" sortable="custom" prop="enforcementTime"> |
|
|
|
<el-table-column label="执法时间" width="210" align="center" sortable="custom" prop="enforcementTime"> |
|
|
|
<template #default="{ row }">{{ formatDate(row) }}</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="联合执法" width="90" align="center"> |
|
|
|
@ -531,8 +532,8 @@ const closeDetailDialog = () => { |
|
|
|
/> |
|
|
|
|
|
|
|
<!-- 详情弹窗 --> |
|
|
|
<el-dialog v-model="detailDialogVisible" title="执法详情" width="700px" append-to-body @close="closeDetailDialog"> |
|
|
|
<el-descriptions v-if="detailRow" :column="2" border> |
|
|
|
<el-dialog v-model="detailDialogVisible" title="执法详情" width="800px" append-to-body @close="closeDetailDialog"> |
|
|
|
<el-descriptions v-if="detailRow" :column="1" border> |
|
|
|
<el-descriptions-item label="执法单位">{{ detailRow.bureauDeptName || '-' }}</el-descriptions-item> |
|
|
|
<el-descriptions-item label="被执法企业名称">{{ detailRow.enterpriseName || '-' }}</el-descriptions-item> |
|
|
|
<el-descriptions-item label="企业注册地">{{ detailRow.district || '-' }}</el-descriptions-item> |
|
|
|
@ -548,8 +549,10 @@ const closeDetailDialog = () => { |
|
|
|
<el-descriptions-item label="是否扫码">{{ detailRow.checkCss ? '否' : '是' }}</el-descriptions-item> |
|
|
|
<el-descriptions-item label="未扫码原因">{{ noScanReasonOptions.find(d => d.dictValue === detailRow.checkCss)?.dictLabel || '-' }}</el-descriptions-item> |
|
|
|
<el-descriptions-item label="其他原因描述">{{ detailRow.otherReasons || '-' }}</el-descriptions-item> |
|
|
|
<el-descriptions-item label="是否投诉" :span="2">{{ detailRow.isComplaint === 1 ? '是' : '否' }}</el-descriptions-item> |
|
|
|
<el-descriptions-item label="是否投诉">{{ detailRow.isComplaint === 1 ? '是' : '否' }}</el-descriptions-item> |
|
|
|
<el-descriptions-item width="150" label="创建时间">{{ detailRow.createTime ? formatDate(detailRow) : '-' }}</el-descriptions-item> |
|
|
|
</el-descriptions> |
|
|
|
|
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
