|
@ -1,11 +1,11 @@ |
|
|
<template> |
|
|
<template> |
|
|
<Dialog v-model="modelVisible" title="修改事件信息" width="550px"> |
|
|
<Dialog v-model="modelVisible" title="修改事件信息" width="1100px" top="10%"> |
|
|
<div class="EditEventInformationDialog"> |
|
|
<div class="EditEventInformationDialog"> |
|
|
<Form class="form" :formList="formConfigList" labelWidth="120px" /> |
|
|
<Form class="form" :formList="formConfigList" v-model="fData" labelWidth="120px" /> |
|
|
|
|
|
|
|
|
<div class="footer"> |
|
|
<div class="footer"> |
|
|
<Button>保存</Button> |
|
|
<Button @click.native="onSubmit">保存</Button> |
|
|
<Button style="background: #c9c9c9">关闭</Button> |
|
|
<Button style="background: #c9c9c9" @click.native="modelVisible = false">关闭</Button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</Dialog> |
|
|
</Dialog> |
|
@ -15,8 +15,106 @@ |
|
|
import Dialog from "@screen/components/Dialog/index"; |
|
|
import Dialog from "@screen/components/Dialog/index"; |
|
|
import Form from "@screen/components/FormConfig"; |
|
|
import Form from "@screen/components/FormConfig"; |
|
|
import Button from "@screen/components/Buttons/Button.vue"; |
|
|
import Button from "@screen/components/Buttons/Button.vue"; |
|
|
|
|
|
import request from "@/utils/request"; |
|
|
|
|
|
import { tabConfigList } from "./data.js"; |
|
|
|
|
|
|
|
|
import { formConfigList } from "./data.js"; |
|
|
const eventInfo = { |
|
|
|
|
|
id: "60f022d95a7c4b6cada2d780246543d8", |
|
|
|
|
|
deptId: null, |
|
|
|
|
|
deptName: null, |
|
|
|
|
|
stakeMark: "k103+900", |
|
|
|
|
|
endStakeMark: null, |
|
|
|
|
|
direction: "菏泽方向", |
|
|
|
|
|
userId: 1, |
|
|
|
|
|
startTime: null, |
|
|
|
|
|
endTime: null, |
|
|
|
|
|
estimatedEndTime: "2024-02-22 10:44:27", |
|
|
|
|
|
eventLevel: 1, |
|
|
|
|
|
eventType: 1, |
|
|
|
|
|
stringEventType: "交通事故", |
|
|
|
|
|
eventSubclass: "其他事故", |
|
|
|
|
|
eventCause: "其他事故", |
|
|
|
|
|
description: "其他事故", |
|
|
|
|
|
eventState: 0, |
|
|
|
|
|
eventSource: null, |
|
|
|
|
|
stringEventSource: "96659", |
|
|
|
|
|
eventNature: null, |
|
|
|
|
|
eventSourceTips: null, |
|
|
|
|
|
inTunnel: null, |
|
|
|
|
|
roadId: null, |
|
|
|
|
|
occurrenceTime: "2024-02-22 10:44:18", |
|
|
|
|
|
isPerceived: 0, |
|
|
|
|
|
lang: "2,3", |
|
|
|
|
|
roadName: "济菏高速", |
|
|
|
|
|
organizationName: "研发部门", |
|
|
|
|
|
processConfigList: [ |
|
|
|
|
|
{ |
|
|
|
|
|
"id": 8, |
|
|
|
|
|
"eventType": 1, |
|
|
|
|
|
"nodeNode": "1", |
|
|
|
|
|
"processNode": "接警记录", |
|
|
|
|
|
"commonPhrases": "" |
|
|
|
|
|
}, |
|
|
|
|
|
], |
|
|
|
|
|
eventTitle: "发生其他事故事故", |
|
|
|
|
|
dimension: null, |
|
|
|
|
|
longitude: null, |
|
|
|
|
|
dcEventMap: null, |
|
|
|
|
|
dcEventAbnormalWeather: null, |
|
|
|
|
|
dcEventAccident: { |
|
|
|
|
|
searchValue: null, |
|
|
|
|
|
createBy: null, |
|
|
|
|
|
createTime: null, |
|
|
|
|
|
updateBy: null, |
|
|
|
|
|
updateTime: null, |
|
|
|
|
|
remark: null, |
|
|
|
|
|
params: {}, |
|
|
|
|
|
id: "60f022d95a7c4b6cada2d780246543d8", |
|
|
|
|
|
reporterName: "王兴琳", |
|
|
|
|
|
reporterPhoneNumber: "19806119906", |
|
|
|
|
|
locationType: 1, |
|
|
|
|
|
trafficJam: 100, |
|
|
|
|
|
weatherCondition: 1, |
|
|
|
|
|
impactLevel: 2, |
|
|
|
|
|
isReverseCargo: 1, |
|
|
|
|
|
isMaintenance: 1, |
|
|
|
|
|
policeContact: "96659", |
|
|
|
|
|
towingServiceContact: "19806119906", |
|
|
|
|
|
congestionAhead: 0, |
|
|
|
|
|
atIntersection: 0, |
|
|
|
|
|
onCurve: 1, |
|
|
|
|
|
spillageItem: "抛洒物", |
|
|
|
|
|
vehicleOwnerPhone: "19806119906", |
|
|
|
|
|
smallCar: 10, |
|
|
|
|
|
trucks: 0, |
|
|
|
|
|
buses: 0, |
|
|
|
|
|
tankers: 0, |
|
|
|
|
|
minorInjuries: 1, |
|
|
|
|
|
seriousInjuries: null, |
|
|
|
|
|
fatalities: null, |
|
|
|
|
|
isPrivate: null, |
|
|
|
|
|
facilityId: null, |
|
|
|
|
|
rampId: null, |
|
|
|
|
|
location: null, |
|
|
|
|
|
dcEvent: null |
|
|
|
|
|
}, |
|
|
|
|
|
dcEventConstruction: null, |
|
|
|
|
|
dcEventServiceArea: null, |
|
|
|
|
|
dcEventTrafficCongestion: null, |
|
|
|
|
|
dcEventVehicleAccident: null, |
|
|
|
|
|
dcEventTrafficControl: null, |
|
|
|
|
|
nickName: "管理员", |
|
|
|
|
|
stringEventState: "待确认", |
|
|
|
|
|
commonPhrases: null, |
|
|
|
|
|
nodeNode: null, |
|
|
|
|
|
eventName: "交通事故", |
|
|
|
|
|
processNode: null, |
|
|
|
|
|
updateTime: null, |
|
|
|
|
|
createTime: "2024-02-22 10:49:34", |
|
|
|
|
|
remark: null, |
|
|
|
|
|
subclass: "1-5", |
|
|
|
|
|
linkId: null |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: "EditEventInformationDialog", |
|
|
name: "EditEventInformationDialog", |
|
@ -34,19 +132,107 @@ export default { |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
formConfigList, |
|
|
formConfigList: {}, |
|
|
|
|
|
// tabConfigList, |
|
|
|
|
|
fData: {}, |
|
|
|
|
|
eventId: '1a91d65cc31f4a9d90122888edb31043', |
|
|
|
|
|
roads: [], |
|
|
|
|
|
direction: [], |
|
|
|
|
|
lwss: [] |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
modelVisible: { |
|
|
modelVisible: { |
|
|
get() { |
|
|
get() { |
|
|
|
|
|
if (this.visible) { |
|
|
|
|
|
this.initData() |
|
|
|
|
|
} |
|
|
return this.visible; |
|
|
return this.visible; |
|
|
}, |
|
|
}, |
|
|
set(val) { |
|
|
set(val) { |
|
|
|
|
|
console.log('val', val) |
|
|
this.$emit("close", val); |
|
|
this.$emit("close", val); |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
|
|
|
mounted() { |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
methods: { |
|
|
|
|
|
initData() { |
|
|
|
|
|
let configList = tabConfigList.find(item => item.label == '交通事故') |
|
|
|
|
|
this.formConfigList = configList.formConfig.list |
|
|
|
|
|
let info = eventInfo; |
|
|
|
|
|
if (info.stakeMark instanceof Array) { |
|
|
|
|
|
let numbers = info.stakeMark.match(/\d+/g).map(Number); |
|
|
|
|
|
info.stakeMark = numbers; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.fData = info; |
|
|
|
|
|
// Promise.all([ |
|
|
|
|
|
// //道路 |
|
|
|
|
|
// request({ |
|
|
|
|
|
// url: `/business/road/query`, |
|
|
|
|
|
// method: "get", |
|
|
|
|
|
// }) |
|
|
|
|
|
// .then((result) => { |
|
|
|
|
|
// if (result.code != 200) return Message.error(result?.msg); |
|
|
|
|
|
// result.data.forEach((it) => { |
|
|
|
|
|
// this.roads.push({ key: it.id, label: it.roadName }); |
|
|
|
|
|
// }); |
|
|
|
|
|
// }) |
|
|
|
|
|
// .catch((err) => { |
|
|
|
|
|
// Message.error("查询失败4", err); |
|
|
|
|
|
// }), |
|
|
|
|
|
// //方向字典 |
|
|
|
|
|
// request({ |
|
|
|
|
|
// url: `/system/dict/data/type/iot_event_direction`, |
|
|
|
|
|
// method: "get", |
|
|
|
|
|
// }) |
|
|
|
|
|
// .then((result) => { |
|
|
|
|
|
// if (result.code != 200) return Message.error(result?.msg); |
|
|
|
|
|
// result.data.forEach((it) => { |
|
|
|
|
|
// this.direction.push({ key: it.dictValue, label: it.dictLabel }); |
|
|
|
|
|
// }); |
|
|
|
|
|
// }) |
|
|
|
|
|
// .catch((err) => { |
|
|
|
|
|
// Message.error("查询失败5", err); |
|
|
|
|
|
// }), |
|
|
|
|
|
// //路网设施 1 收费站 2 桥梁 3 互通立交 4 枢纽立交 5 隧道 6 服务区 |
|
|
|
|
|
// request({ |
|
|
|
|
|
// url: `/business/facility/query`, |
|
|
|
|
|
// method: "get", |
|
|
|
|
|
// }) |
|
|
|
|
|
// .then((result) => { |
|
|
|
|
|
// if (result.code != 200) return Message.error(result?.msg); |
|
|
|
|
|
// result.data.forEach((it) => |
|
|
|
|
|
// this.lwss.push({ |
|
|
|
|
|
// key: it.id, |
|
|
|
|
|
// label: it.facilityName, |
|
|
|
|
|
// type: it.facilityType, |
|
|
|
|
|
// }) |
|
|
|
|
|
// ); |
|
|
|
|
|
// }) |
|
|
|
|
|
// .catch((err) => { |
|
|
|
|
|
// console.log("err", err); |
|
|
|
|
|
// Message.error("查询失败6", err); |
|
|
|
|
|
// }), |
|
|
|
|
|
// ]); |
|
|
|
|
|
// request({ |
|
|
|
|
|
// url: `/dc/system/event/eventSubclass/1/60f022d95a7c4b6cada2d780246543d8`,//交通事件 |
|
|
|
|
|
// method: "get", |
|
|
|
|
|
// }).then(async (result) => { |
|
|
|
|
|
// if (result.code != 200) return Message.error(result?.msg); |
|
|
|
|
|
// // this.formData = result.data; |
|
|
|
|
|
// }) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
onSubmit() { |
|
|
|
|
|
this.modelVisible = false; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
@ -54,7 +240,7 @@ export default { |
|
|
.EditEventInformationDialog { |
|
|
.EditEventInformationDialog { |
|
|
gap: 9px; |
|
|
gap: 9px; |
|
|
width: 1050px; |
|
|
width: 1050px; |
|
|
height: 810px; |
|
|
height: 850px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
|
|
|
|
|
|