调用抽查人次弹窗
This commit is contained in:
parent
bb0a0bb976
commit
97e421cf24
@ -83,7 +83,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 填报动态信息 -->
|
<!-- 填报动态信息 -->
|
||||||
<div class="section">
|
<div class="section" v-if="dynamicRecords.length > 0">
|
||||||
<div class="section-title">
|
<div class="section-title">
|
||||||
<span class="title-icon">▍</span>
|
<span class="title-icon">▍</span>
|
||||||
填报动态信息
|
填报动态信息
|
||||||
@ -169,13 +169,13 @@ const emit = defineEmits(['update:visible', 'close']);
|
|||||||
|
|
||||||
// 基本信息
|
// 基本信息
|
||||||
const basicInfo = ref({
|
const basicInfo = ref({
|
||||||
district: '合川区',
|
district: '',
|
||||||
level: '一般隐患',
|
level: '',
|
||||||
levelClass: 'level-normal',
|
levelClass: '',
|
||||||
roadCode: 'G348',
|
roadCode: '',
|
||||||
location: '丁吴路(K116+656至K116+739)',
|
location: '',
|
||||||
riskDesc: '未回应',
|
riskDesc: '',
|
||||||
discoverTime: '立即启动防汛Ⅰ级应急响应,立即转移危险区群众,医疗机构做好应急准备',
|
discoverTime: '',
|
||||||
});
|
});
|
||||||
|
|
||||||
// 照片列表
|
// 照片列表
|
||||||
@ -183,22 +183,22 @@ const photoList = ref([]);
|
|||||||
|
|
||||||
// 动态记录
|
// 动态记录
|
||||||
const dynamicRecords = ref([
|
const dynamicRecords = ref([
|
||||||
{
|
// {
|
||||||
type: '首报',
|
// type: '首报',
|
||||||
patrolTime: '2026-03-28 14:30:00',
|
// patrolTime: '2026-03-28 14:30:00',
|
||||||
patrolPerson: '刘伟',
|
// patrolPerson: '刘伟',
|
||||||
description: '设置警示标识,半幅通行',
|
// description: '设置警示标识,半幅通行',
|
||||||
hasProblem: true,
|
// hasProblem: true,
|
||||||
image: 'https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场',
|
// image: 'https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场',
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
type: '续报',
|
// type: '续报',
|
||||||
patrolTime: '2026-03-28 14:30:00',
|
// patrolTime: '2026-03-28 14:30:00',
|
||||||
patrolPerson: '刘伟',
|
// patrolPerson: '刘伟',
|
||||||
description: '设置警示标识,半幅通行',
|
// description: '设置警示标识,半幅通行',
|
||||||
hasProblem: false,
|
// hasProblem: false,
|
||||||
image: null,
|
// image: null,
|
||||||
},
|
// },
|
||||||
]);
|
]);
|
||||||
|
|
||||||
// 状态样式
|
// 状态样式
|
||||||
@ -277,19 +277,17 @@ const getAffectedObjectTypeId = data => {
|
|||||||
photoList.value = photos.length > 0 ? photos : [];
|
photoList.value = photos.length > 0 ? photos : [];
|
||||||
|
|
||||||
// 更新动态记录 - 桥梁信息没有巡查记录,使用基础信息展示
|
// 更新动态记录 - 桥梁信息没有巡查记录,使用基础信息展示
|
||||||
dynamicRecords.value = [
|
// dynamicRecords.value = [
|
||||||
{
|
// {
|
||||||
type: '桥梁信息',
|
// type: '桥梁信息',
|
||||||
patrolTime: data.GL1_JCTCRQ || '-', // 建成通车日期
|
// patrolTime: data.GL1_JCTCRQ || '-', // 建成通车日期
|
||||||
patrolPerson: data.GL1_QLZRR || '-', // 桥梁责任人
|
// patrolPerson: data.GL1_QLZRR || '-', // 桥梁责任人
|
||||||
description: `桥梁全长:${data.GL1_QLQC || '-'}m,跨径总长:${data.GL1_KJZC || '-'}m,上部结构:${data.GL1_SBJGLXMC || '-'}`,
|
// description: `桥梁全长:${data.GL1_QLQC || '-'}m,跨径总长:${data.GL1_KJZC || '-'}m,上部结构:${data.GL1_SBJGLXMC || '-'}`,
|
||||||
hasProblem: false,
|
// hasProblem: false,
|
||||||
image: null,
|
// image: null,
|
||||||
},
|
// },
|
||||||
];
|
// ];
|
||||||
} else if (pointType === '边坡') {
|
} else if (pointType === '边坡') {
|
||||||
// 边坡数据处理
|
|
||||||
const data = resData || {};
|
|
||||||
// 更新基本信息 - 根据边坡接口返回数据映射
|
// 更新基本信息 - 根据边坡接口返回数据映射
|
||||||
basicInfo.value = {
|
basicInfo.value = {
|
||||||
district: data.GL1_QXMC || '-', // 区县名称
|
district: data.GL1_QXMC || '-', // 区县名称
|
||||||
@ -312,16 +310,16 @@ const getAffectedObjectTypeId = data => {
|
|||||||
photoList.value = photos.length > 0 ? photos : [];
|
photoList.value = photos.length > 0 ? photos : [];
|
||||||
|
|
||||||
// 更新动态记录 - 边坡信息展示
|
// 更新动态记录 - 边坡信息展示
|
||||||
dynamicRecords.value = [
|
// dynamicRecords.value = [
|
||||||
{
|
// {
|
||||||
type: '边坡信息',
|
// type: '边坡信息',
|
||||||
patrolTime: data.GL1_BPPGC || '-', // 边坡坡高
|
// patrolTime: data.GL1_BPPGC || '-', // 边坡坡高
|
||||||
patrolPerson: data.GL1_ZRRXM || '-', // 责任人姓名
|
// patrolPerson: data.GL1_ZRRXM || '-', // 责任人姓名
|
||||||
description: `起点桩号:${data.GL1_QDZH || '-'},终点桩号:${data.GL1_ZDZH || '-'},起点经度:${data.GL1_QDJD || '-'},起点纬度:${data.GL1_QDWD || '-'},监测设施:${data.GL1_JCSSSZ || '-'},综合措施:${data.GL1_ZHXS || '-'}`,
|
// description: `起点桩号:${data.GL1_QDZH || '-'},终点桩号:${data.GL1_ZDZH || '-'},起点经度:${data.GL1_QDJD || '-'},起点纬度:${data.GL1_QDWD || '-'},监测设施:${data.GL1_JCSSSZ || '-'},综合措施:${data.GL1_ZHXS || '-'}`,
|
||||||
hasProblem: data.GL1_JCSSSZ !== '无' && data.GL1_JCSSSZ !== null,
|
// hasProblem: data.GL1_JCSSSZ !== '无' && data.GL1_JCSSSZ !== null,
|
||||||
image: null,
|
// image: null,
|
||||||
},
|
// },
|
||||||
];
|
// ];
|
||||||
} else if (pointType === '隧道') {
|
} else if (pointType === '隧道') {
|
||||||
// 更新基本信息 - 根据隧道数据库字段映射
|
// 更新基本信息 - 根据隧道数据库字段映射
|
||||||
basicInfo.value = {
|
basicInfo.value = {
|
||||||
@ -352,45 +350,42 @@ const getAffectedObjectTypeId = data => {
|
|||||||
photoList.value = photos.length > 0 ? photos : [];
|
photoList.value = photos.length > 0 ? photos : [];
|
||||||
|
|
||||||
// 更新动态记录 - 隧道信息展示
|
// 更新动态记录 - 隧道信息展示
|
||||||
dynamicRecords.value = [
|
// dynamicRecords.value = [
|
||||||
{
|
// {
|
||||||
type: '隧道信息',
|
// type: '隧道信息',
|
||||||
patrolTime: data.GL1_XCTCSJ || '-', // 修成通车时间
|
// patrolTime: data.GL1_XCTCSJ || '-', // 修成通车时间
|
||||||
patrolPerson: data.GL1_GLDW || '-', // 管理单位
|
// patrolPerson: data.GL1_GLDW || '-', // 管理单位
|
||||||
description: `隧道全长:${data.GL1_SDC || '-'}m,隧道净宽:${data.GL1_SDJK || '-'}m,围岩等级:${data.GL1_WYDJ || '-'},衬砌类型:${data.GL1_CQLXMC || '-'}`,
|
// description: `隧道全长:${data.GL1_SDC || '-'}m,隧道净宽:${data.GL1_SDJK || '-'}m,围岩等级:${data.GL1_WYDJ || '-'},衬砌类型:${data.GL1_CQLXMC || '-'}`,
|
||||||
hasProblem: false,
|
// hasProblem: false,
|
||||||
image: null,
|
// image: null,
|
||||||
},
|
// },
|
||||||
];
|
// ];
|
||||||
} else if (pointType === '路段') {
|
} else if (pointType === '路段') {
|
||||||
// 路段数据处理
|
|
||||||
const data = resData || {};
|
|
||||||
// 更新基本信息 - 根据路段数据库字段映射
|
// 更新基本信息 - 根据路段数据库字段映射
|
||||||
basicInfo.value = {
|
basicInfo.value = {
|
||||||
district: data.GL1_QDMC || '-', // 起点名称(区县)
|
district: data.GL1_QDMC || '-', // 起点名称(区县)
|
||||||
level: leveltext(data.GL1_JSDJ) || '未评定', // 技术等级
|
level: data.GL1_JSDJ || '未评定', // 技术等级
|
||||||
levelClass:
|
levelClass: data.GL1_JSDJ, // 一二级为一般,三四五级为重大
|
||||||
data.GL1_JSDJ === '一级' || data.GL1_JSDJ === '二级' ? 'level-normal' : 'level-serious', // 一二级为一般,三四五级为重大
|
|
||||||
roadCode: data.GL1_LXBH || '-', // 路线编号
|
roadCode: data.GL1_LXBH || '-', // 路线编号
|
||||||
location: `${data.GL1_QDMC || '-'} - ${data.GL1_ZDMC || '-'}`, // 起点到终点
|
location: `${data.GL1_QDMC || '-'} - ${data.GL1_ZDMC || '-'}`, // 起点到终点
|
||||||
riskDesc: data.GL1_TZSJ || '-', // 特征数据/特殊数据
|
riskDesc: '-', // 风险点
|
||||||
discoverTime: data.GL1_XZDJ || '-', // 行政等级
|
discoverTime: '-', // 发现时间
|
||||||
};
|
};
|
||||||
|
|
||||||
// 更新照片列表 - 路段一般没有照片
|
// 更新照片列表 - 路段一般没有照片
|
||||||
photoList.value = [];
|
photoList.value = [];
|
||||||
|
|
||||||
// 更新动态记录 - 路段信息展示
|
// 更新动态记录 - 路段信息展示
|
||||||
dynamicRecords.value = [
|
// dynamicRecords.value = [
|
||||||
{
|
// {
|
||||||
type: '路段信息',
|
// type: '路段信息',
|
||||||
patrolTime: data.GL1_TZSJ || '-', // 特征数据
|
// patrolTime: data.GL1_TZSJ || '-', // 特征数据
|
||||||
patrolPerson: data.GL1_XZDJ || '-', // 行政等级
|
// patrolPerson: data.GL1_XZDJ || '-', // 行政等级
|
||||||
description: `路段长度:${data.GL1_LDLC || '-'}km,路面宽度:${data.GL1_LMKD || '-'}m,路面类型:${data.GL1_LMLX || '-'},车道数量:${data.GL1_CDSL || '-'}`,
|
// description: `路段长度:${data.GL1_LDLC || '-'}km,路面宽度:${data.GL1_LMKD || '-'}m,路面类型:${data.GL1_LMLX || '-'},车道数量:${data.GL1_CDSL || '-'}`,
|
||||||
hasProblem: false,
|
// hasProblem: false,
|
||||||
image: null,
|
// image: null,
|
||||||
},
|
// },
|
||||||
];
|
// ];
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -449,6 +444,7 @@ watch(
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.content-wrapper {
|
.content-wrapper {
|
||||||
height: 500px;
|
height: 500px;
|
||||||
|
width: 600px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
// 自定义滚动条样式
|
// 自定义滚动条样式
|
||||||
|
|||||||
@ -115,11 +115,7 @@
|
|||||||
:key="index"
|
:key="index"
|
||||||
class="stat-item"
|
class="stat-item"
|
||||||
:class="{
|
:class="{
|
||||||
clickable:
|
clickable: true,
|
||||||
item.label === '叫应总数' ||
|
|
||||||
item.label === '已回应数' ||
|
|
||||||
item.label === '调度区县数' ||
|
|
||||||
item.label === '线下帮扶数',
|
|
||||||
}"
|
}"
|
||||||
@click="handleStatClick(item)"
|
@click="handleStatClick(item)"
|
||||||
>
|
>
|
||||||
@ -206,6 +202,7 @@ const emit = defineEmits([
|
|||||||
'warningClick',
|
'warningClick',
|
||||||
'dispatchDateRange',
|
'dispatchDateRange',
|
||||||
'openOfflineHelp',
|
'openOfflineHelp',
|
||||||
|
'openImageInspection',
|
||||||
]);
|
]);
|
||||||
|
|
||||||
// 点击统计项
|
// 点击统计项
|
||||||
@ -220,6 +217,8 @@ const handleStatClick = item => {
|
|||||||
emit('openDispatchDistrict');
|
emit('openDispatchDistrict');
|
||||||
} else if (item.label === '线下帮扶数') {
|
} else if (item.label === '线下帮扶数') {
|
||||||
emit('openOfflineHelp');
|
emit('openOfflineHelp');
|
||||||
|
} else if (item.label === '抽查人次') {
|
||||||
|
emit('openImageInspection');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user