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