调用抽查人次弹窗

This commit is contained in:
fanjia 2026-04-22 18:05:54 +08:00
parent bb0a0bb976
commit 97e421cf24
2 changed files with 73 additions and 78 deletions

View File

@ -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;
// //

View File

@ -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');
} }
}; };