|
|
@ -3,7 +3,7 @@ |
|
|
|
<div class="PerceiveEvent"> |
|
|
|
<Video class="item-video" /> |
|
|
|
<LineChart class="chart" /> |
|
|
|
<Form class="form" v-model="data" ref="FormConfigRef" :formList="formList" column="1" /> |
|
|
|
<Form class="form" v-loading="loading" :value="data" ref="FormConfigRef" :formList="formList" column="1" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<template #footer> |
|
|
@ -43,17 +43,18 @@ export default { |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
loading: true, |
|
|
|
activeName: 'first', |
|
|
|
deviceControlVisible: false, |
|
|
|
btnLoading: false, |
|
|
|
data: { |
|
|
|
deviceType: "行车诱导", |
|
|
|
deviceStation: "k094+079", |
|
|
|
roadName: "G35济泽高速", |
|
|
|
direction: "1", |
|
|
|
deviceState: "0", |
|
|
|
deviceVendors: "XXX厂家", |
|
|
|
time: "2023/01/02 09:09:09" |
|
|
|
// deviceType: "行车诱导", |
|
|
|
// deviceStation: "k094+079", |
|
|
|
// roadName: "G35济泽高速", |
|
|
|
// direction: "1", |
|
|
|
// deviceState: "0", |
|
|
|
// deviceVendors: "XXX厂家", |
|
|
|
// time: "2023/01/02 09:09:09" |
|
|
|
}, |
|
|
|
formList: [ |
|
|
|
{ |
|
|
@ -127,13 +128,63 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
async created() { |
|
|
|
this.data = { ...this.dialogData, roadName: null }; |
|
|
|
|
|
|
|
this.formList[4].options.options = WarningSubclassList[this.data.warningType] || [] |
|
|
|
|
|
|
|
console.log("%c [ this.data ]-108-「index.vue」", "font-size:15px; background:#1be811; color:#5fff55;", this.data); |
|
|
|
this.getDetails(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getDetails() { |
|
|
|
request({ |
|
|
|
url: `/dc/system/event/${this.dialogData.id}`, |
|
|
|
method: "GET", |
|
|
|
params: {} |
|
|
|
}) |
|
|
|
.then(({ data, code }) => { |
|
|
|
if (code != 200) return Message.error("详情获取失败"); |
|
|
|
|
|
|
|
// data = { |
|
|
|
// "searchValue": null, |
|
|
|
// "createBy": null, |
|
|
|
// "createTime": "2024-07-23 14:18:58", |
|
|
|
// "updateBy": null, |
|
|
|
// "updateTime": "2024-02-01 15:55:34", |
|
|
|
// "remark": "111", |
|
|
|
// "params": {}, |
|
|
|
// "id": "1", |
|
|
|
// "stakeMark": "k103+900", |
|
|
|
// "direction": "1", |
|
|
|
// "deptId": null, |
|
|
|
// "warningState": 1, |
|
|
|
// "warningTime": null, |
|
|
|
// "userId": null, |
|
|
|
// "warningSource": 1, |
|
|
|
// "warningLevel": null, |
|
|
|
// "warningType": 1, |
|
|
|
// "warningSubclass": null, |
|
|
|
// "warningTitle": null, |
|
|
|
// "otherConfig": null, |
|
|
|
// "lane": null, |
|
|
|
// "sectionName": null, |
|
|
|
// "number": 0, |
|
|
|
// "type": null, |
|
|
|
// "sectionId": null, |
|
|
|
// "longitude": "116.493888", |
|
|
|
// "latitude": "36.291145" |
|
|
|
// }; |
|
|
|
|
|
|
|
this.data = { ...data, roadName: null }; |
|
|
|
|
|
|
|
this.formList[4].options.options = WarningSubclassList[data.warningType] || []; |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
this.$refs.FormConfigRef.reset(true); |
|
|
|
}); |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
Message.error("详情获取失败"); |
|
|
|
}) |
|
|
|
.finally(() => { |
|
|
|
this.loading = false; |
|
|
|
}) |
|
|
|
}, |
|
|
|
updateEvent() { |
|
|
|
// s |
|
|
|
this.btnLoading = true; |
|
|
|