修改响应情况弹窗数据展示。修改bug

This commit is contained in:
fanjia 2026-05-08 11:23:55 +08:00
parent 037cd50871
commit ce00b7c624
3 changed files with 28 additions and 9 deletions

View File

@ -357,7 +357,7 @@ const getAffectedObjectTypeId = (data) => {
} else if (pointType === '路段') { } else if (pointType === '路段') {
// - // -
basicInfo.value = { basicInfo.value = {
district: data.rawData.GL1_QXMC || '-', // district: data.rawData.COUNTY_NAME || '-', //
level: data.rawData.GL1_FXDJ || '未评定', // level: data.rawData.GL1_FXDJ || '未评定', //
levelClass: data.rawData.GL1_FXDJ, // levelClass: data.rawData.GL1_FXDJ, //
roadCode: data.rawData.GL1_LXBH || '-', // 线 roadCode: data.rawData.GL1_LXBH || '-', // 线

View File

@ -841,6 +841,8 @@ watch(
watch( watch(
() => props.visible, () => props.visible,
(newVal) => { (newVal) => {
tableColumns.value = bridgeColumns
// if (newVal) { // if (newVal) {
// filterForm.value = { // filterForm.value = {
// pointType: '', // pointType: '',

View File

@ -81,7 +81,7 @@
<!-- 交通主管部门负责人列插槽 --> <!-- 交通主管部门负责人列插槽 -->
<template #trafficDept="{ row }"> <template #trafficDept="{ row }">
<div class="person-info"> <div class="person-info">
<div class="person-name center"> <div class="person-name center" v-if="row.trafficDept.name != '-'">
<span style="margin-right: 5px">{{ row.trafficDept.name }}</span> <span style="margin-right: 5px">{{ row.trafficDept.name }}</span>
<img class="response-icon" :src="row.trafficDept.isResponded ? row.trafficDept.img : row.trafficDept.img" alt /> <img class="response-icon" :src="row.trafficDept.isResponded ? row.trafficDept.img : row.trafficDept.img" alt />
</div> </div>
@ -92,7 +92,7 @@
<!-- 公路机构责任人列插槽 --> <!-- 公路机构责任人列插槽 -->
<template #roadOrg="{ row }"> <template #roadOrg="{ row }">
<div class="person-info"> <div class="person-info">
<div class="person-name center"> <div class="person-name center" v-if="row.roadOrg.name != '-'">
<span style="margin-right: 5px">{{ row.roadOrg.name }}</span> <span style="margin-right: 5px">{{ row.roadOrg.name }}</span>
<img :src="row.roadOrg.img" class="response-icon" alt="" /> <img :src="row.roadOrg.img" class="response-icon" alt="" />
</div> </div>
@ -103,7 +103,7 @@
<!-- 养护站负责人列插槽 --> <!-- 养护站负责人列插槽 -->
<template #maintenance="{ row }"> <template #maintenance="{ row }">
<div class="person-info"> <div class="person-info">
<div class="person-name center"> <div class="person-name center" v-if="row.maintenance.name != '-'">
<span style="margin-right: 5px">{{ row.maintenance.name }}</span> <span style="margin-right: 5px">{{ row.maintenance.name }}</span>
<img :src="row.maintenance.img" class="response-icon" alt="" /> <img :src="row.maintenance.img" class="response-icon" alt="" />
</div> </div>
@ -114,7 +114,7 @@
<!-- 护路员列插槽 --> <!-- 护路员列插槽 -->
<template #roadKeeper="{ row }"> <template #roadKeeper="{ row }">
<div class="person-info"> <div class="person-info">
<div class="person-name center"> <div class="person-name center" v-if="row.roadKeeper.name != '-'">
<span style="margin-right: 5px">{{ row.roadKeeper.name }}</span> <span style="margin-right: 5px">{{ row.roadKeeper.name }}</span>
<img :src="row.roadKeeper.img" class="response-icon" alt="" /> <img :src="row.roadKeeper.img" class="response-icon" alt="" />
</div> </div>
@ -122,6 +122,17 @@
</div> </div>
</template> </template>
<!-- 路长列插槽 -->
<template #generalStaff="{ row }">
<div class="person-info">
<div class="person-name center" v-if="row.generalStaff.name != '-'">
<span style="margin-right: 5px">{{ row.generalStaff.name }}</span>
<img :src="row.generalStaff.img" class="response-icon" alt="" />
</div>
<span class="person-phone">{{ row.generalStaff.phone }}</span>
</div>
</template>
<!-- 回应状态列插槽 --> <!-- 回应状态列插槽 -->
<!-- <template #responseStatusData="{ row }"> <!-- <template #responseStatusData="{ row }">
<span class="response-status" :class="row.responseClass">{{ <span class="response-status" :class="row.responseClass">{{
@ -322,6 +333,7 @@ const fetchData = async () => {
const roadKeeperEvent = item.events?.find((e) => e.noticeRoles?.includes('护路员')) || {} const roadKeeperEvent = item.events?.find((e) => e.noticeRoles?.includes('护路员')) || {}
const roadOrgEvent = item.events?.find((e) => e.noticeRoles?.includes('公路机构')) || {} const roadOrgEvent = item.events?.find((e) => e.noticeRoles?.includes('公路机构')) || {}
const maintenanceEvent = item.events?.find((e) => e.noticeRoles?.includes('养护站')) || {} const maintenanceEvent = item.events?.find((e) => e.noticeRoles?.includes('养护站')) || {}
const generalStaffEvent = item.events?.find((e) => e.noticeRoles?.includes('路长')) || {}
// //
const lastNoticeTime = item.events?.[0]?.lastNoticeTime || '' const lastNoticeTime = item.events?.[0]?.lastNoticeTime || ''
@ -359,8 +371,10 @@ const fetchData = async () => {
isResponded: roadKeeperEvent.replyState === 'read', isResponded: roadKeeperEvent.replyState === 'read',
}, },
generalStaff: { generalStaff: {
name: item.GL1_QLGCS || '-', name: generalStaffEvent.noticeName || '-',
phone: item.GL1_QLGCSDH || '-', phone: generalStaffEvent.noticePhone || '-',
img: generalStaffEvent.replyState === 'read' ? respondedIcon : notRespondedIcon,
isResponded: generalStaffEvent.replyState === 'read',
}, },
urgeTime: { urgeTime: {
@ -369,7 +383,10 @@ const fetchData = async () => {
}, },
} }
}) })
total.value = res.data.length total.value = res.total || 0
}else{
tableData.value = []
total.value = 0
} }
} catch (error) { } catch (error) {
console.error('获取通知实体数据失败:', error) console.error('获取通知实体数据失败:', error)
@ -424,7 +441,7 @@ watch(
cardType.value = '路段' cardType.value = '路段'
currentPage.value = 1 currentPage.value = 1
if (newVal) { if (newVal) {
// fetchData() fetchData()
loadBarChartData() loadBarChartData()
} }
}, },