From 0afd9781a7cb3d224ad6eafcd45d02903abe741f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=8B=E9=92=A6?= <360013221@qq.com> Date: Sat, 18 May 2024 17:43:45 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=83=A8=E5=88=86=E9=9C=80?= =?UTF-8?q?=E6=B1=822024-05-18?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ruoyi-ui/src/common/menuData.js | 12 + .../components/RoadStateCard/data.js | 8 + .../RoadStateCard/images/confirmed22.svg | 32 + .../RoadStateCard/images/processed24.svg | 31 + .../RoadStateCard/images/processing21.svg | 33 + .../RoadStateCard/images/toBeConfirmed23.svg | 32 + .../Dialogs/PerceiveEvent/index.vue | 345 ++- .../components/HomeFrameControl/index.vue | 26 +- .../components/RoadAndEvents/utils/map.js | 10 +- .../DeviceControl/components/ScopeTable.vue | 6 +- .../Cards/DeviceControl/index.vue | 10 +- .../event/event/EventDetailDialog/data.js | 2 +- .../event/event/EventDetailDialog/index.vue | 124 +- .../smart/analysis/data.js | 28 + .../smart/analysis/images/refresh.svg | 22 + .../smart/analysis/index.vue | 34 + .../Carousel/images/arrow.svg | 36 + .../EventDetailDialog/Carousel/index.vue | 126 + .../eventAnalysis/EventDetailDialog/data.js | 177 ++ .../eventPlanDialog/index.vue | 521 ++++ .../EventDetailDialog/formTable/index.vue | 336 +++ .../eventAnalysis/EventDetailDialog/index.vue | 406 +++ .../EventDetailDialog/qbbDialog/index.vue | 381 +++ .../FormEvent/PresetFormItems.js | 1228 ++++++++ .../eventAnalysis/FormEvent/data.js | 2537 +++++++++++++++++ .../eventAnalysis/FormEvent/index.vue | 258 ++ .../pages/perception/eventAnalysis/data.js | 226 ++ .../eventAnalysis/images/export.svg | 14 + .../eventAnalysis/images/insert.svg | 9 + .../eventAnalysis/images/refresh.svg | 22 + .../pages/perception/eventAnalysis/index.vue | 321 +++ 31 files changed, 7147 insertions(+), 206 deletions(-) create mode 100644 ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/confirmed22.svg create mode 100644 ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/processed24.svg create mode 100644 ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/processing21.svg create mode 100644 ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/toBeConfirmed23.svg create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/data.js create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/images/refresh.svg create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/Carousel/images/arrow.svg create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/Carousel/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/data.js create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/eventPlanDialog/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/formTable/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/qbbDialog/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/PresetFormItems.js create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/data.js create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/index.vue create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/data.js create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/export.svg create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/insert.svg create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/refresh.svg create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/index.vue diff --git a/ruoyi-ui/src/common/menuData.js b/ruoyi-ui/src/common/menuData.js index 2e53651d..4260bd4f 100644 --- a/ruoyi-ui/src/common/menuData.js +++ b/ruoyi-ui/src/common/menuData.js @@ -37,6 +37,12 @@ export default [ name: "perceptionTrafficSituation", component: "perception/trafficSituation/index.vue", }, + { + title: "感知事件分析", + path: "/perception/eventAnalysis", + name: "perceptionEventAnalysis", + component: "perception/eventAnalysis/index.vue", + }, ], }, { @@ -177,6 +183,12 @@ export default [ path: "/maintain/smart/manage", component: "maintenanceOperations/smart/manage/index.vue", }, + { + title: "设备数据分析", + name: "deviceDataAnalysis", + path: "/maintain/smart/analysis", + component: "maintenanceOperations/smart/analysis/index.vue", + }, ], }, { diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/data.js b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/data.js index d094e48e..0832e2de 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/data.js +++ b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/data.js @@ -10,4 +10,12 @@ export const statusMap = { 4: "processing", // 待确认 5: "toBeConfirmed", + // 上报 + 21: "processing21", + // 已完成 + 22: "confirmed22", + // 已终止 + 23: "toBeConfirmed23", + // 自动结束 + 24: "processed24", }; diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/confirmed22.svg b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/confirmed22.svg new file mode 100644 index 00000000..e38d7fde --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/confirmed22.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + +已完成 + diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/processed24.svg b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/processed24.svg new file mode 100644 index 00000000..9a6ff56c --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/processed24.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + +自动结束 + diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/processing21.svg b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/processing21.svg new file mode 100644 index 00000000..8623846e --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/processing21.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + +上报 + diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/toBeConfirmed23.svg b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/toBeConfirmed23.svg new file mode 100644 index 00000000..9a0317bb --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/images/toBeConfirmed23.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + +已终止 + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue index 9a59b27b..b80b50af 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue @@ -13,7 +13,7 @@ @@ -43,7 +43,91 @@ import { markerClusterIns } from "@screen/pages/Home/components/RoadAndEvents/ut import { eventMap } from "@screen/pages/Home/components/RoadAndEvents/utils/buttonEvent"; let vehicleTypeList = []; - +const _formList = [{ + label: "报警时间:", + key: "warningTime", + type: "text", + }, + { + label: "事件地点:", + key: "stakeMark", + type: "text", + }, + { + label: "路段方向:", + key: "direction", + type: "text", + isAlone: true, + }, + { + label: "事件来源:", + key: "warningSource", + type: "text", + enum: "InfoWarningSource", + }, + { + label: "事件类型:", + key: "warningType", + type: "select", + options: { + disabled: true, + options: WarningTypeList, + }, + ons: { + change: (value, { data }) => { + this.formList[5].options.options = + WarningSubclassList[value] || []; + data.warningSubclass = null; + }, + }, + }, + { + label: "细分类型:", + key: "warningSubclass", + type: "select", + options: { + options: [], + }, + }, + // { + // label: "车辆类型:", + // key: "vehicleType", + // type: "select", + // options: { + // options: vehicleTypeList + // }, + // }, + { + label: "事件描述:", + key: "remark", + options: { + type: "textarea", + maxlength: 100, + autosize: { minRows: 3, maxRows: 3 }, + showWordLimit: true, + }, + }, + { + label: "影响车道:", + key: "lane", + type: "CheckboxGroup", + options: { + // activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: LaneOccupancyList, + gap: "12px", + }, + }, + { + label: "持续时长:", + key: "duration", + type: "text", + }, + // { + // label: "天气情况:", + // key: "weather", + // type: "text", + // }, +] function getDuration(warningTime) { const currentTime = moment(); const specifiedTime = moment(warningTime); @@ -94,92 +178,8 @@ export default { // deviceVendors: "XXX厂家", // time: "2023/01/02 09:09:09" }, - formList: [ - { - label: "报警时间:", - key: "warningTime", - type: "text", - }, - { - label: "事件地点:", - key: "stakeMark", - type: "text", - }, - { - label: "路段方向:", - key: "direction", - type: "text", - isAlone: true, - }, - { - label: "事件来源:", - key: "warningSource", - type: "text", - enum: "InfoWarningSource", - }, - { - label: "事件类型:", - key: "warningType", - type: "select", - options: { - disabled: true, - options: WarningTypeList, - }, - ons: { - change: (value, { data }) => { - this.formList[5].options.options = - WarningSubclassList[value] || []; - data.warningSubclass = null; - }, - }, - }, - { - label: "细分类型:", - key: "warningSubclass", - type: "select", - options: { - options: [], - }, - }, - // { - // label: "车辆类型:", - // key: "vehicleType", - // type: "select", - // options: { - // options: vehicleTypeList - // }, - // }, - { - label: "事件描述:", - key: "remark", - options: { - type: "textarea", - maxlength: 100, - autosize: { minRows: 6, maxRows: 6 }, - showWordLimit: true, - }, - }, - { - label: "影响车道:", - key: "lane", - type: "CheckboxGroup", - options: { - // activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", - options: LaneOccupancyList, - gap: "12px", - }, - }, - { - label: "持续时长:", - key: "duration", - type: "text", - }, - // { - // label: "天气情况:", - // key: "weather", - // type: "text", - // }, - ], + formList: [], + loading:false, }; }, async created() { @@ -196,42 +196,116 @@ export default { this.dialogData.pictures = otherConfig.pictures } - console.log(1122, this.dialogData, 3344); + this.formList = [..._formList] }, beforeDestroy() { clearInterval(this.interval); }, methods: { onDelete() { - const id = this.dialogData.id; - id && - this.$confirm("确定误报吗？", "提示", { - confirmButtonText: "确定", - cancelButtonText: "取消", - type: "warning", - }).then(() => { - request({ - url: `/business/warning/delete`, - method: "post", - data: { id }, - }).then((result) => { - if (result.code == 200) Message.success("成功！"); - else Message.error(result?.msg); - const item = { title: "感知事件" }; - - eventMap[`事件专题/${item.title}_close`]?.call( - this, - item, - (item) => { - return item?.extData?.id == id; + const self = this; + if(this.formList.length === _formList.length ){ + this.formList.splice(6,0,{ + label: "解除类型:", + key: "relieveType", + type: "RadioGroup", + isAlone: true, + required: true, + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "误报解除", + }, + { + key: "2", + label: "已结束", }, - "special" - ); - //触发全局监听事件 - this.$root.$emit('refresh-event'); - // markerClusterIns.setData(); + { + key: "3", + label: "无需处理", + }, + { + key: "4", + label: "其它", + } + ], + }, + }) + this.formList.splice(7,0,{ + label: "解除原因:", // 标题 + key: "relieveReason", //数据存储字段 + isAlone: true, // 单独一行 + type: "input", //组件类型(el-input 去掉el-即可) 不填默认为input + options: { //element原生formItem属性 + type: "textarea", + autosize: true, + maxlength: 200, + autosize: { minRows: 3, maxRows: 3 }, + showWordLimit: true, + } + }) + } else { + this.$refs.FormConfigRef.validate() + .then((result) => { + this.loading = true; + request({ + url: `/business/warning/falseAlarm`, + method: "post", + data: { + id: this.dialogData.id, + relieveType: result.relieveType, + relieveReason: result.relieveReason + }, + }).then((result) => { + + if (result.code == 200) Message.success("成功！"); + else Message.error(result?.msg); + this.obverseVisible = false; + this.loading = false; + setTimeout(() => { + self.$root.$emit('delete-event'); + //触发全局监听事件 + self.$root.$emit('refresh-event'); + }, 500); + + + }); + }) + .catch((err) => { }); - }); + } + // 2024-05-18 修改为二次确认，增加误报类型和误报原因 + // const id = this.dialogData.id; + // id && + // this.$confirm("确定误报吗？", "提示", { + // confirmButtonText: "确定", + // cancelButtonText: "取消", + // type: "warning", + // }).then(() => { + // request({ + // url: `/business/warning/delete`, + // method: "post", + // data: { id }, + // }).then((result) => { + // if (result.code == 200) Message.success("成功！"); + // else Message.error(result?.msg); + // const item = { title: "感知事件" }; + + // eventMap[`事件专题/${item.title}_close`]?.call( + // this, + // item, + // (item) => { + // return item?.extData?.id == id; + // }, + // "special" + // ); + // //触发全局监听事件 + // this.$root.$emit('refresh-event'); + // // markerClusterIns.setData(); + // }); + // }); }, getVehicleTypeList(fn) { if (vehicleTypeList.length) { @@ -275,35 +349,6 @@ export default { .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" - // }; data.duration = this.convertSecToHHmmss(data.duration); this.data = { ...data, @@ -334,16 +379,6 @@ export default { }, updateEvent() { this.btnLoading = true; - - // console.log({ - // id: this.dialogData.id, - // warningType: this.data.warningType, - // warningSubclass: this.data.warningSubclass, - // remark: this.data.remark, - // vehicleType: this.data.vehicleType, - // lane: this.data.lane - // }) - request({ url: `/perceivedEvents/warning/updateWarning`, method: "post", diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue index c0e31c42..93f8a409 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue @@ -21,7 +21,8 @@ -
+ +
取消
-
+ +
暂无数据
-
+ +
- + - - - + + + @@ -76,7 +79,7 @@
-
+
@@ -482,6 +485,7 @@ export default { }) .then((result) => { if (result.code != 200) return; + console.log('########',result) result.rows.forEach(e => { e.operTime = moment(e.operTime).format('YYYY-MM-DD HH:mm:ss') e.operType = _.find(this.Enum_ControlType,{key:e.operType}).label @@ -515,6 +519,7 @@ div.el-popper.global-input-search-popover { // margin-top: 6vh; .body { + width: 800px; .title { background: linear-gradient(90deg, #237e9b 0%, @@ -523,7 +528,6 @@ div.el-popper.global-input-search-popover { position: absolute; top: 0; left: 0; - width: 100%; } .close { diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js index 47cda01e..40199fae 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js @@ -57,19 +57,16 @@ export class MarkerCluster { if (!Array.isArray(data)) data = [data]; this.data.push(...data); - if ( !this.markerCluster || this.markerCluster.getMap() !== Vue.prototype.mapIns - ) + ){ await this.setMarkerCluster(); - - const map = this.getMap(); + } console.log( "%c [ data ]-227-「map.js」", - "font-size:15px; background:#641f14; color:#a86358;", - data + "font-size:15px; background:#641f14; color:#a86358;" ); this.markerCluster.addData(data); console.log( @@ -78,6 +75,7 @@ export class MarkerCluster { this.markerCluster ); + const map = this.getMap(); map.setZoom(10); setTimeout(() => { diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/DeviceControl/components/ScopeTable.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/DeviceControl/components/ScopeTable.vue index e08e17b1..b3473899 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/DeviceControl/components/ScopeTable.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/DeviceControl/components/ScopeTable.vue @@ -29,7 +29,7 @@ style="width: 75px;"> 公里 - +
@@ -64,7 +64,7 @@
- + @@ -129,7 +129,7 @@ - +
{{ itm.deviceName }}
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/DeviceControl/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/DeviceControl/index.vue index 5e5b1f86..abd21e9b 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/DeviceControl/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/DeviceControl/index.vue @@ -147,6 +147,7 @@ export default { data: param, }).then(result=>{ if (result.code != 200) return Message.error(result?.msg); + console.log(param,result,'===============') let data = result.data; this.tableData[index].executeConfig = JSON.parse(data.executeConfig) this.tableData[index].recoverConfig = JSON.parse(data.recoverConfig) @@ -179,6 +180,12 @@ export default { } let zxData = {}, hfData = {}; + if(item.executeConfig){ + zxData['executeConfig'] = item.executeConfig + } + if(item.recoverConfig){ + zxData['recoverConfig'] = item.recoverConfig + } Object.keys(item).forEach((key) => { if (/^zx_/.test(key)) { let keyName = key.substring(3); @@ -209,12 +216,13 @@ export default { id: this.detailData.id, eventType: this.detailData.eventType, stakeMark: this.detailData.stakeMark, + subclass: this.detailData.subclass, direction: this.detailData.direction == "菏泽方向" ? "1" : "3", }, }; console.log("reqData", reqData); - // return; + return; request({ url: "/business/plans/event/confirm", method: "post", diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/data.js b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/data.js index 9bb55a80..04481efc 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/data.js +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/data.js @@ -1,4 +1,4 @@ -export const formList = [ +export const _formList = [ { label: "事件源:", key: "stringEventSource", diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/index.vue index b9f6cc09..0fba9ec8 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/index.vue @@ -3,7 +3,7 @@
- +
{ - // this.modelVisible = false; - // this.$emit('queryData', true); - // return; - if (this.activeName == "-1") { + if(this.formList[this.formList.length-1].key !== 'relieveReason' ){ + this.formList.push({ + label: "解除类型:", + key: "relieveType", + type: "RadioGroup", + isAlone: true, + required: true, + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "误报解除", + }, + { + key: "2", + label: "事件已结束", + }, + { + key: "3", + label: "无需处理事件", + }, + { + key: "4", + label: "其它", + } + ], + }, + }) + this.formList.push({ + label: "解除原因:", // 标题 + key: "relieveReason", //数据存储字段 + isAlone: true, // 单独一行 + type: "input", //组件类型(el-input 去掉el-即可) 不填默认为input + options: { //element原生formItem属性 + type: "textarea", + autosize: true, + maxlength: 200, + autosize: { minRows: 3, maxRows: 3 }, + showWordLimit: true, + } + }) + } else { + this.$refs.FormConfigRef.validate() + .then((result) => { request({ - url: `/business/warning/delete`, + url: `/business/warning/falseAlarm`, method: "post", - data: { id: this.formData.id }, - }).then((result) => { - if (result.code == 200) Message.success("成功！"); - else Message.error(result?.msg); - this.modelVisible = false; - this.$emit("queryData", true); - //触发全局监听事件 - this.$root.$emit('delete-event'); - }); - } else { - request({ - url: `dc/system/event/${this.formData.id}`, - method: "delete", + data: { + id: this.formData.id, + relieveType: result.relieveType, + relieveReason: result.relieveReason + }, }).then((result) => { if (result.code == 200) Message.success("成功！"); else Message.error(result?.msg); @@ -242,9 +271,46 @@ export default { //触发全局监听事件 this.$root.$emit('delete-event'); }); - } - }); + }) + .catch((err) => { + }); } + + // 2024-05-18 修改为二次确认，增加误报类型和误报原因 + // if (this.formData.id) { + // this.$confirm("确定误报吗？", "提示", { + // confirmButtonText: "确定", + // cancelButtonText: "取消", + // type: "warning", + // }).then(() => { + // if (this.activeName == "-1") { + // request({ + // url: `/business/warning/delete`, + // method: "post", + // data: { id: this.formData.id }, + // }).then((result) => { + // if (result.code == 200) Message.success("成功！"); + // else Message.error(result?.msg); + // this.modelVisible = false; + // this.$emit("queryData", true); + // //触发全局监听事件 + // this.$root.$emit('delete-event'); + // }); + // } else { + // request({ + // url: `dc/system/event/${this.formData.id}`, + // method: "delete", + // }).then((result) => { + // if (result.code == 200) Message.success("成功！"); + // else Message.error(result?.msg); + // this.modelVisible = false; + // this.$emit("queryData", true); + // //触发全局监听事件 + // this.$root.$emit('delete-event'); + // }); + // } + // }); + // } }, onSubmit() { // let url = "/business/plans/list/warning/type"; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/data.js b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/data.js new file mode 100644 index 00000000..00caefa4 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/data.js @@ -0,0 +1,28 @@ +// import * as PresetFormItems from "@screen/pages/control/event/event/FormEvent/PresetFormItems.js"; +import * as PresetFormItems from "@screen/common/PresetFormItems.js"; +// import { merge, cloneDeep } from "lodash"; + +import {directionOptions} from '@screen/utils/enum.js'; +export const searchFormList = [ + + { + label: "设备名称:", + key: "deviceName", + type: "input", + default: "" + }, + { + label: "物联编号:", + key: "iotDeviceId", + type: "input", + default: "" + }, { + label: "设备方向:", + key: "direction", + type: "select", + options: { + options: directionOptions, + }, + }, + +]; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/images/refresh.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/images/refresh.svg new file mode 100644 index 00000000..e31a5500 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/images/refresh.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/index.vue new file mode 100644 index 00000000..bd094ed2 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/smart/analysis/index.vue @@ -0,0 +1,34 @@ + + + + + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/Carousel/images/arrow.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/Carousel/images/arrow.svg new file mode 100644 index 00000000..0e183e4b --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/Carousel/images/arrow.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/Carousel/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/Carousel/index.vue new file mode 100644 index 00000000..7a032641 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/Carousel/index.vue @@ -0,0 +1,126 @@ + + + + + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/data.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/data.js new file mode 100644 index 00000000..04481efc --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/data.js @@ -0,0 +1,177 @@ +export const _formList = [ + { + label: "事件源:", + key: "stringEventSource", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + }, + { + label: "桩号:", + key: "stakeMark", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + }, + { + label: "行驶方向:", + key: "direction", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + }, + { + label: "事件类型:", + key: "stringEventType", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + }, + { + label: "高速名称:", + key: "roadName", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + }, + { + label: "事件状态:", + key: "stringEventState", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + }, + { + label: "操作员:", + key: "nickName", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + }, + { + label: "发生时间:", + key: "startTime", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + }, + { + label: "预计结束时间:", + key: "estimatedEndTime", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + }, + { + label: "水膜厚度(mm):", + key: "waterFilmThickness", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + visible: (data) => { + if (data?.waterFilmThickness) { + return true; + } + return false; + }, + }, + { + label: "风速:", + key: "windSpeed", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + visible: (data) => { + if (data?.windSpeed) { + return true; + } + return false; + }, + }, + { + label: "能见度(m):", + key: "visibility", + type: "input", + options: { + disabled: true, + placeholder: "", + }, + visible: (data) => { + if (data?.visibility) { + return true; + } + return false; + }, + }, + { + label: "事件描述:", + key: "remark", + type: "input", + isAlone: true, + gridColumn: 3, + options: { + disabled: true, + placeholder: "", + }, + }, +]; + +export const timeLine1List = [ + { + time: "16.36", + label: "接警记录", + isActive: false, + }, + { + time: "16.36", + label: "指令下达", + isActive: false, + }, + { + time: "16.36", + label: "清障到达", + isActive: false, + }, + { + time: "", + label: "安全防护", + isActive: false, + }, + { + time: "", + label: "开始清障", + isActive: false, + }, + { + time: "", + label: "清障结束", + isActive: false, + }, + { + time: "", + label: "恢复畅通", + isActive: false, + }, +]; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/eventPlanDialog/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/eventPlanDialog/index.vue new file mode 100644 index 00000000..efc4f08c --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/eventPlanDialog/index.vue @@ -0,0 +1,521 @@ + + + + + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/formTable/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/formTable/index.vue new file mode 100644 index 00000000..f9865651 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/formTable/index.vue @@ -0,0 +1,336 @@ + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/index.vue new file mode 100644 index 00000000..0fba9ec8 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/index.vue @@ -0,0 +1,406 @@ + + + + + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/qbbDialog/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/qbbDialog/index.vue new file mode 100644 index 00000000..33333f72 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/EventDetailDialog/qbbDialog/index.vue @@ -0,0 +1,381 @@ + + + + + \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/PresetFormItems.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/PresetFormItems.js new file mode 100644 index 00000000..93c2b120 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/PresetFormItems.js @@ -0,0 +1,1228 @@ +import request from "@/utils/request"; +import { Message } from "element-ui"; +import moment from "moment"; + +export const source = { + label: "来源:", + key: "eventSource", + type: "RadioGroup", + isAlone: true, + required: true, + default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "96659", + }, + { + key: "2", + label: "交通转接", + }, + { + key: "3", + label: "道路巡查", + }, + { + key: "4", + label: "视频巡查", + }, + { + key: "5", + label: "视频AI", + }, + { + key: "6", + label: "一键救援", + }, + { + key: "7", + label: "其他", + }, + ], + }, +}; + +export const illegalTriggeringType = { + label: "类型:", + key: "eventSubclass", + type: "RadioGroup", + isAlone: true, + required: true, + default: "5-1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "5-1", + label: "行人", + }, + { + key: "5-2", + label: "非机动车", + }, + { + key: "5-3", + label: "摩托车", + }, + { + key: "5-4", + label: "其他", + }, + ], + }, +}; + +export const station = { + label: "桩号:", + key: "stakeMark", + required: true, + type: "MultipleLabelItem", + options: { + options: [ + { + prefix: { + text: "K", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[0]", + }, + { + prefix: { + text: "+", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[1]", + }, + ], + }, + visible: (data) => { + if (data.dcEventAccident && data.dcEventAccident.locationType != 1) { + return false; + } + return true; + }, +}; + +export const startEndStation = { + label: "起止桩号:", + key: "stakeMark", + required: true, + isAlone: true, + type: "MultipleLabelItem", + options: { + options: [ + { + prefix: { + text: "K", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[0]", + }, + { + prefix: { + text: "+", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[1]", + }, + { + prefix: { + text: "至K", + style: { + color: "#3DE8FF", + }, + }, + key: "endStakeMark[0]", + }, + { + prefix: { + text: "+", + style: { + color: "#3DE8FF", + }, + }, + key: "endStakeMark[1]", + }, + ], + }, +}; + +export const direction = { + label: "方向:", + key: "direction", + required: true, + type: "select", + options: { + options: [ + // { key: "济南方向", label: "济南方向" }, + // { key: "菏泽方向", label: "菏泽方向" }, + ], + }, +}; + +export const problemDescription = { + label: "问题描述:", + key: "description", + isAlone: true, + options: { + type: "textarea", + autosize: true, + maxlength: 150, + autosize: { minRows: 6, maxRows: 6 }, + showWordLimit: true, + }, + required: true, +}; + +export const startTime = { + label: "开始时间:", + key: "occurrenceTime", + required: true, + isAlone: true, + type: "datePicker", + default: moment(new Date()).format("YYYY-MM-DD HH:mm:ss"), + options: { + type: "datetime", + format: "yyyy-MM-dd HH:mm:ss", + valueFormat: "yyyy-MM-dd HH:mm:ss", + }, +}; + +export const expectedEndTime = { + label: "预计结束时间:", + key: "estimatedEndTime", + isAlone: true, + type: "datePicker", + options: { + type: "datetime", + format: "yyyy-MM-dd HH:mm:ss", + valueFormat: "yyyy-MM-dd HH:mm:ss", + }, +}; + +export const eventLevel = { + label: "事件等级:", + key: "eventLevel", + required: true, + type: "select", + default: 5, + options: { + options: [ + { + key: 1, + label: "一级", + }, + { + key: 2, + label: "二级", + }, + { + key: 3, + label: "三级", + }, + { + key: 4, + label: "四级", + }, + { + key: 5, + label: "五级", + }, + ], + disabled: true, + }, +}; + +export const laneOccupancy = { + label: "车道占用:", + key: "lang", + type: "CheckboxGroup", + isAlone: true, + default: [], + options: { + options: [ + { key: "1", label: "行1" }, + { key: "2", label: "行2" }, + { key: "3", label: "行3" }, + { key: "4", label: "行4" }, + { key: "0", label: "应急车道" }, + ], + }, +}; + +export const eventSources = { + label: "事件源:", + key: "eventSource", + type: "select", + options: { + clearable: true, + options: [ + { + key: "1", + label: "96659", + }, + { + key: "2", + label: "交通转接", + }, + { + key: "3", + label: "道路巡查", + }, + { + key: "4", + label: "视频巡查", + }, + { + key: "5", + label: "视频AI", + }, + { + key: "6", + label: "一键救援", + }, + { + key: "7", + label: "其他", + }, + ], + }, +}; + +export const warningType = { + label: "事件源:", + key: "warningType", + type: "select", + options: { + clearable: true, + options: [ + { + key: "1", + label: "交通拥堵", + }, + { + key: "2", + label: "行人", + }, + { + key: "4", + label: "停车", + }, + { + key: "5", + label: "违规驾驶", + }, + { + key: "6", + label: "路障", + }, + { + key: "7", + label: "道路施工", + }, + { + key: "99", + label: "其他", + }, + ], + }, +}; + +export const eventType = { + label: "事件类型:", + key: "eventType", + type: "select", + options: { + options: [ + { + key: "1", + label: "交通事故", + }, + { + key: "2", + label: "车辆故障", + }, + { + key: "3", + label: "交通管制", + }, + { + key: "4", + label: "交通拥堵", + }, + { + key: "5", + label: "非法上路", + }, + { + key: "6", + label: "路障清除", + }, + { + key: "7", + label: "施工建设", + }, + { + key: "8", + label: "服务区异常", + }, + { + key: "9", + label: "设施设备隐患", + }, + { + key: "10", + label: "异常天气", + }, + { + key: "11", + label: "其他事件", + }, + ], + }, +}; + +export const vehicleCondition = (keyPrefix = "dcEventAccident") => ({ + label: "车辆情况:", + key: "key25", + isAlone: true, + type: "MultipleLabelItem", + options: { + options: [ + { + prefix: { + text: "小型车", + }, + suffix: { + text: "辆", + }, + type: "inputNumber", + options: { + min: 0, + }, + key: `${keyPrefix}.smallCar`, + }, + { + prefix: { + text: "货车", + }, + suffix: { + text: "辆", + }, + options: { + min: 0, + }, + type: "inputNumber", + key: `${keyPrefix}.trucks`, + }, + { + prefix: { + text: "客车", + }, + suffix: { + text: "辆", + }, + type: "inputNumber", + options: { + min: 0, + }, + key: `${keyPrefix}.buses`, + }, + { + prefix: { + text: "罐车", + }, + suffix: { + text: "辆", + }, + type: "inputNumber", + options: { + min: 0, + }, + key: `${keyPrefix}.tankers`, + }, + ], + }, +}); + +export const casualties = (keyPrefix = "dcEventAccident") => ({ + label: "伤亡情况:", + key: "key0036", + isAlone: true, + + type: "MultipleLabelItem", + options: { + options: [ + { + prefix: { + text: "轻伤", + }, + suffix: { + text: "人", + }, + key: `${keyPrefix}.minorInjuries`, + }, + { + prefix: { + text: "重伤", + }, + suffix: { + text: "人", + }, + key: `${keyPrefix}.seriousInjuries`, + }, + { + prefix: { + text: "死亡", + }, + suffix: { + text: "人", + }, + key: `${keyPrefix}.fatalities`, + }, + ], + }, +}); + +export const eventTitle = { + label: "事件标题:", + key: "eventTitle", + isAlone: true, + required: true, +}; + +export const eventDesc = { + label: "事件描述:", + key: "description", + isAlone: true, + options: { + type: "textarea", + autosize: true, + maxlength: 150, + autosize: { minRows: 6, maxRows: 6 }, + showWordLimit: true, + }, + required: true, +}; + +export const remark = { + label: "备注:", + key: "remark", + isAlone: true, + options: { + type: "textarea", + autosize: true, + maxlength: 150, + autosize: { minRows: 6, maxRows: 6 }, + showWordLimit: true, + }, + // required: true, +}; + +export const isInTunnel = { + label: "是否处在隧道:", + key: "inTunnel", + // isAlone: true, + required: true, + default: "0", + type: "RadioGroup", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "是", + }, + { + key: "0", + label: "否", + }, + ], + }, +}; + +export const freeway = { + label: "路线:", + required: true, + key: "roadId", + type: "select", + options: { + options: [ + // { + // key: "1", + // label: "济菏高速", + // }, + ], + }, +}; + +export const weatherCondition = { + label: "天气情况:", + key: "dcEventAccident.weatherCondition", + type: "RadioGroup", + isAlone: true, + required: true, + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "晴", + }, + { + key: "2", + label: "雨", + }, + { + key: "3", + label: "雪", + }, + { + key: "4", + label: "雾", + }, + { + key: "5", + label: "其他", + }, + ], + }, +}; + +export const weatherSituation = { + label: "天气情况:", + key: "dcEventAccident.weatherSituation", + type: "RadioGroup", + isAlone: true, + required: true, + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1-1", + label: "雨雾", + }, + { + key: "1-2", + label: "雨雪", + }, + { + key: "1-3", + label: "中雨", + }, + { + key: "1-4", + label: "小雨", + }, + { + key: "1-5", + label: "大雨", + }, + { + key: "1-6", + label: "暴雨", + }, + ], + }, + visible: (data) => { + if ( + data?.eventSubclass == "10-1" || + data?.eventSubclass == "10-2" || + data?.eventSubclass == "10-3" + ) { + return true; + } + return false; + }, +}; + +export const additionalNotes = { + label: "补充说明:", + key: "eventSourceTips", + isAlone: true, + options: { + type: "textarea", + autosize: true, + maxlength: 150, + autosize: { minRows: 6, maxRows: 6 }, + showWordLimit: true, + }, +}; + +export const callPolicePersonName = { + label: "报警人姓名:", + key: "dcEventAccident.reporterName", + options: { + placeholder: "请输入报警人姓名", + }, + required: true, +}; + +export const callPolicePersonPhone = { + label: "报警人电话:", + key: "dcEventAccident.reporterPhoneNumber", + options: { + placeholder: "请输入报警人电话(区号+号码)", + }, + required: true, +}; + +export const trafficAccidentType = { + label: "交通事故类型:", + key: "eventSubclass", + type: "select", + required: true, + options: { + options: [ + { + value: "1-1", + label: "追尾", + }, + { + value: "1-2", + label: "侧翻", + }, + { + value: "1-3", + label: "撞护栏", + }, + { + value: "1-4", + label: "自然", + }, + { + value: "1-5", + label: "其他事故", + }, + ], + }, +}; + +export const vehicleMalfunctionType = { + label: "车辆故障类型:", + key: "eventSubclass", + type: "select", + required: true, + options: { + options: [ + { + value: "2-1", + label: "车辆故障", + }, + ], + }, +}; + +export const locationMode = { + label: "地点方式:", + key: "dcEventAccident.locationType", + required: true, + type: "select", + default: "1", + options: { + options: [ + { key: 1, label: "高速主线" }, + { key: 2, label: "服务区" }, + { key: 3, label: "立交桥" }, + { key: 4, label: "收费站" }, + ], + }, + ons: { + change(value, ...args) { + const { data, formList } = args.slice(-1)[0]; + if (data.dcEventAccident) { + data.dcEventAccident.facilityId = null; + } + if (data.dcEventVehicleAccident) { + data.dcEventVehicleAccident.facilityId = null; + } + + let facilityType = 1; + if (value == 2) { + facilityType = 6; + } else if (value == 3) { + facilityType = 3; + } else if (value == 4) { + facilityType = 1; + } + if (value && value != 1) { + //路网设施 1 收费站 2 桥梁 3 互通立交 4 枢纽立交 5 隧道 6 服务区 + request({ + url: `/business/facility/query?facilityType=${facilityType}`, + method: "get", + }) + .then((result) => { + if (result.code != 200) return Message.error(result?.msg); + let lwss = []; + result.data.forEach((it) => + lwss.push({ key: it.id, label: it.facilityName }) + ); + + formList.forEach((it) => { + if ( + it.key == "dcEventAccident.facilityId" || + it.key == "dcEventVehicleAccident.facilityId" + ) { + it.options.options = lwss; + } + }); + }) + .catch((err) => { + console.log("err", err); + Message.error("查询失败1", err); + }); + } + }, + }, +}; + +export const route = { + label: "路线:", + key: "dcEventAccident.route", + required: true, + type: "select", +}; + +export const eventHappenTime = { + label: "事件发生时间:", + key: "occurrenceTime", + required: true, + type: "datePicker", + default: moment(new Date()).format("YYYY-MM-DD HH:mm:ss"), + options: { + type: "datetime", + format: "yyyy-MM-dd HH:mm:ss", + valueFormat: "yyyy-MM-dd HH:mm:ss", + }, +}; + +export const aEstimatedReleaseTime = { + label: "预计解除时间:", + key: "estimatedEndTime", + type: "datePicker", + options: { + type: "datetime", + format: "yyyy-MM-dd HH:mm:ss", + valueFormat: "yyyy-MM-dd HH:mm:ss", + }, +}; + +export const pressure = { + label: "压车(公里):", + key: "dcEventAccident.trafficJam", + type: "inputNumber", + options: { + min: 0, + }, + ons: { + change(value, ...args) { + const { data } = args.slice(-1)[0]; + let dj = 5; + if (value < 3) { + dj = 5; + } else if (value >= 3 && value < 6) { + dj = 4; + } else if (value >= 6 && value < 9) { + dj = 3; + } else if (value >= 9 && value < 11) { + dj = 2; + } else if (value > 10) { + dj = 1; + } + data.eventLevel = dj; + }, + }, +}; + +export const isCongestionAhead = { + label: "前方是否拥堵:", + key: "dcEventAccident.congestionAhead", + type: "RadioGroup", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "0", + label: "是", + }, + { + key: "1", + label: "否", + }, + ], + }, +}; + +export const isForkRoad = { + label: "是否分岔口:", + key: "dcEventAccident.atIntersection", + type: "RadioGroup", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "0", + label: "是", + }, + { + key: "1", + label: "否", + }, + ], + }, +}; + +export const isCurveRoad = { + label: "是否处在弯道:", + key: "dcEventAccident.onCurve", + type: "RadioGroup", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "是", + }, + { + key: "0", + label: "否", + }, + ], + }, +}; + +export const effect = { + label: "影响:", + key: "dcEventAccident.impactLevel", + type: "select", + options: { + options: [ + { key: 1, label: "无" }, + { key: 2, label: "危化品泄漏" }, + { key: 3, label: "整车自燃" }, + { key: 4, label: "车辆复燃" }, + { key: 5, label: "散装人工倒货" }, + ], + }, +}; + +export const isArrives = { + label: "是否到货:", + key: "dcEventAccident.isReverseCargo", + type: "RadioGroup", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "是", + }, + { + key: "0", + label: "否", + }, + ], + }, +}; + +export const isMaintenanceAccident = { + label: "是否养护事故:", + key: "dcEventAccident.isMaintenance", + type: "RadioGroup", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "是", + }, + { + key: "0", + label: "否", + }, + ], + }, +}; + +export const trafficPolicePhone = { + label: "交警电话:", + key: "dcEventAccident.policeContact", +}; + +export const wreckerCalls = { + label: "清障电话:", + options: { + placeholder: "请输入清障电话(区号+号码)", + }, + key: "dcEventAccident.towingServiceContact", +}; + +export const spillName = { + label: "洒落物名称:", + key: "dcEventAccident.spillageItem", + isAlone: true, + options: { + type: "textarea", + autosize: true, + maxlength: 50, + autosize: { minRows: 3, maxRows: 3 }, + showWordLimit: true, + }, +}; + +export const ownerPhone = { + label: "车主电话:", + key: "dcEventAccident.vehicleOwnerPhone", + isAlone: true, + options: { + placeholder: "车主电话（多个电话请以逗号分隔，不超过10个）", + }, +}; + +export const emptyLine = { + key: "key222", + type: "empty", +}; + +export const constructionMeasurement = { + label: "施工措施:", + key: "constructionMeasurement", + type: "RadioGroup", + isAlone: true, + required: true, + default: "0", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "0", + label: "无", + }, + { + key: "1", + label: "并道行驶", + }, + { + key: "2", + label: "临时保通", + }, + { + key: "3", + label: "借路侧服务区通行", + }, + ], + }, +}; + +export const locationType = { + label: "地点类型:", + key: "locationType", + type: "RadioGroup", + isAlone: true, + required: true, + default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "单点", + }, + { + key: "2", + label: "多点", + }, + ], + }, +}; + +export const specialConstruction = { + label: "专项施工:", + key: "specialConstruction", + type: "RadioGroup", + isAlone: true, + required: true, + default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "专项工程施工", + }, + { + key: "2", + label: "改扩建专项工程施工", + }, + { + key: "3", + label: "桥梁专项工程施工", + }, + { + key: "4", + label: "其他专项工程施工", + }, + ], + }, +}; + +export const trafficCondition = { + label: "通行情况:", + key: "trafficCondition", + type: "RadioGroup", + isAlone: true, + required: true, + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "通行正常", + }, + { + key: "2", + label: "通行受阻", + }, + ], + }, +}; + +export const disableFacility = { + label: "停用设施:", + key: "disableFacility", + type: "RadioGroup", + isAlone: true, + required: true, + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "卫生间", + }, + { + key: "2", + label: "餐厅", + }, + { + key: "3", + label: "停车场", + }, + { + key: "4", + label: "加油站", + }, + { + key: "5", + label: "充电桩", + }, + ], + }, +}; + +export const congestionCause = { + label: "拥堵原因:", + key: "congestionCause", + type: "RadioGroup", + isAlone: true, + required: true, + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "车流量大", + }, + { + key: "2", + label: "交通事故", + }, + { + key: "3", + label: "交通管制", + }, + { + key: "4", + label: "恶劣天气", + }, + { + key: "5", + label: "集团所辖路段施工", + }, + { + key: "6", + label: "其他", + }, + ], + }, + ons: { + input(value, ...args) { + // console.log(value); + const { formList } = args.slice(-1)[0]; + const config = formList.find((it) => it.key == "detailedReasons"); + let ad = { + 1: [ + { + key: "1", + label: "收费站广场拥堵导致出口压车", + }, + { + key: "2", + label: "收费站设备故障", + }, + { + key: "3", + label: "地方道路原因", + }, + { + key: "4", + label: "省内非集团所辖高速原因", + }, + { + key: "5", + label: "集团所辖道路拥堵", + }, + { + key: "6", + label: "集团所辖枢纽立交异常导致主线压车", + }, + { + key: "7", + label: "路侧起火", + }, + { + key: "8", + label: "备注项添加", + }, + ], + 2: [ + { + key: "1", + label: "主线车流量大", + }, + { + key: "2", + label: "收费站出口车流量大导致主线压车", + }, + ], + }; + config.options.options = value != 1 ? ad[1] : ad[2]; + }, + }, + visible: (data) => { + if (data?.eventSubclass != "4-1") { + return false; + } + return true; + }, +}; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/data.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/data.js new file mode 100644 index 00000000..6f046ee6 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/data.js @@ -0,0 +1,2537 @@ +import * as PresetFormItems from "./PresetFormItems"; +import request from "@/utils/request"; +import { Message } from "element-ui"; + +const locationSelect = [ + { + value: "1", + label: "入口车道", + }, + { + value: "2", + label: "入口匝道", + }, + { + value: "3", + label: "入口", + }, + { + value: "4", + label: "入口内广场", + }, + { + value: "5", + label: "出口车道", + }, + { + value: "6", + label: "出口匝道", + }, + { + value: "7", + label: "外广场", + }, + { + value: "8", + label: "出口", + }, + { + value: "9", + label: "(站外)入口匝道", + }, + { + value: "10", + label: "(站外)出口匝道", + }, + { + value: "11", + label: "出口内广场", + }, +]; + +export const tabConfigList = [ + { + key: "TrafficAccident", + label: "交通事故", + formConfig: { + list: [ + { + ...PresetFormItems.callPolicePersonName, + key: "dcEventAccident.reporterName", + }, + { + ...PresetFormItems.callPolicePersonPhone, + key: "dcEventAccident.reporterPhoneNumber", + }, + PresetFormItems.trafficAccidentType, + PresetFormItems.eventLevel, + { + ...PresetFormItems.locationMode, + key: "dcEventAccident.locationType", + }, + PresetFormItems.freeway, + { + label: "服务区:", + key: "dcEventAccident.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [ + { + value: "选项1", + label: "黄金糕", + }, + ], + }, + visible: (data) => { + if (data?.dcEventAccident?.locationType == 2) { + return true; + } + return false; + }, + }, + { + label: "地点:", + key: "dcEventAccident.location", + isAlone: false, + required: true, + options: { + placeholder: "服务区地点", + }, + visible: (data) => { + if (data?.dcEventAccident?.locationType == 2) { + return true; + } + return false; + }, + }, + { + label: "立交桥:", + key: "dcEventAccident.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [ + { + value: "选项1", + label: "黄金糕", + }, + ], + }, + visible: (data) => { + if (data?.dcEventAccident?.locationType == 3) { + return true; + } + return false; + }, + ons: { + change(value, ...args) { + const { formList } = args.slice(-1)[0]; + + //匝道 + request({ + url: `/system/ramp/listAll?facilityId=${value}`, + method: "get", + }) + .then((result) => { + if (result.code != 200) return Message.error(result?.msg); + let zd = []; + result.rows.forEach((it) => + zd.push({ key: it.id, label: it.rampName }) + ); + console.log("zd", zd); + formList.forEach((it) => { + if (it.key == "dcEventAccident.rampId") { + console.log("it", it); + it.options.options = zd; + } + }); + }) + .catch((err) => { + console.log("err", err); + Message.error("查询失败3", err); + }); + }, + }, + }, + { + label: "匝道:", + key: "dcEventAccident.rampId", + type: "select", + isAlone: false, + required: true, + options: { + options: [], + }, + visible: (data) => { + if (data?.dcEventAccident?.locationType == 3) { + return true; + } + return false; + }, + }, + { + label: "收费站:", + key: "dcEventAccident.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [ + { + value: "选项1", + label: "黄金糕", + }, + ], + }, + visible: (data) => { + if (data?.dcEventAccident?.locationType == 4) { + return true; + } + return false; + }, + }, + { + label: "地点:", + key: "dcEventAccident.location", + type: "select", + isAlone: false, + required: true, + options: { + placeholder: "收费站地点", + options: locationSelect, + }, + visible: (data) => { + if (data?.dcEventAccident?.locationType == 4) { + return true; + } + return false; + }, + }, + PresetFormItems.direction, + PresetFormItems.station, + PresetFormItems.eventHappenTime, + PresetFormItems.aEstimatedReleaseTime, + { ...PresetFormItems.pressure, key: "dcEventAccident.trafficJam" }, + { + ...PresetFormItems.weatherCondition, + key: "dcEventAccident.weatherCondition", + }, + { ...PresetFormItems.effect, key: "dcEventAccident.impactLevel" }, + { ...PresetFormItems.isArrives, key: "dcEventAccident.isReverseCargo" }, + { + ...PresetFormItems.isMaintenanceAccident, + key: "dcEventAccident.isMaintenance", + }, + { + ...PresetFormItems.trafficPolicePhone, + key: "dcEventAccident.policeContact", + }, + { + ...PresetFormItems.wreckerCalls, + key: "dcEventAccident.towingServiceContact", + }, + { + ...PresetFormItems.isCongestionAhead, + key: "dcEventAccident.congestionAhead", + }, + { + ...PresetFormItems.isForkRoad, + key: "dcEventAccident.atIntersection", + }, + { ...PresetFormItems.isCurveRoad, key: "dcEventAccident.onCurve" }, + { ...PresetFormItems.isInTunnel, key: "dcEventAccident.inTunnel" }, + { ...PresetFormItems.spillName, key: "dcEventAccident.spillageItem" }, + { + ...PresetFormItems.ownerPhone, + key: "dcEventAccident.vehicleOwnerPhone", + }, + PresetFormItems.laneOccupancy, + PresetFormItems.vehicleCondition("dcEventAccident"), + PresetFormItems.casualties("dcEventAccident"), + PresetFormItems.eventTitle, + PresetFormItems.eventDesc, + PresetFormItems.source, + ], + }, + }, + { + key: "VehicleFault", + label: "车辆故障", + formConfig: { + formOptions: {}, + list: [ + { + ...PresetFormItems.callPolicePersonName, + key: "dcEventVehicleAccident.reporterName", + }, + { + ...PresetFormItems.callPolicePersonPhone, + key: "dcEventVehicleAccident.reporterPhoneNumber", + }, + PresetFormItems.vehicleMalfunctionType, + PresetFormItems.eventLevel, + { + ...PresetFormItems.locationMode, + key: "dcEventVehicleAccident.locationType", + }, + PresetFormItems.freeway, + { + label: "服务区:", + key: "dcEventVehicleAccident.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [ + { + value: "选项1", + label: "黄金糕", + }, + ], + }, + visible: (data) => { + if (data?.dcEventVehicleAccident?.locationType == 2) { + return true; + } + return false; + }, + }, + { + label: "地点:", + key: "dcEventVehicleAccident.location", + isAlone: false, + required: true, + options: { + placeholder: "服务区地点", + }, + visible: (data) => { + if (data?.dcEventVehicleAccident?.locationType == 2) { + return true; + } + return false; + }, + }, + { + label: "立交桥:", + key: "dcEventVehicleAccident.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [ + { + value: "选项1", + label: "黄金糕", + }, + ], + }, + visible: (data) => { + if (data?.dcEventVehicleAccident?.locationType == 3) { + return true; + } + return false; + }, + ons: { + change(value, ...args) { + const { formList } = args.slice(-1)[0]; + + //匝道 + request({ + url: `/system/ramp/listAll?facilityId=${value}`, + method: "get", + }) + .then((result) => { + if (result.code != 200) return Message.error(result?.msg); + let zd = []; + result.rows.forEach((it) => + zd.push({ key: it.id, label: it.rampName }) + ); + console.log("zd", zd); + formList.forEach((it) => { + if (it.key == "dcEventVehicleAccident.rampId") { + // console.log("it", it); + it.options.options = zd; + } + }); + }) + .catch((err) => { + console.log("err", err); + Message.error("查询失败2", err); + }); + }, + }, + }, + { + label: "匝道:", + key: "dcEventVehicleAccident.rampId", + type: "select", + isAlone: false, + required: true, + options: { + options: [], + }, + visible: (data) => { + if (data?.dcEventVehicleAccident?.locationType == 3) { + return true; + } + return false; + }, + }, + { + label: "收费站:", + key: "dcEventVehicleAccident.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [ + { + value: "选项1", + label: "黄金糕", + }, + ], + }, + visible: (data) => { + if (data?.dcEventVehicleAccident?.locationType == 4) { + return true; + } + return false; + }, + }, + { + label: "地点:", + key: "dcEventVehicleAccident.location", + type: "select", + isAlone: false, + required: true, + options: { + placeholder: "收费站地点", + options: locationSelect, + }, + visible: (data) => { + if (data?.dcEventVehicleAccident?.locationType == 4) { + return true; + } + return false; + }, + }, + PresetFormItems.direction, + { ...PresetFormItems.station, + visible: (data) => { + if (data.dcEventVehicleAccident && data.dcEventVehicleAccident.locationType != 1) { + return false; + } + return true; + }, + }, + PresetFormItems.eventHappenTime, + PresetFormItems.aEstimatedReleaseTime, + { + ...PresetFormItems.pressure, + key: "dcEventVehicleAccident.trafficJam", + }, + { + ...PresetFormItems.weatherCondition, + key: "dcEventVehicleAccident.weatherCondition", + }, + { + ...PresetFormItems.isCongestionAhead, + key: "dcEventVehicleAccident.congestionAhead", + }, + { + ...PresetFormItems.isForkRoad, + key: "dcEventVehicleAccident.atIntersection", + }, + { + ...PresetFormItems.isCurveRoad, + key: "dcEventVehicleAccident.onCurve", + }, + { + ...PresetFormItems.isInTunnel, + key: "dcEventVehicleAccident.inTunnel", + }, + PresetFormItems.laneOccupancy, + PresetFormItems.vehicleCondition("dcEventVehicleAccident"), + PresetFormItems.casualties("dcEventVehicleAccident"), + PresetFormItems.eventTitle, + PresetFormItems.eventDesc, + PresetFormItems.source, + ], + }, + }, + { + key: "TrafficControl", + label: "交通管制", + formConfig: { + formOptions: { + column: 2, + }, + list: [ + { + label: "管制设施:", + key: "eventSubclass", + type: "RadioGroup", + isAlone: true, + required: true, + default: "3-1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "3-1", + label: "主线", + }, + { + key: "3-2", + label: "收费站", + }, + { + key: "3-3", + label: "立交", + }, + { + key: "3-4", + label: "服务区", + }, + ], + }, + ons: { + input(value, ...args) { + const { data, formList } = args.slice(-1)[0]; + const classify = formList.find( + (it) => it.key == "dcEventTrafficControl.classify" + ); + let ss = { + "3-1": "主线", + "3-2": "收费站", + "3-3": "立交", + "3-4": "服务区", + }; + let ad = { + 1: [ + { + key: "1", + label: `${ss[value]}关闭`, + }, + ], + 2: [ + { + key: "2", + label: "主线限行", + }, + { + key: "3", + label: "主线间隔放行", + }, + { + key: "4", + label: "主线并道", + }, + { + key: "5", + label: "主线限速", + }, + ], + }; + classify.options.options = + ad[data.dcEventTrafficControl.controlType]; + + if (data.dcEventTrafficControl) { + data.dcEventTrafficControl.facilityId = null; + } + let facilityType = 1; + if (value == "3-2") { + facilityType = 1; + } else if (value == "3-3") { + facilityType = 3; + } else if (value == "3-4") { + facilityType = 6; + } + if (value && value != "3-1") { + //路网设施 1 收费站 2 桥梁 3 互通立交 4 枢纽立交 5 隧道 6 服务区 + request({ + url: `/business/facility/query?facilityType=${facilityType}`, + method: "get", + }) + .then((result) => { + if (result.code != 200) return Message.error(result?.msg); + let lwss = []; + result.data.forEach((it) => + lwss.push({ key: it.id, label: it.facilityName }) + ); + + formList.forEach((it) => { + if (it.key == "dcEventTrafficControl.facilityId") { + it.options.options = lwss; + } + }); + }) + .catch((err) => { + console.log("err", err); + Message.error("查询失败1", err); + }); + } + }, + }, + }, + { + label: "管制分类:", + key: "dcEventTrafficControl.controlType", + type: "RadioGroup", + isAlone: true, + required: true, + default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "封闭", + }, + { + key: "2", + label: "限行", + }, + ], + }, + ons: { + input(value, ...args) { + const { data, formList } = args.slice(-1)[0]; + const classify = formList.find( + (it) => it.key == "dcEventTrafficControl.classify" + ); + const measure = formList.find( + (it) => it.key == "dcEventTrafficControl.measure" + ); + let ss = { + "3-1": "主线", + "3-2": "收费站", + "3-3": "立交", + "3-4": "服务区", + }; + let ad = { + 1: [ + { + key: "1", + label: `${ss[data.eventSubclass]}关闭`, + }, + ], + 2: [ + { + key: "2", + label: "主线限行", + }, + { + key: "3", + label: "主线间隔放行", + }, + { + key: "4", + label: "主线并道", + }, + { + key: "5", + label: "主线限速", + }, + ], + }; + let cs = { + 1: [ + { + value: "1", + label: "临时关闭", + }, + ], + 2: [ + { + value: "2", + label: "限行车辆", + }, + { + value: "3", + label: "限行车道", + }, + { + value: "4", + label: "限行车道且限行车辆", + }, + { + value: "5", + label: "间隔放行", + }, + { + value: "6", + label: "并道行驶", + }, + { + value: "7", + label: "限速", + }, + ], + }; + measure.options.options = cs[value]; + classify.options.options = ad[value]; + }, + }, + }, + { + label: "分类:", + key: "dcEventTrafficControl.classify", + type: "RadioGroup", + isAlone: true, + required: true, + default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "主线关闭", + }, + ], + }, + }, + { + label: "分类原因:", + key: "dcEventTrafficControl.controlCause", + type: "RadioGroup", + isAlone: true, + required: true, + default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "车流量大", + }, + { + key: "2", + label: "交通事故", + }, + { + key: "3", + label: "恶劣天气", + }, + { + key: "4", + label: "施工", + }, + { + key: "5", + label: "警备任务", + }, + { + key: "6", + label: "其他", + }, + ], + }, + ons: { + input(value, ...args) { + const { formList } = args.slice(-1)[0]; + const config = formList.find( + (it) => it.key == "dcEventTrafficControl.causeType" + ); + let ad = { + 3: [ + { + value: "3-1", + label: "雨", + }, + { + value: "3-2", + label: "雪", + }, + { + value: "3-3", + label: "雾", + }, + { + value: "3-4", + label: "道路积水", + }, + { + value: "3-5", + label: "道路湿滑", + }, + { + value: "3-6", + label: "道路结冰", + }, + { + value: "3-7", + label: "沙尘暴", + }, + ], + 4: [ + { + value: "4-1", + label: "专项工程施工", + }, + { + value: "4-2", + label: "改扩建工程施工", + }, + { + value: "4-3", + label: "其他施工", + }, + ], + }; + config.options.options = ad[value]; + }, + }, + }, + PresetFormItems.isInTunnel, + { + label: "原因类型:", + key: "dcEventTrafficControl.causeType", + type: "select", + options: { + options: [], + }, + visible: (data) => { + if ( + data?.dcEventTrafficControl.controlCause == "3" || + data?.dcEventTrafficControl.controlCause == "4" + ) { + return true; + } + return false; + }, + }, + PresetFormItems.freeway, + PresetFormItems.direction, + PresetFormItems.emptyLine, + { + label: "出入口:", + key: "dcEventTrafficControl.exitsInlets", + type: "RadioGroup", + isAlone: true, + required: true, + default: "2", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "出口", + }, + { + key: "2", + label: "入口", + }, + ], + }, + visible: (data) => { + if (data?.eventSubclass == "3-2" || data?.eventSubclass == "3-4") { + return true; + } + return false; + }, + }, + { + label: "收费站:", + key: "dcEventTrafficControl.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [], + multiple: true, + }, + visible: (data) => { + if (data?.eventSubclass == "3-2") { + return true; + } + return false; + }, + }, + { + label: "立交桥:", + key: "dcEventTrafficControl.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [], + multiple: true, + }, + visible: (data) => { + if (data?.eventSubclass == "3-3") { + return true; + } + return false; + }, + ons: { + change(value, ...args) { + const { formList } = args.slice(-1)[0]; + + //匝道 + request({ + url: `/system/ramp/listAll?facilityId=${value}`, + method: "get", + }) + .then((result) => { + if (result.code != 200) return Message.error(result?.msg); + let zd = []; + result.rows.forEach((it) => + zd.push({ key: it.id, label: it.rampName }) + ); + // console.log("zd", zd); + formList.forEach((it) => { + if (it.key == "dcEventTrafficControl.rampId") { + console.log("it", it); + it.options.options = zd; + } + }); + }) + .catch((err) => { + console.log("err", err); + Message.error("查询失败3", err); + }); + }, + }, + }, + { + label: "匝道:", + key: "dcEventTrafficControl.rampId", + type: "select", + isAlone: false, + required: true, + options: { + options: [], + }, + visible: (data) => { + if (data?.eventSubclass == "3-3") { + return true; + } + return false; + }, + }, + { + label: "服务区:", + key: "dcEventTrafficControl.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [], + }, + visible: (data) => { + if (data?.eventSubclass == "3-4") { + return true; + } + return false; + }, + }, + { + label: "措施:", + required: true, + key: "dcEventTrafficControl.measure", + type: "select", + options: { + options: [ + { + value: "1", + label: "临时关闭", + }, + ], + }, + }, + { + label: "限制类型:", + key: "dcEventTrafficControl.limitedType", + required: true, + type: "select", + options: { + options: [ + { key: "1", label: "只允许" }, + { key: "2", label: "禁止" }, + ], + }, + visible: (data) => { + if (data?.dcEventTrafficControl.controlType == "2") { + return true; + } + return false; + }, + }, + { + label: "车辆类型:", + key: "dcEventTrafficControl.vehicleType", + required: true, + type: "select", + options: { + options: [ + { key: "1", label: "10座以下客车" }, + { key: "2", label: "10座以下客车(间隔放行)" }, + { key: "3", label: "19座以上客车" }, + { key: "4", label: "一型客车(不含面包车)" }, + { key: "5", label: "两客一危" }, + { key: "6", label: "三类以上班线客车" }, + { + key: "7", + label: "四轴及四轴以上货车(运送生鲜果蔬、抗疫物资车辆除外)", + }, + { key: "8", label: "三轴及以上(含三轴)货车" }, + { key: "9", label: "3轴以上货车(不含危险品运输车)" }, + { key: "10", label: "3轴以上货车" }, + { key: "11", label: "四轴及以上(含四轴)货车" }, + { key: "12", label: "4轴以上货车(不含危险品运输车)" }, + { key: "13", label: "4轴以上货车" }, + { key: "14", label: "4轴以下货车" }, + { key: "15", label: "57座以上客车" }, + { key: "16", label: "五轴及以上货车" }, + { key: "17", label: "5轴以上货车" }, + { key: "18", label: "5轴以上货车(不含危险品运输车)" }, + { key: "19", label: "5轴以下货车" }, + { key: "20", label: "6座以上客车" }, + { key: "21", label: "6座以上面包车" }, + { key: "22", label: "7座以上客车" }, + { key: "23", label: "7座以下客车" }, + { key: "24", label: "8座以上客车" }, + // 25- 8座以下客车 + // 26- 8座以下客车(间隔放行) + // 27- 9座以上客车 + // 28- 半挂货车 + // 29- 车辆（不含10座以下客车） + // 30- 车辆（不含8座以下客车） + // 31- 车辆（不含小轿车） + // 32- 不可解体物品超限运输车 + // 33- 不可解体物品运输车 + // 34- 超长超宽超高车辆 + // 35- 车辆运输车 + // 36- 超限运输车 + // 37- 大型货车(不含危险品运输车) + // 38- 大型货车 + // 39- 大型客车 + // 40- 大中型货车 + // 41- 已安装ETC的客车 + // 42- 已安装ETC的小型客车 + // 43- 罐车 + // 44- 货车 + // 45- 黄牌货车 + // 46- 黄牌货车(不含危险品运输车) + // 47- 黄牌货车(运送民生物资车辆除外) + // 48- 核载总质量4.5吨以上货车(运送民生物资车辆除外) + // 49- 客车（包括小轿车） + // 50- 客运车辆 + // 51- 蓝牌货车 + // 52- 旅游包车 + // 53- 面包车 + // 54- 皮卡 + // 55- 全部车型 + // 56- (未安装ETC)车辆 + // 57- 外埠号牌车辆 + // 58- 危化品运输车 + // 59- 危险物品运输车 + // 60- 武装押运车辆 + // 61- 小轿车 + // 62- 厢式货车 + // 63- 小型车辆 + // 64- (已安装ETC)车辆 + // 65- 已安装ETC的货车 + // 66- 押款车辆 + // 67- 疫情防控物资运输车辆 + // 68- 运输剧毒、放射性物品车辆 + // 69- 运输枪支弹药、爆炸、剧毒、放射性物品车辆 + // 70- 营运客车 + // 71- 重型货车 + // 72- 核载总质量1.8吨以上货车 + // 73- 中型货车 + // 74- 小型车辆限速80公里/小时、大型车辆限速70 + ], + }, + visible: (data) => { + if (data?.dcEventTrafficControl.controlType == "2") { + return true; + } + return false; + }, + }, + { + label: "桩号:", + key: "stakeMark", + required: true, + type: "MultipleLabelItem", + options: { + options: [ + { + prefix: { + text: "K", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[0]", + }, + { + prefix: { + text: "+", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[1]", + }, + ], + }, + visible: (data) => { + if (data?.eventSubclass == "3-1") { + return true; + } + return false; + }, + }, + PresetFormItems.startTime, + PresetFormItems.expectedEndTime, + PresetFormItems.remark, + PresetFormItems.source, + ], + }, + }, + { + key: "TrafficCongestion", + label: "交通拥堵", + formConfig: { + formOptions: {}, + list: [ + { + label: "拥堵类型:", + key: "eventSubclass", + type: "RadioGroup", + isAlone: true, + required: true, + default: "4-1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "4-1", + label: "道路拥堵", + }, + { + key: "4-2", + label: "立交拥堵", + }, + { + key: "4-3", + label: "收费站拥堵", + }, + { + key: "4-4", + label: "服务区拥堵", + }, + ], + }, + ons: { + input(value, ...args) { + const { data, formList } = args.slice(-1)[0]; + if (data.dcEventTrafficCongestion) { + data.dcEventTrafficCongestion.facilityId = null; + } + let facilityType = 1; + if (value == "4-2") facilityType = 3; + if (value == "4-3") facilityType = 1; + if (value == "4-4") facilityType = 6; + //路网设施 1 收费站 2 桥梁 3 互通立交 4 枢纽立交 5 隧道 6 服务区 + request({ + url: `/business/facility/query?facilityType=${facilityType}`, + method: "get", + }) + .then((result) => { + if (result.code != 200) return Message.error(result?.msg); + let lwss = []; + result.data.forEach((it) => + lwss.push({ key: it.id, label: it.facilityName }) + ); + formList.forEach((it) => { + if (it.key == "dcEventTrafficCongestion.facilityId") { + it.options.options = lwss; + } + }); + }) + .catch((err) => { + console.log("err", err); + Message.error("查询失败1", err); + }); + }, + }, + }, + { + ...PresetFormItems.congestionCause, + key: "dcEventTrafficCongestion.congestionCause", + }, + { + label: "详细原因:", + key: "detailedReasons", + type: "RadioGroup", + isAlone: true, + required: true, + // default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "收费站广场拥堵导致出口压车", + }, + { + key: "2", + label: "收费站设备故障", + }, + { + key: "3", + label: "地方道路原因", + }, + { + key: "4", + label: "省内非集团所辖高速原因", + }, + { + key: "5", + label: "集团所辖道路拥堵", + }, + { + key: "6", + label: "集团所辖枢纽立交异常导致主线压车", + }, + { + key: "7", + label: "路侧起火", + }, + { + key: "8", + label: "备注项添加", + }, + ], + }, + ons: { + input(value, ...args) { + const { data, formList } = args.slice(-1)[0]; + if (data.dcEventTrafficCongestion) { + data.dcEventTrafficCongestion.facilityId = null; + } + if ( + data.dcEventTrafficCongestion.congestionCause == 1 && + value == 2 + ) { + console.log("value2", value); + //路网设施 1 收费站 2 桥梁 3 互通立交 4 枢纽立交 5 隧道 6 服务区 + request({ + url: `/business/facility/query?facilityType=1`, + method: "get", + }) + .then((result) => { + if (result.code != 200) return Message.error(result?.msg); + let sfz = []; + result.data.forEach((it) => + sfz.push({ key: it.id, label: it.facilityName }) + ); + formList.forEach((it) => { + if (it.key == "dcEventTrafficCongestion.facilityId") { + it.options.options = sfz; + } + }); + }) + .catch((err) => { + console.log("err", err); + Message.error("查询失败1", err); + }); + } + }, + }, + visible: (data) => { + if ( + data?.eventSubclass == "4-1" && + (data?.dcEventTrafficCongestion?.congestionCause == 1 || + data?.dcEventTrafficCongestion?.congestionCause == 6) + ) { + return true; + } + return false; + }, + }, + { ...PresetFormItems.isInTunnel, isAlone: true }, + { + label: "高速公路:", + required: true, + key: "roadId", + type: "select", + options: { + options: [], + }, + visible: (data) => { + if (data?.eventSubclass == "4-1" || data?.eventSubclass == "4-3") { + return true; + } + return false; + }, + }, + { + label: "方向:", + key: "direction", + required: true, + type: "select", + options: { + options: [], + }, + visible: (data) => { + if (data?.eventSubclass == "4-1" || data?.eventSubclass == "4-3") { + return true; + } + return false; + }, + }, + { + label: "拥堵收费站:", + key: "dcEventTrafficCongestion.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [ + { + value: "选项1", + label: "黄金糕", + }, + ], + }, + visible: (data) => { + if ( + data?.eventSubclass == "4-3" || + (data?.eventSubclass == "4-1" && + data?.dcEventTrafficCongestion.congestionCause == "1" && + data.detailedReasons == "2") + ) { + return true; + } + return false; + }, + }, + { + label: "地点:", + key: "dcEventTrafficCongestion.location", + type: "select", + isAlone: false, + required: true, + options: { + placeholder: "收费站地点", + options: locationSelect, + }, + visible: (data) => { + if (data?.eventSubclass == "4-3") { + return true; + } + return false; + }, + }, + { + label: "拥堵服务区:", + key: "dcEventTrafficCongestion.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [ + { + value: "选项1", + label: "黄金糕", + }, + ], + }, + visible: (data) => { + if (data?.eventSubclass == "4-4") { + return true; + } + return false; + }, + }, + { + label: "地点:", + key: "dcEventTrafficCongestion.location", + isAlone: false, + required: true, + options: { + placeholder: "地点描述", + }, + visible: (data) => { + if (data?.eventSubclass == "4-4") { + return true; + } + return false; + }, + }, + { + label: "地点类型:", + key: "locationType", + type: "RadioGroup", + isAlone: true, + required: true, + default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "单点", + }, + { + key: "2", + label: "多点", + }, + ], + }, + visible: (data) => { + if (data?.eventSubclass == "4-1") { + return true; + } + return false; + }, + }, + { + label: "桩号:", + key: "stakeMark", + required: true, + type: "MultipleLabelItem", + options: { + options: [ + { + prefix: { + text: "K", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[0]", + }, + { + prefix: { + text: "+", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[1]", + }, + ], + }, + visible: (data) => { + if (data?.eventSubclass == "4-1" && data?.locationType == 1) { + return true; + } + return false; + }, + }, + { + label: "起止桩号:", + key: "stakeMark", + required: true, + isAlone: true, + type: "MultipleLabelItem", + options: { + options: [ + { + prefix: { + text: "K", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[0]", + }, + { + prefix: { + text: "+", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[1]", + }, + { + prefix: { + text: "至K", + style: { + color: "#3DE8FF", + }, + }, + key: "endStakeMark[0]", + }, + { + prefix: { + text: "+", + style: { + color: "#3DE8FF", + }, + }, + key: "endStakeMark[1]", + }, + ], + }, + visible: (data) => { + if (data?.eventSubclass == "4-1" && data?.locationType == 2) { + return true; + } + return false; + }, + }, + { + label: "立交桥:", + key: "dcEventTrafficCongestion.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [ + { + value: "选项1", + label: "黄金糕", + }, + ], + }, + visible: (data) => { + if (data?.eventSubclass == "4-2") { + return true; + } + return false; + }, + ons: { + change(value, ...args) { + const { formList } = args.slice(-1)[0]; + + //匝道 + request({ + url: `/system/ramp/listAll?facilityId=${value}`, + method: "get", + }) + .then((result) => { + if (result.code != 200) return Message.error(result?.msg); + let zd = []; + result.rows.forEach((it) => + zd.push({ key: it.id, label: it.rampName }) + ); + console.log("zd", zd); + formList.forEach((it) => { + if (it.key == "dcEventTrafficCongestion.rampId") { + console.log("it", it); + it.options.options = zd; + } + }); + }) + .catch((err) => { + console.log("err", err); + Message.error("查询失败3", err); + }); + }, + }, + }, + { + label: "匝道:", + key: "dcEventTrafficCongestion.rampId", + type: "select", + isAlone: false, + required: true, + options: { + options: [], + }, + visible: (data) => { + if (data?.eventSubclass == "4-2") { + return true; + } + return false; + }, + }, + + { + label: "拥堵里程:", + key: "dcEventTrafficCongestion.congestionMileage", + required: true, + type: "MultipleLabelItem", + options: { + options: [ + { + suffix: { + text: "千米", + }, + type: "InputNumber", + key: "dcEventTrafficCongestion.congestionMileage", + }, + ], + }, + }, + { + label: "最大拥堵里程:", + key: "dcEventTrafficCongestion.maxCongestionMileage", + required: true, + type: "MultipleLabelItem", + options: { + options: [ + { + suffix: { + text: "千米", + }, + type: "InputNumber", + key: "dcEventTrafficCongestion.maxCongestionMileage", + }, + ], + }, + }, + PresetFormItems.startTime, + PresetFormItems.expectedEndTime, + PresetFormItems.remark, + PresetFormItems.source, + ], + }, + }, + { + key: "IllegalOnRoad", + label: "非法上路", + formConfig: { + formOptions: { + column: 2, + }, + list: [ + PresetFormItems.illegalTriggeringType, + PresetFormItems.additionalNotes, + PresetFormItems.freeway, + PresetFormItems.direction, + PresetFormItems.station, + PresetFormItems.isInTunnel, + PresetFormItems.startTime, + PresetFormItems.expectedEndTime, + PresetFormItems.problemDescription, + PresetFormItems.source, + ], + }, + }, + { + key: "BarricadesCleared", + label: "路障清除", + formConfig: { + formOptions: { + column: 2, + }, + list: [ + { + label: "障碍物类型:", + key: "eventSubclass", + type: "RadioGroup", + isAlone: true, + required: true, + default: "6-1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "6-1", + label: "烟雾", + }, + { + key: "6-2", + label: "倒伏树木", + }, + { + key: "6-3", + label: "撒落物", + }, + { + key: "6-4", + label: "动物", + }, + { + key: "6-5", + label: "其他", + }, + ], + }, + }, + PresetFormItems.additionalNotes, + PresetFormItems.freeway, + PresetFormItems.direction, + PresetFormItems.station, + PresetFormItems.isInTunnel, + PresetFormItems.startTime, + PresetFormItems.expectedEndTime, + PresetFormItems.problemDescription, + PresetFormItems.source, + ], + }, + }, + { + key: "Construction", + label: "施工建设", + formConfig: { + formOptions: { + column: 2, + }, + list: [ + { + label: "施工类型:", + key: "key0123", + type: "RadioGroup", + isAlone: true, + required: true, + default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "养护施工类施工", + }, + { + key: "2", + label: "工程建设类施工", + }, + ], + }, + ons: { + input(value, ...args) { + const { formList } = args.slice(-1)[0]; + const config = formList.find((it) => it.key == "eventSubclass"); + const ad = { + 1: [ + { + key: "7-1", + label: "道路养护施工", + }, + { + key: "7-2", + label: "收费站养护施工", + }, + { + key: "7-3", + label: "服务区养护施工", + }, + { + key: "7-4", + label: "枢纽立交匝道养护施工", + }, + { + key: "7-5", + label: "地方道路养护施工", + }, + ], + 2: [ + { + key: "7-6", + label: "道路建设施工", + }, + { + key: "7-7", + label: "收费站建设施工", + }, + { + key: "7-8", + label: "服务区建设施工", + }, + { + key: "7-9", + label: "枢纽立交匝道建设施工", + }, + { + key: "7-10", + label: "地方道路建设施工", + }, + ], + }; + config.options.options = ad[value] || []; + }, + }, + }, + { + label: "施工分类:", + key: "eventSubclass", + type: "RadioGroup", + isAlone: true, + required: true, + default: "7-1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "7-1", + label: "道路养护施工", + }, + { + key: "7-2", + label: "收费站养护施工", + }, + { + key: "7-3", + label: "服务区养护施工", + }, + { + key: "7-4", + label: "枢纽立交匝道养护施工", + }, + { + key: "7-5", + label: "地方道路养护施工", + }, + ], + }, + ons: { + input(value, ...args) { + const { data, formList } = args.slice(-1)[0]; + if (data.dcEventConstruction) { + data.dcEventConstruction.facilityId = null; + } + let facilityType = 1; + if (value == "7-2" || value == "7-7") { + facilityType = 1; + } else if (value == "7-3" || value == "7-8") { + facilityType = 6; + } else if (value == "7-4" || value == "7-9") { + facilityType = 3; + } + if (value && (value != "7-1" && value != "7-6")) { + //路网设施 1 收费站 2 桥梁 3 互通立交 4 枢纽立交 5 隧道 6 服务区 + request({ + url: `/business/facility/query?facilityType=${facilityType}`, + method: "get", + }) + .then((result) => { + if (result.code != 200) return Message.error(result?.msg); + let lwss = []; + result.data.forEach((it) => + lwss.push({ key: it.id, label: it.facilityName }) + ); + + formList.forEach((it) => { + if (it.key == "dcEventConstruction.facilityId") { + it.options.options = lwss; + } + }); + }) + .catch((err) => { + console.log("err", err); + Message.error("查询失败1", err); + }); + } + }, + }, + }, + { + label: "管制方式:", + key: "dcEventConstruction.controlMode", + type: "RadioGroup", + required: true, + default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "封闭", + }, + { + key: "2", + label: "不封闭", + }, + ], + }, + }, + PresetFormItems.isInTunnel, + { + //地点类型 + ...PresetFormItems.locationType, + key: "dcEventConstruction.locationType", + visible: (data) => { + if (data.eventSubclass == "7-1" || data.eventSubclass == "7-6") { + return true; + } + return false; + }, + }, + { + label: "施工方式:", + key: "dcEventConstruction.constructionMethod", + type: "RadioGroup", + isAlone: false, + required: true, + default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "车道", + }, + { + key: "2", + label: "其他", + }, + ], + }, + visible: (data) => { + if (data.eventSubclass == "7-2" || data.eventSubclass == "7-7") { + return true; + } + return false; + }, + }, + { + label: "通行情况:", + key: "dcEventConstruction.trafficCondition", + type: "RadioGroup", + isAlone: true, + required: true, + default: "1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "通行受限", + }, + { + key: "2", + label: "车辆谨慎慢行", + }, + { + key: "3", + label: "车辆正常通行", + }, + ], + }, + visible: (data) => { + if ( + data.eventSubclass == "7-2" || + data.eventSubclass == "7-7" || + data.eventSubclass == "7-4" || + data.eventSubclass == "7-9" + ) { + return true; + } + return false; + }, + }, + PresetFormItems.freeway, + PresetFormItems.direction, + { + ...PresetFormItems.station, + visible: (data) => { + if ( + (data.eventSubclass == "7-1" || data.eventSubclass == "7-6") && + data?.dcEventConstruction.locationType == "1" + ) { + return true; + } + return false; + }, + }, + { + ...PresetFormItems.startEndStation, + visible: (data) => { + if ( + (data.eventSubclass == "7-1" || data.eventSubclass == "7-6") && + data?.dcEventConstruction.locationType == "2" + ) { + return true; + } + return false; + }, + }, + // PresetFormItems.emptyLine, + { + ...PresetFormItems.laneOccupancy, + required: true, + visible: (data) => { + if (data?.dcEventConstruction.controlMode == "2") { + return true; + } + return false; + }, + }, + { + label: "收费站:", + key: "dcEventConstruction.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [], + }, + visible: (data) => { + if (data.eventSubclass == "7-2" || data.eventSubclass == "7-7") { + return true; + } + return false; + }, + }, + { + label: "出入口:", + key: "dcEventConstruction.exitsInlets", + type: "RadioGroup", + isAlone: false, + required: true, + default: "2", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "出口", + }, + { + key: "2", + label: "入口", + }, + ], + }, + visible: (data) => { + if (data.eventSubclass == "7-2" || data.eventSubclass == "7-7") { + return true; + } + return false; + }, + }, + { + label: "服务区:", + key: "dcEventConstruction.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [], + }, + visible: (data) => { + if (data.eventSubclass == "7-3" || data.eventSubclass == "7-8") { + return true; + } + return false; + }, + }, + { + label: "地点:", + key: "dcEventConstruction.location", + isAlone: false, + required: true, + options: { + placeholder: "服务区地点", + }, + visible: (data) => { + if (data.eventSubclass == "7-3" || data.eventSubclass == "7-8") { + return true; + } + return false; + }, + }, + { + label: "立交桥:", + key: "dcEventConstruction.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [], + }, + visible: (data) => { + if (data.eventSubclass == "7-4" || data.eventSubclass == "7-9") { + return true; + } + return false; + }, + ons: { + change(value, ...args) { + const { formList } = args.slice(-1)[0]; + + //匝道 + request({ + url: `/system/ramp/listAll?facilityId=${value}`, + method: "get", + }) + .then((result) => { + if (result.code != 200) return Message.error(result?.msg); + let zd = []; + result.rows.forEach((it) => + zd.push({ key: it.id, label: it.rampName }) + ); + // console.log("zd", zd); + formList.forEach((it) => { + if (it.key == "dcEventConstruction.rampId") { + // console.log("it", it); + it.options.options = zd; + } + }); + }) + .catch((err) => { + console.log("err", err); + Message.error("查询失败3", err); + }); + }, + }, + }, + { + label: "匝道:", + key: "dcEventConstruction.rampId", + type: "select", + isAlone: false, + required: true, + options: { + options: [], + }, + visible: (data) => { + if (data.eventSubclass == "7-4" || data.eventSubclass == "7-9") { + return true; + } + return false; + }, + }, + { + label: "地方道路名称:", + key: "dcEventConstruction.localRoadName", + isAlone: true, + required: true, + options: {}, + visible: (data) => { + if (data.eventSubclass == "7-5" || data.eventSubclass == "7-10") { + return true; + } + return false; + }, + }, + { + label: "特殊地点描述:", + key: "dcEventConstruction.specialPlaceDescription", + isAlone: true, + options: { + type: "textarea", + autosize: true, + maxlength: 50, + autosize: { minRows: 6, maxRows: 6 }, + showWordLimit: true, + }, + }, + { + ...PresetFormItems.specialConstruction, + key: "dcEventConstruction.specialConstruction", + }, + { + label: "专项施工名称:", + key: "dcEventConstruction.otherConstructionName", + isAlone: true, + options: {}, + visible: (data) => { + if (data?.dcEventConstruction.specialConstruction == "4") { + return true; + } + return false; + }, + }, + { + ...PresetFormItems.constructionMeasurement, + key: "dcEventConstruction.constructionMeasurement", + visible: (data) => { + if (data.eventSubclass == "7-1" || data.eventSubclass == "7-6") { + return true; + } + return false; + }, + }, + PresetFormItems.startTime, + PresetFormItems.expectedEndTime, + PresetFormItems.remark, + PresetFormItems.source, + ], + }, + }, + { + key: "ServiceAreaAbnormal", + label: "服务区异常", + formConfig: { + formOptions: { + column: 2, + }, + list: [ + { + label: "异常分类:", + key: "eventSubclass", + type: "RadioGroup", + isAlone: true, + required: true, + default: "8-1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "8-1", + label: "封闭、暂停营业", + }, + { + key: "8-2", + label: "重要设施停用", + }, + { + key: "8-3", + label: "其他异常", + }, + ], + }, + }, + PresetFormItems.freeway, + PresetFormItems.direction, + { + label: "服务区:", + key: "dcEventServiceArea.facilityId", + type: "select", + isAlone: false, + required: true, + options: { + options: [ + { + value: "选项1", + label: "黄金糕", + }, + ], + }, + }, + { + label: "停用设施:", + key: "dcEventServiceArea.disableFacility", + type: "select", + isAlone: false, + required: true, + options: { + options: [ + { + value: "1", + label: "卫生间", + }, + { + value: "2", + label: "餐厅", + }, + { + value: "3", + label: "停车场", + }, + { + value: "4", + label: "加油站", + }, + { + value: "5", + label: "充电桩", + }, + ], + }, + visible: (data) => { + if (data?.eventSubclass == "8-2") { + return true; + } + return false; + }, + }, + { + label: "出入口:", + key: "dcEventServiceArea.exitsInlets", + type: "RadioGroup", + isAlone: true, + required: true, + default: "2", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "1", + label: "出口", + }, + { + key: "2", + label: "入口", + }, + ], + }, + }, + PresetFormItems.startTime, + PresetFormItems.expectedEndTime, + PresetFormItems.remark, + PresetFormItems.source, + ], + }, + }, + { + key: "HiddenDangersEquipment", + label: "设施设备隐患", + formConfig: { + formOptions: { + column: 2, + }, + list: [ + { + label: "类型:", + key: "eventSubclass", + type: "RadioGroup", + isAlone: true, + required: true, + default: "9-1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "9-1", + label: "摄像机", + }, + { + key: "9-2", + label: "护栏", + }, + { + key: "9-3", + label: "隔离栅", + }, + { + key: "9-4", + label: "情报板", + }, + { + key: "9-5", + label: "防眩板", + }, + { + key: "9-6", + label: "其他", + }, + ], + }, + }, + { + label: "设备补充说明:", + key: "eventSourceTips", + isAlone: true, + options: { + type: "textarea", + autosize: true, + maxlength: 150, + autosize: { minRows: 6, maxRows: 6 }, + showWordLimit: true, + }, + required: true, + }, + PresetFormItems.freeway, + PresetFormItems.direction, + PresetFormItems.station, + PresetFormItems.isInTunnel, + PresetFormItems.startTime, + PresetFormItems.expectedEndTime, + PresetFormItems.problemDescription, + PresetFormItems.source, + ], + }, + }, + { + key: "AbnormalWeather", + label: "异常天气", + formConfig: { + formOptions: { + column: 2, + }, + list: [ + { + label: "异常天气:", + key: "eventSubclass", + type: "RadioGroup", + isAlone: true, + required: true, + default: "10-1", + options: { + activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)", + options: [ + { + key: "10-1", + label: "雨", + }, + { + key: "10-2", + label: "雪", + }, + { + key: "10-3", + label: "雾", + }, + { + key: "10-4", + label: "大风", + }, + { + key: "10-5", + label: "低温寒潮", + }, + { + key: "10-6", + label: "路面积雪", + }, + { + key: "10-7", + label: "路面结冰", + }, + { + key: "10-8", + label: "路面积水", + }, + { + key: "10-9", + label: "其他", + }, + ], + }, + ons: { + input(value, ...args) { + const { formList } = args.slice(-1)[0]; + const config = formList.find( + (it) => it.key == "dcEventAbnormalWeather.weatherSituation" + ); + let ad = { + "10-1": [ + { + key: "1-1", + label: "雨雾", + }, + { + key: "1-2", + label: "雨雪", + }, + { + key: "1-3", + label: "中雨", + }, + { + key: "1-4", + label: "小雨", + }, + { + key: "1-5", + label: "大雨", + }, + { + key: "1-6", + label: "暴雨", + }, + ], + "10-2": [ + { + key: "2-1", + label: "小雪", + }, + { + key: "2-2", + label: "中雪", + }, + { + key: "2-3", + label: "大雪", + }, + { + key: "2-4", + label: "暴雪", + }, + { + key: "2-5", + label: "大暴雪", + }, + { + key: "2-6", + label: "特大暴雪", + }, + ], + "10-3": [ + { + key: "3-1", + label: "轻雾", + }, + { + key: "3-2", + label: "大雾", + }, + { + key: "3-3", + label: "浓雾", + }, + { + key: "3-4", + label: "强浓雾", + }, + { + key: "3-5", + label: "团雾", + }, + ], + }; + config.options.options = ad[value]; + }, + }, + }, + { + ...PresetFormItems.weatherSituation, + key: "dcEventAbnormalWeather.weatherSituation", + }, + PresetFormItems.additionalNotes, + PresetFormItems.freeway, + PresetFormItems.direction, + PresetFormItems.startEndStation, + { + label: "紧急级别:", + key: "dcEventAbnormalWeather.emergencyLevel", + required: true, + type: "select", + options: { + options: [ + { + value: "1", + label: "一般", + }, + { + value: "2", + label: "紧急", + }, + ], + }, + }, + PresetFormItems.isInTunnel, + PresetFormItems.startTime, + PresetFormItems.expectedEndTime, + PresetFormItems.problemDescription, + PresetFormItems.source, + ], + }, + }, + { + key: "OtherEvents", + label: "其他事件", + formConfig: { + formOptions: { + column: 2, + }, + list: [ + { + label: "事件说明:", + key: "eventSourceTips", + isAlone: true, + options: { + type: "textarea", + autosize: true, + maxlength: 150, + autosize: { minRows: 6, maxRows: 6 }, + showWordLimit: true, + }, + }, + PresetFormItems.freeway, + PresetFormItems.direction, + PresetFormItems.station, + PresetFormItems.isInTunnel, + PresetFormItems.startTime, + PresetFormItems.expectedEndTime, + PresetFormItems.problemDescription, + PresetFormItems.source, + ], + }, + }, +]; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/index.vue new file mode 100644 index 00000000..964a4986 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/FormEvent/index.vue @@ -0,0 +1,258 @@ + + + + + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/data.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/data.js new file mode 100644 index 00000000..5960c430 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/data.js @@ -0,0 +1,226 @@ +import * as PresetFormItems from "@screen/pages/control/event/event/FormEvent/PresetFormItems.js"; +import { merge, cloneDeep } from "lodash"; + +const station = { + label: "桩号:", + key: "stakeMark", + required: true, + type: "MultipleLabelItem", + options: { + options: [ + { + prefix: { + text: "K", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[0]", + }, + { + prefix: { + text: "+", + style: { + color: "#3DE8FF", + }, + }, + key: "stakeMark[1]", + }, + ], + }, +}; + +export const tabMap = { + "1": { + state: 21, + textColor: "#007FF4", + text: "上报", + }, + "2": { + state: 22, + textColor: "#007FF4", + text: "已完成", + }, + "3": { + state: 23, + textColor: "#007FF4", + text: "已终止", + }, + "4": { + state: 24, + textColor: "#007FF4", + text: "自动结束", + }, +}; +export const searchFormList = [ + { + label: "事件状态:", + key: "warningState", + type: "select", + options: { + clearable: true, + options: [ + { + value: 1, + label: "上报", + }, + { + value: 2, + label: "已完成", + }, + { + value: 3, + label: "已终止", + }, + { + value: 4, + label: "自动结束", + } + ], + }, + }, + { + label: "事件来源:", + key: "warningSource", + type: "select", + options: { + clearable: true, + options: [ + { + key: "1", + label: "视频AI", + }, + { + key: "2", + label: "雷达识别", + }, + { + key: "3", + label: "锥桶", + }, + { + key: "4", + label: "护栏碰撞", + }, + { + key: "5", + label: "扫码报警", + }, + // { + // key: "6", + // label: "非机预警", + // }, + { + key: "7", + label: "气象监测器", + }, + ], + }, + }, + { + label: "方向:", + key: "direction", + type: "RadioGroup", + options: { + options: [ + { + key: "1", + label: "菏泽方向", + }, + { + key: "3", + label: "济南方向", + }, + ], + }, + }, + { + label: "事件主类:", + key: "warningType", + type: "select", + options: { + clearable: true, + options: [ + { + value: 1, + label: "交通拥堵", + }, + { + value: 2, + label: "行人", + }, + { + value: 3, + label: "非机动车", + }, + { + value: 4, + label: "停车", + }, + { + value: 5, + label: "违规驾驶", + }, + { + value: 6, + label: "路障", + }, + { + value: 7, + label: "道路施工", + }, + { + value: 8, + label: "异常天气", + }, + { + value: 9, + label: "护栏碰撞", + }, + { + value: 10, + label: "交通事故", + }, + { + value: 11, + label: "车辆故障", + }, + { + value: 99, + label: "其他事件", + }, + ], + }, + }, + { + label: "时间范围:", + key: "daterange", + required: false, + type: "datePicker", + options: { + style: "width: auto", + type: "datetimerange", + format: "yyyy-MM-dd HH:mm:ss", + valueFormat: "yyyy-MM-dd HH:mm:ss", + }, + }, + { + ...station, + label: "开始桩号:", + required: false, + }, + merge(cloneDeep(station), { + options: { + options: [ + { + key: "endStakeMark[0]", + }, + { + key: "endStakeMark[1]", + }, + ], + }, + label: "结束桩号:", + required: false, + }), +]; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/export.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/export.svg new file mode 100644 index 00000000..7b9c7fb6 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/export.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/insert.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/insert.svg new file mode 100644 index 00000000..e8cab68e --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/insert.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/refresh.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/refresh.svg new file mode 100644 index 00000000..d9640664 --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/images/refresh.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/index.vue new file mode 100644 index 00000000..2ee14a8f --- /dev/null +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventAnalysis/index.vue @@ -0,0 +1,321 @@ + + + + +