diff --git a/ruoyi-ui/src/api/event/perceiveEvent.js b/ruoyi-ui/src/api/event/perceiveEvent.js
index 7a147f24..c8336aa6 100644
--- a/ruoyi-ui/src/api/event/perceiveEvent.js
+++ b/ruoyi-ui/src/api/event/perceiveEvent.js
@@ -165,7 +165,7 @@ export function geTwarningTotal(query) {
     export function getRoadSectionList(query) {
       //system/status/tablist
       return request({
-          url: '/business/roadSection/list',
+          url: '/business/roadSection/listAll',
           method: 'get',
           params: {
             ...query,
diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
index 6126f45b..e0acb02b 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
@@ -2,7 +2,7 @@
   <BorderRadiusImage class='RoadStateCard' borderRadius="2px"
     borderColor="linear-gradient(360deg, rgba(55, 231, 255, 0.3), rgba(55, 231, 255, 0))" borderWidth="2px">
     <div class="left">
-      <img :src="(cardData.pictures ? cardData.pictures[0] : null) || require(`./test.png` )">
+      <img :src="(cardData.pictures ? cardData.pictures[0] : null) || require(`./test.png`)">
       <!-- <img :src="require(`./test.png`)"> -->
     </div>
     <div class="right">
@@ -15,10 +15,10 @@
       <div class="controls">
         <Button :style="{ background: firstBtnColor, width: '50%' }"
           @click.native="$emit('firstBtnClick', cardData.id)">{{
-            firstBtnText
+            getFirstBtnText(cardData.state)
           }}</Button>
-        <Button v-if="cardData.state != 3" :style="{ background: lastBtnColor, width: '50%' }"
-          @click.native="$emit('lastBtnClick', cardData.id)">{{ lastBtnText
+        <Button v-if="cardData.state == 4" :style="{ background: lastBtnColor, width: '50%' }"
+          @click.native="$emit('lastBtnClick', cardData.id)">{{ getLastBtnText(cardData.state)
           }}</Button>
       </div>
     </div>
@@ -82,7 +82,7 @@ export default {
       ])
     }
   },
-  data(){
+  data() {
     return {
       picUrl: './test.png'
     }
@@ -94,6 +94,19 @@ export default {
   },
   created() {
     this.statusMap = statusMap;
+  },
+  methods: {
+    getFirstBtnText(state) {
+      let text = '详情';
+      if(state == 5) text = '去确认'
+      if(state == 4) text = '详情'
+      if(state == 3) text = '处置记录'
+      return text;
+    },
+    getLastBtnText(state) {
+      let text = '去处置';
+      return text;
+    },
   }
 }
 </script>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue
index a47c01f4..83f0da7e 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="video-container">
-    <div class="header">
+    <div class="header" v-if="showHeader">
       <div class="left">
         <div class="radio">
           <span @click="active = 'img'" :class="{ active: active === 'img' }">图像</span>
@@ -46,6 +46,10 @@ export default {
     rangeIndex: {
       type: Number,
       default: 0
+    },
+    showHeader: {
+      type: Boolean,
+      default: true
     }
   },
   data() {
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue
index 2d9c992a..1d0c5c00 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue
@@ -29,8 +29,8 @@ export default {
     pictures: {
       type: Array,
       default: () => [
-        "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
-        "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
+        // "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+        // "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
         // "require('@screen/images/shareWith/message-active.svg')",
         // "require('@screen/images/shareWith/message.svg')",
         // "require('@screen/images/shareWith/website-active.svg')",
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 91349236..19d2210e 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
@@ -1,21 +1,23 @@
 <template>
   <Dialog v-model="modelVisible" title="事件详情">
-    <div class="EventDetail">
+    <div class="EventDetail" :style="{ height: (activeName == '-1' || activeName == '0') ? '380px' : '768px'}">
       <Form :formList="formList" :dFormData="formData" label-width="100px" />
 
       <div class="video-pic">
-        <Video style="height: 100%;" />
+        <Video style="height: 100%;" :showHeader="activeName != '-1'"/>
+        <Video v-if="activeName != '-1'" style="height: 100%;" />
 
-        <Carousel style="flex: 1" :pictures="formData.pictures"/>
+        <Carousel v-else style="flex: 1" :pictures="formData.pictures"/>
       </div>
 
-      <TimeLine1 :data="timeLine1List" />
-      <TimeLine2 :data="timeLine2List" style="flex: 1;" />
+      <TimeLine1 v-if="activeName == '1' || activeName == '2'" :data="timeLine1List" />
+      <TimeLine2 v-if="activeName == '1' || activeName == '2'" :data="timeLine2List" style="flex: 1;" />
 
     </div>
     <template #footer>
-      <Button style="padding: 0 24px;" @click.native="modelVisible = false">确认</Button>
-      <Button :style="{ backgroundColor: '#C9C9C9', padding: '0 24px' }" @click.native="modelVisible = false"> 取消</Button>
+      <Button v-if="activeName == '-1' || activeName == '0'" style="padding: 0 24px;" @click.native="modelVisible = false">误报</Button>
+      <Button :style="{ backgroundColor: '#C9C9C9', padding: '0 24px' }" @click.native="modelVisible = false">取消</Button>
+      <Button v-if="activeName == '-1' || activeName == '0'" style="padding: 0 24px;" @click.native="modelVisible = false">确认</Button>
     </template>
   </Dialog>
 </template>
@@ -50,6 +52,7 @@ export default {
   },
   props: {
     visible: Boolean,
+    activeName: String,
     formData: {
       type: Object,
       default: () => { }
@@ -89,6 +92,11 @@ export default {
   },
   methods: {
     getProcess() {
+      if(this.activeName == '-1' || this.activeName == '0'){
+        this.timeLine1List = [];
+        this.timeLine2List = [];
+        return;
+      }
 
       let directionFlg = true;
 
@@ -146,13 +154,14 @@ export default {
   display: flex;
   gap: 9px;
   width: 836px;
-  height: 768px;
+  // height: 768px;
   flex-direction: column;
 
   .video-pic {
     display: flex;
-    height: 150px;
-    gap: 15px
+    height: 190px;
+    gap: 15px;
+    justify-content: space-around;
   }
 }
 </style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/PresetFormItems.js b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/PresetFormItems.js
index 1fcdedac..b1abf167 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/PresetFormItems.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/PresetFormItems.js
@@ -716,7 +716,13 @@ export const locationMode = {
   },
   ons: {
     change(value, ...args) {
-      const { formList } = args.slice(-1)[0];
+      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) {
@@ -744,7 +750,7 @@ export const locationMode = {
           
         }).catch((err) => {
           console.log('err',err)
-          Message.error("查询失败", err);
+          Message.error("查询失败1", err);
         })
       }
       
@@ -1129,9 +1135,9 @@ export const congestionCause = {
   },
   ons: {
     input(value, ...args) {
-      console.log(value);
+      // console.log(value);
       const { formList } = args.slice(-1)[0];
-      const config = formList.find((it) => it.key == "xxyy");
+      const config = formList.find((it) => it.key == "detailedReasons");
       let ad = {
         1: [
           {
@@ -1181,4 +1187,10 @@ export const congestionCause = {
       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/control/event/event/FormEvent/data.js b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/data.js
index 6d4420b0..274eccb1 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/data.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/data.js
@@ -1,4 +1,53 @@
 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 = [
   {
@@ -6,11 +55,23 @@ export const tabConfigList = [
     label: "交通事故",
     formConfig: {
       list: [
-        { ...PresetFormItems.callPolicePersonName, key: 'dcEventAccident.reporterName' },
-        { ...PresetFormItems.callPolicePersonPhone, key: 'dcEventAccident.reporterPhoneNumber' },
-        { ...PresetFormItems.trafficAccidentType, key: 'dcEventAccident.accidentType' },
+        {
+          ...PresetFormItems.callPolicePersonName,
+          key: "dcEventAccident.reporterName",
+        },
+        {
+          ...PresetFormItems.callPolicePersonPhone,
+          key: "dcEventAccident.reporterPhoneNumber",
+        },
+        {
+          ...PresetFormItems.trafficAccidentType,
+          key: "dcEventAccident.accidentType",
+        },
         PresetFormItems.eventLevel,
-        { ...PresetFormItems.locationMode, key: 'dcEventAccident.locationType' },
+        {
+          ...PresetFormItems.locationMode,
+          key: "dcEventAccident.locationType",
+        },
         PresetFormItems.freeway,
         {
           label: "服务区:",
@@ -26,12 +87,12 @@ export const tabConfigList = [
               },
             ],
           },
-          visible:(data) => {
-            if(data?.dcEventAccident?.locationType == 2){
-               return true;
+          visible: (data) => {
+            if (data?.dcEventAccident?.locationType == 2) {
+              return true;
             }
             return false;
-          }
+          },
         },
         {
           label: "地点:",
@@ -41,12 +102,12 @@ export const tabConfigList = [
           options: {
             placeholder: "服务区地点",
           },
-          visible:(data) => {
-            if(data?.dcEventAccident?.locationType == 2){
-               return true;
+          visible: (data) => {
+            if (data?.dcEventAccident?.locationType == 2) {
+              return true;
             }
             return false;
-          }
+          },
         },
         {
           label: "立交桥:",
@@ -62,46 +123,39 @@ export const tabConfigList = [
               },
             ],
           },
-          visible:(data) => {
-            if(data?.dcEventAccident?.locationType == 3){
-               return true;
+          visible: (data) => {
+            if (data?.dcEventAccident?.locationType == 3) {
+              return true;
             }
             return false;
           },
           ons: {
             change(value, ...args) {
               const { formList } = args.slice(-1)[0];
-        
-              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("查询失败", err);
-              //   })
-              }
-              
+
+              //匝道
+              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);
+                });
             },
           },
         },
@@ -112,13 +166,14 @@ export const tabConfigList = [
           isAlone: false,
           required: true,
           options: {
+            options: [],
           },
-          visible:(data) => {
-            if(data?.dcEventAccident?.locationType == 3){
-               return true;
+          visible: (data) => {
+            if (data?.dcEventAccident?.locationType == 3) {
+              return true;
             }
             return false;
-          }
+          },
         },
         {
           label: "收费站:",
@@ -134,12 +189,12 @@ export const tabConfigList = [
               },
             ],
           },
-          visible:(data) => {
-            if(data?.dcEventAccident?.locationType == 4){
-               return true;
+          visible: (data) => {
+            if (data?.dcEventAccident?.locationType == 4) {
+              return true;
             }
             return false;
-          }
+          },
         },
         {
           label: "地点:",
@@ -149,44 +204,56 @@ export const tabConfigList = [
           required: true,
           options: {
             placeholder: "收费站地点",
-            options: [
-              {
-                value: "1",
-                label: "入口车道",
-              },
-              {
-                value: "2",
-                label: "出口车道",
-              },
-            ],
+            options: locationSelect,
           },
-          visible:(data) => {
-            if(data?.dcEventAccident?.locationType == 4){
-               return true;
+          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.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.vehicleCondition("dcEventAccident"),
+        PresetFormItems.casualties("dcEventAccident"),
         PresetFormItems.eventTitle,
         PresetFormItems.eventDesc,
         PresetFormItems.source,
@@ -199,25 +266,192 @@ export const tabConfigList = [
     formConfig: {
       formOptions: {},
       list: [
-        { ...PresetFormItems.callPolicePersonName, key: 'dcEventVehicleAccident.reporterName' },
-        { ...PresetFormItems.callPolicePersonPhone, key: 'dcEventVehicleAccident.reporterPhoneNumber' },
+        {
+          ...PresetFormItems.callPolicePersonName,
+          key: "dcEventVehicleAccident.reporterName",
+        },
+        {
+          ...PresetFormItems.callPolicePersonPhone,
+          key: "dcEventVehicleAccident.reporterPhoneNumber",
+        },
         PresetFormItems.vehicleMalfunctionType,
         PresetFormItems.eventLevel,
-        { ...PresetFormItems.locationMode, key: 'dcEventVehicleAccident.locationType' },
+        {
+          ...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,
         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.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.vehicleCondition("dcEventVehicleAccident"),
+        PresetFormItems.casualties("dcEventVehicleAccident"),
         PresetFormItems.eventTitle,
         PresetFormItems.eventDesc,
         PresetFormItems.source,
@@ -238,6 +472,7 @@ export const tabConfigList = [
           type: "RadioGroup",
           isAlone: true,
           required: true,
+          default: "3-1",
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
@@ -259,6 +494,81 @@ export const tabConfigList = [
               },
             ],
           },
+          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: "管制分类:",
@@ -266,6 +576,7 @@ export const tabConfigList = [
           type: "RadioGroup",
           isAlone: true,
           required: true,
+          default: "1",
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
@@ -279,6 +590,85 @@ export const tabConfigList = [
               },
             ],
           },
+          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: "分类:",
@@ -286,30 +676,14 @@ export const tabConfigList = [
           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: "主线限速",
-              },
-            ],
+              },],
           },
         },
         {
@@ -318,6 +692,7 @@ export const tabConfigList = [
           type: "RadioGroup",
           isAlone: true,
           required: true,
+          default: "1",
           options: {
             activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
             options: [
@@ -342,104 +717,367 @@ export const tabConfigList = [
                 label: "警备任务",
               },
               {
-                key: "6",
-                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: [],
+          },
+          visible: (data) => {
+            if (data?.eventSubclass == "3-2") {
+              return true;
+            }
+            return false;
+          },
+        },
+        {
+          label: "立交桥:",
+          key: "dcEventTrafficControl.facilityId",
+          type: "select",
+          isAlone: false,
+          required: true,
+          options: {
+            options: [],
+          },
+          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: "临时关闭",
               },
             ],
           },
         },
-        PresetFormItems.isInTunnel,
         {
-          label: "原因类型:",
-          key: "dcEventTrafficControl.causeType",
+          label: "限制类型:",
+          key: "dcEventAccident.limitedType",
+          required: true,
           type: "select",
           options: {
             options: [
-              {
-                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: "沙尘暴",
-              },
-              {
-                value: "4-1",
-                label: "专项工程施工",
-              },
-              {
-                value: "4-2",
-                label: "改扩建工程施工",
-              },
-              {
-                value: "4-3",
-                label: "其他施工",
-              },
-            ]
-          }
+              { key: "1", label: "只允许" },
+              { key: "2", label: "禁止" },
+            ],
+          },
+          visible: (data) => {
+            if (data?.dcEventTrafficControl.controlType == "2") {
+              return true;
+            }
+            return false;
+          },
         },
-        PresetFormItems.freeway,
-        PresetFormItems.direction,
-        PresetFormItems.emptyLine,
         {
-          label: "措施:",
+          label: "车辆类型:",
+          key: "dcEventAccident.vehicleType",
           required: true,
-          key: "dcEventTrafficControl.measure",
           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: "三类以上班线客车" },
               {
-                value: "1",
-                label: "临时关闭",
-              },
-              {
-                value: "2",
-                label: "限行车辆",
-              },
-              {
-                value: "3",
-                label: "限行车道",
-              },
-              {
-                value: "4",
-                label: "限行车道且限行车辆",
-              },
-              {
-                value: "5",
-                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: [
               {
-                value: "6",
-                label: "并道行驶",
+                prefix: {
+                  text: "K",
+                  style: {
+                    color: "#3DE8FF",
+                  },
+                },
+                key: "stakeMark[0]",
               },
               {
-                value: "7",
-                label: "限速",
+                prefix: {
+                  text: "+",
+                  style: {
+                    color: "#3DE8FF",
+                  },
+                },
+                key: "stakeMark[1]",
               },
             ],
           },
+          visible: (data) => {
+            if (data?.eventSubclass == '3-1') {
+              return true;
+            }
+            return false;
+          },
         },
-        PresetFormItems.station,
         PresetFormItems.startTime,
         PresetFormItems.expectedEndTime,
         PresetFormItems.remark,
@@ -481,11 +1119,47 @@ export const tabConfigList = [
               },
             ],
           },
+          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",
         },
-        { ...PresetFormItems.congestionCause, key: 'dcEventTrafficCongestion.congestionCause' },
         {
           label: "详细原因:",
-          key: "xxyy",
+          key: "detailedReasons",
           type: "RadioGroup",
           isAlone: true,
           required: true,
@@ -527,14 +1201,162 @@ export const tabConfigList = [
               },
             ],
           },
-          visible:(data) => {
-            if(data?.dcEventTrafficCongestion?.congestionCause == 1 || data?.dcEventTrafficCongestion?.congestionCause == 6){
+          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",
@@ -555,6 +1377,12 @@ export const tabConfigList = [
               },
             ],
           },
+          visible: (data) => {
+            if (data?.eventSubclass == "4-1") {
+              return true;
+            }
+            return false;
+          },
         },
         {
           label: "桩号:",
@@ -583,12 +1411,12 @@ export const tabConfigList = [
               },
             ],
           },
-          visible:(data) => {
-            if(data?.locationType != 1){
-              return false;
+          visible: (data) => {
+            if (data?.eventSubclass == "4-1" && data?.locationType == 1) {
+              return true;
             }
-            return true;
-          }
+            return false;
+          },
         },
         {
           label: "起止桩号:",
@@ -636,13 +1464,80 @@ export const tabConfigList = [
               },
             ],
           },
-          visible:(data) => {
-            if(data?.locationType == 2){
+          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",
@@ -784,31 +1679,34 @@ export const tabConfigList = [
               },
             ],
           },
-          ons:{
-            input(value, ...args){
+          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: [
+              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: "道路建设施工",
@@ -828,11 +1726,12 @@ export const tabConfigList = [
                   {
                     key: "7-10",
                     label: "地方道路建设施工",
-                  }
-                ]};
-              config.options.options = ad[value] || []
-            }
-          }
+                  },
+                ],
+              };
+              config.options.options = ad[value] || [];
+            },
+          },
         },
         {
           label: "施工分类:",
@@ -887,7 +1786,10 @@ export const tabConfigList = [
           },
         },
         PresetFormItems.isInTunnel,
-        { ...PresetFormItems.locationType, key: 'dcEventConstruction.locationType' },
+        {
+          ...PresetFormItems.locationType,
+          key: "dcEventConstruction.locationType",
+        },
         PresetFormItems.freeway,
         PresetFormItems.direction,
         PresetFormItems.station,
@@ -904,8 +1806,14 @@ export const tabConfigList = [
             showWordLimit: true,
           },
         },
-        { ...PresetFormItems.specialConstruction, key: 'dcEventConstruction.specialConstruction' },
-        { ...PresetFormItems.constructionMeasurement, key: 'dcEventConstruction.constructionMeasurement' },
+        {
+          ...PresetFormItems.specialConstruction,
+          key: "dcEventConstruction.specialConstruction",
+        },
+        {
+          ...PresetFormItems.constructionMeasurement,
+          key: "dcEventConstruction.constructionMeasurement",
+        },
         PresetFormItems.startTime,
         PresetFormItems.expectedEndTime,
         PresetFormItems.remark,
@@ -1113,7 +2021,10 @@ export const tabConfigList = [
             ],
           },
         },
-        { ...PresetFormItems.weatherSituation, key: 'dcEventAbnormalWeather.weatherSituation' },
+        {
+          ...PresetFormItems.weatherSituation,
+          key: "dcEventAbnormalWeather.weatherSituation",
+        },
         PresetFormItems.additionalNotes,
         PresetFormItems.freeway,
         PresetFormItems.direction,
@@ -1133,8 +2044,8 @@ export const tabConfigList = [
                 value: "2",
                 label: "紧急",
               },
-            ]
-          }
+            ],
+          },
         },
         PresetFormItems.isInTunnel,
         PresetFormItems.startTime,
@@ -1175,6 +2086,4 @@ export const tabConfigList = [
       ],
     },
   },
-
-
 ];
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/index.vue
index 9c94e6d4..65da9a77 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/index.vue
@@ -88,7 +88,7 @@ export default {
             this.roads.push({ key: it.id, label: it.roadName })
           })
         }).catch((err) => {
-          Message.error("查询失败", err);
+          Message.error("查询失败4", err);
         }),
         //方向字典
         request({
@@ -100,7 +100,7 @@ export default {
             this.direction.push({ key: it.dictValue, label: it.dictLabel })
           })
         }).catch((err) => {
-          Message.error("查询失败", err);
+          Message.error("查询失败5", err);
         }),
         //路网设施 1 收费站 2 桥梁 3 互通立交 4 枢纽立交 5 隧道 6 服务区
         request({
@@ -108,9 +108,10 @@ export default {
           method: "get"
         }).then((result) => {
           if (result.code != 200) return Message.error(result?.msg);
-          result.data.forEach(it => this.lwss.push({ key: it.id, label: it.facilityName, type: facilityType }))
+          result.data.forEach(it => this.lwss.push({ key: it.id, label: it.facilityName, type: it.facilityType }))
         }).catch((err) => {
-          Message.error("查询失败", err);
+          console.log('err', err)
+          Message.error("查询失败6", err);
         })
 
       ])
@@ -148,9 +149,15 @@ export default {
         if (this.index == 0 || this.index == 1) {
           formData.lang = formData.lang.join(',')
         }
-        if (this.index == 9) {
+        if (formData.endStakeMark) {
           let endStakeMark = formData.endStakeMark;
-          formData.dcEventAbnormalWeather.endStakeMark = (endStakeMark && endStakeMark.length > 0) ? ('K' + endStakeMark[0] + '+' + endStakeMark[1]) : '';
+          let strMark = (endStakeMark && endStakeMark.length > 0) ? ('K' + endStakeMark[0] + '+' + endStakeMark[1]) : '';
+          if (this.index == 3) {
+            formData.dcEventTrafficCongestion.endStakeMark = strMark;
+          }
+          if (this.index == 9) {
+            formData.dcEventAbnormalWeather.endStakeMark = strMark;
+          }
           formData.endStakeMark = '';
         }
         // console.log('formData',formData)
@@ -163,19 +170,17 @@ export default {
           data: {
             ...formData,
             eventType: Number(this.index) + 1,
-            stakeMark: (stakeMark && stakeMark.length > 0) ? ('K' + stakeMark[0] + '+' + stakeMark[1]) : '',
+            stakeMark: stakeMark ? ((stakeMark && stakeMark.length > 0) ? ('K' + stakeMark[0] + '+' + stakeMark[1]) : '') : '',
           }
+        }).then((result) => {
+          if (result.code != 200) return Message.error(result?.msg);
+          Message.success("提交成功");
+          this.modelVisible = false;
+        }).catch(() => {
+          Message.error("提交失败");
+        }).finally(() => {
+          this.submitting = false;
         })
-          .then((result) => {
-            if (result.code != 200) return Message.error(result?.msg);
-            Message.success("提交成功");
-            this.modelVisible = false;
-          })
-          .catch(() => {
-            Message.error("提交失败");
-          }).finally(() => {
-            this.submitting = false;
-          })
 
       })
 
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/data.js b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/data.js
index f958b6f8..a5423158 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/data.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/data.js
@@ -109,7 +109,7 @@ export const gjSearchFormList = [
     required: false,
     type: "datePicker",
     options: {
-      type: "daterange",
+      type: "datetimerange",
       format: "yyyy-MM-dd HH:mm:ss",
       valueFormat: "yyyy-MM-dd HH:mm:ss",
     },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue
index e60d42f8..6240f771 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue
@@ -43,7 +43,7 @@
     </div>
 
     <!-- "详情"弹出框 -->
-    <EventDetailDialog :visible="eventDetailDialogVisible" :formData="detailDialogFormData" @update:value="handleClose" />
+    <EventDetailDialog :visible="eventDetailDialogVisible" :formData="detailDialogFormData" :activeName="activeName" @update:value="handleClose" />
     <!-- "新增"弹出框 -->
     <FormEvent :visible="isShowAddNew" @close="onCloseAddNew" />
   </div>
@@ -87,6 +87,11 @@ const directionMapping = {
   '2': '中',
   '3': '下行'
 }
+const gzDirectionMapping = {
+  '1': '菏泽方向',
+  '2': '双向',
+  '3': '济南方向'
+}
 const warningStateMapping = {
   1: '上报',
   2: '已完成',
@@ -184,7 +189,7 @@ export default {
         }).then((result) => {
           if (result.code != 200) return Message.error(result?.msg);
           result.rows.forEach(it => {
-            it.stringEventSource = warningSourceMapping[it.warningSource];
+            it.stringEventSource = it?.warningSource ? warningSourceMapping[it?.warningSource] : '';
             it.stringDirection = directionMapping[it.direction] || it.direction;
             it.startTime = it.warningTime;
 
@@ -205,6 +210,13 @@ export default {
           params: this.searchData,
         }).then((result) => {
           if (result.code != 200) return Message.error(result?.msg);
+          result.rows.forEach(it => {
+            it.stringDirection = gzDirectionMapping[it.direction] || it.direction;
+            // if (it.otherConfig) {
+            //   let otherConfig = JSON.parse(it.otherConfig);
+            //   it.pictures = otherConfig.pictures || [];
+            // }
+          })
           this.data = result.rows;
           this.total = result.total;
         });
@@ -290,7 +302,7 @@ export default {
           if (result.code != 200) return Message.error(result?.msg);
           let data = result.data;
 
-          data.stringEventSource = warningSourceMapping[data.warningSource];
+          data.stringEventSource = data?.warningSource ? warningSourceMapping[data.warningSource] : '';
           data.direction = directionMapping[data.direction] || data.direction;
           data.startTime = data.warningTime;
           data.stringEventState = warningStateMapping[data.warningState];
@@ -341,7 +353,7 @@ export default {
         ...this.searchData,
         eventType: data.eventType,
         eventSources: data.eventSources,
-        warningSource: data.warningSource,
+        warningSource: data?.warningSource || '',
         direction: data.direction,
         startTime: daterange && daterange.length > 0 ? daterange[0] : "",
         endTime: daterange && daterange.length > 0 ? daterange[1] : "",
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsDay/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsDay/assets/charts.js
index 44e0963a..5ccc5558 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsDay/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsDay/assets/charts.js
@@ -49,7 +49,7 @@ var options = {
   yAxis: [
     {
       type: "value",
-      name: "（件）",
+      name: "(起)       ",
       nameTextStyle: {
         color: "#E5E7E8",
         fomtSize: 10,
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/index.vue
index f6c93929..7d1a22ce 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/index.vue
@@ -1,39 +1,86 @@
 <template>
-  <div class='congestion'>
+  <div class="congestion">
     <WgtTitle :title="'事件分析'"></WgtTitle>
     <div class="main-board">
       <div class="board board-m">
         <div class="searchPanel_1">
           <!-- <el-from ref="form"> -->
-          <RadioGroup :options="[{ key: '1', label: '菏泽' }, { key: '3', label: '济南' }]" v-model="direction"
-            type="button" />
-          <el-select v-model="type" size="mini" class="selectRoad" placeholder="请选择">
-            <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value">
+          <RadioGroup
+            :options="[
+              { key: '1', label: '菏泽' },
+              { key: '3', label: '济南' },
+            ]"
+            v-model="direction"
+            type="button"
+          />
+          <el-select
+            v-model="type"
+            size="mini"
+            class="selectRoad"
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in typeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
             </el-option>
           </el-select>
-          <el-select v-model="quarter" size="medium" v-if="type == '3'" class="selectRoad-medium" placeholder="请选择">
-            <el-option v-for="item in quarterOptions" :key="item.value" :label="item.label" :value="item.value">
+          <el-select
+            v-model="quarter"
+            size="medium"
+            v-if="type == '3'"
+            class="selectRoad-medium"
+            placeholder="请选择"
+            style="width: 140px"
+          >
+            <el-option
+              v-for="item in quarterOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
             </el-option>
           </el-select>
           <!-- <el-quarter-picker size="mini" class="selectRoad" style="width:180px;" v-if="type == '3'" v-model="dateTime"
             aria-placeholder="请选季度" /> -->
-          <el-date-picker size="mini" v-if="type != '3'" class="selectRoad" v-model="dateTime" style="width:140px;"
-            :type="type == 1 ? 'date' : type == 2 ? 'month' : type == 4 ? 'year' : ''" placeholder="请选择" />
-
-
-          <el-button type="primary" size="mini" class="btnSearch" @click="searchQuery"
-            icon="el-icon-search">查询</el-button>
-          <el-button class="btnReset" size="mini" icon="el-icon-refresh-left" @click="handleClear">重置</el-button>
+          <el-date-picker
+            size="mini"
+            v-if="type != '3'"
+            class="selectRoad"
+            v-model="dateTime"
+            style="width: 140px"
+            :type="
+              type == 1 ? 'date' : type == 2 ? 'month' : type == 4 ? 'year' : ''
+            "
+            placeholder="请选择"
+          />
+
+          <el-button
+            type="primary"
+            size="mini"
+            class="btnSearch"
+            @click="searchQuery"
+            icon="el-icon-search"
+            >查询</el-button
+          >
+          <el-button
+            class="btnReset"
+            size="mini"
+            icon="el-icon-refresh-left"
+            @click="handleClear"
+            >重置</el-button
+          >
           <!-- </el-from> -->
-
         </div>
-        <div class="charts keep-ratio " id="chart1"></div>
+        <div class="charts keep-ratio" id="chart1"></div>
       </div>
       <div class="board board-l">
-        <div class="charts keep-ratio " id="chart2"></div>
+        <div class="charts keep-ratio" id="chart2"></div>
       </div>
       <div class="board board-s">
-        <div class="charts keep-ratio " id="chart3"></div>
+        <div class="charts keep-ratio" id="chart3"></div>
       </div>
     </div>
   </div>
@@ -42,18 +89,22 @@
 <script>
 import moment from "moment";
 import WgtTitle from "@screen/pages/perception/widgets/title";
-import RadioGroup from '@screen/components/FormConfig/components/RadioGroup/index.vue';
+import RadioGroup from "@screen/components/FormConfig/components/RadioGroup/index.vue";
 import * as echarts from "echarts";
 import chartsStatistics from "./assets/charts";
 import chartsStatistics2 from "./assets/charts2";
 import chartsStatistics3 from "./assets/charts3";
-import { selectRoadSection, selectEventType, selectAccidentVehicle } from "@/api/event/governanceAnalysis"
+import {
+  selectRoadSection,
+  selectEventType,
+  selectAccidentVehicle,
+} from "@/api/event/governanceAnalysis";
 
 export default {
-  name: 'postTrendsMonth',
+  name: "postTrendsMonth",
   components: {
     WgtTitle,
-    RadioGroup
+    RadioGroup,
   },
   data() {
     return {
@@ -61,109 +112,108 @@ export default {
       type: "1",
       typeOptions: [
         {
-          label: '年',
-          value: '4'
+          label: "年",
+          value: "4",
         },
         {
-          label: '月',
-          value: '2'
+          label: "月",
+          value: "2",
         },
         {
-          label: '日',
-          value: '1'
+          label: "日",
+          value: "1",
         },
         {
-          label: '季',
-          value: '3'
-        }
+          label: "季",
+          value: "3",
+        },
       ],
-      quarter: '1',
+      quarter: "1",
       quarterOptions: [
         {
           label: "第一季度",
-          value: "1"
+          value: "1",
         },
         {
           label: "第二季度",
-          value: "2"
+          value: "2",
         },
         {
           label: "第三季度",
-          value: "3"
+          value: "3",
         },
         {
           label: "第四季度",
-          value: "4"
-        }
+          value: "4",
+        },
       ],
-      dateTime: "2024-01-01 00:00:00"
-    }
+      dateTime: "2024-01-01 00:00:00",
+    };
   },
 
   async created() {
-    await this.searchQuery()
+    await this.searchQuery();
   },
   methods: {
     getSelectRoadSection(formData) {
       return selectRoadSection(formData).then((res) => {
         // console.log("接口返回数据", res.data)
-        let sectionNameData = []
-        let avgNumData = []
-        let lastNumData = []
-        let numData = []
-        let mileageData = []
-        res.data.forEach(item => {
-          avgNumData.push(item.avgNum)
-          lastNumData.push(item.lastNum)
-          numData.push(item.num)
-          mileageData.push(item.mileage)
-          sectionNameData.push(item.section_name)
+        let sectionNameData = [];
+        let avgNumData = [];
+        let lastNumData = [];
+        let numData = [];
+        let mileageData = [];
+        res.data.forEach((item) => {
+          avgNumData.push(item.avgNum);
+          lastNumData.push(item.lastNum);
+          numData.push(item.num);
+          mileageData.push(item.mileage);
+          sectionNameData.push(item.section_name);
         });
-        chartsStatistics.series[0].data = numData //事故总量
-        chartsStatistics.series[1].data = avgNumData //百公里事故总量
-        chartsStatistics.series[2].data = lastNumData //去年事故总量
-        chartsStatistics.series[3].data = mileageData //路段里程数
-        chartsStatistics.xAxis.data = sectionNameData
-      })
+        chartsStatistics.series[0].data = numData; //事故总量
+        chartsStatistics.series[1].data = avgNumData; //百公里事故总量
+        chartsStatistics.series[2].data = lastNumData; //去年事故总量
+        chartsStatistics.series[3].data = mileageData; //路段里程数
+        chartsStatistics.xAxis.data = sectionNameData;
+      });
     },
     getSelectEventType(formData) {
       return selectEventType(formData).then((res) => {
         // console.log("_____________", res.data)
-        let lastAvgTimeData = []
-        let avgTimeData = []
-        let numData = []
-        let lastNumData = []
-        let eventSubclassData = []
+        let lastAvgTimeData = [];
+        let avgTimeData = [];
+        let numData = [];
+        let lastNumData = [];
+        let eventSubclassData = [];
         res.data.forEach((item) => {
-          lastAvgTimeData.push(item.lastAvgTime)
-          numData.push(item.num)
-          avgTimeData.push(item.avgTime)
-          lastNumData.push(item.lastNum)
-          eventSubclassData.push(item.eventSubclassName)
-          chartsStatistics2.series[0].data = numData //事件数量
-          chartsStatistics2.series[1].data = lastNumData //去年同期数量
-          chartsStatistics2.series[2].data = avgTimeData //平均处置时长
-          chartsStatistics2.series[3].data = lastAvgTimeData //去年同期平均处置时长
-          chartsStatistics2.xAxis.data = eventSubclassData
-        })
-
-      })
+          lastAvgTimeData.push(item.lastAvgTime);
+          numData.push(item.num);
+          avgTimeData.push(item.avgTime);
+          lastNumData.push(item.lastNum);
+          eventSubclassData.push(item.eventSubclassName);
+          chartsStatistics2.series[0].data = numData; //事件数量
+          chartsStatistics2.series[1].data = lastNumData; //去年同期数量
+          chartsStatistics2.series[2].data = avgTimeData; //平均处置时长
+          chartsStatistics2.series[3].data = lastAvgTimeData; //去年同期平均处置时长
+          chartsStatistics2.xAxis.data = eventSubclassData;
+        });
+      });
     },
     getSelectAccidentVehicle(formData) {
       return selectAccidentVehicle(formData).then((res) => {
         // console.log("______", res.data)
-        let typeNameData = []
-        let numData = []
-        let avgTimeData = []
+        let typeNameData = [];
+        let numData = [];
+        let avgTimeData = [];
         res.data.forEach((item) => {
-          typeNameData.push(item.typeName)
-          numData.push(item.num)
-          avgTimeData.push(item.avgTime)
-        })
-        chartsStatistics3.series[0].data = numData //事件数量（起）
-        chartsStatistics3.series[1].data = avgTimeData //平均处置时长（分钟）
-        chartsStatistics3.xAxis.data = typeNameData
-      })
+          typeNameData.push(item.typeName);
+          numData.push(item.num);
+          avgTimeData.push(item.avgTime);
+        });
+        chartsStatistics3.series[0].data = numData; //事件数量（起）
+        chartsStatistics3.series[1].data = avgTimeData; //平均处置时长（分钟）
+        chartsStatistics3.xAxis.data = typeNameData;
+      });
     },
     async searchQuery() {
       let startTime = "";
@@ -171,16 +221,16 @@ export default {
         let year = moment().year();
         // console.log(year, this.quarter);
         if (this.quarter == 1) {
-          startTime = `${year}-01-01 00:00:00`
+          startTime = `${year}-01-01 00:00:00`;
         } else if (this.quarter == 2) {
-          startTime = `${year}-04-01 00:00:00`
+          startTime = `${year}-04-01 00:00:00`;
         } else if (this.quarter == 3) {
-          startTime = `${year}-07-01 00:00:00`
+          startTime = `${year}-07-01 00:00:00`;
         } else {
-          startTime = `${year}-10-01 00:00:00`
+          startTime = `${year}-10-01 00:00:00`;
         }
       } else {
-        startTime = moment(this.dateTime).format('YYYY-MM-DD HH:mm:ss')
+        startTime = moment(this.dateTime).format("YYYY-MM-DD HH:mm:ss");
       }
       // let data = {
       //   direction: this.direction,
@@ -191,38 +241,35 @@ export default {
       formData.append("direction", this.direction);
       formData.append("type", this.type);
       formData.append("startTime", startTime);
-      await this.getSelectRoadSection(formData)
-      await this.getSelectEventType(formData)
-      await this.getSelectAccidentVehicle(formData)
-      this.renderCharts()
-
+      await this.getSelectRoadSection(formData);
+      await this.getSelectEventType(formData);
+      await this.getSelectAccidentVehicle(formData);
+      this.renderCharts();
     },
     handleClear() {
-      this.direction = "1"
-      this.type = "1"
-      this.quarter = "1"
-      this.dateTime = "2024-01-01 00:00:00"
+      this.direction = "1";
+      this.type = "1";
+      this.quarter = "1";
+      this.dateTime = "2024-01-01 00:00:00";
     },
     renderCharts() {
       this.$nextTick(() => {
-        var myChart = echarts.init(document.getElementById('chart1'));
+        var myChart = echarts.init(document.getElementById("chart1"));
         myChart.setOption(chartsStatistics);
 
-        var myChart1 = echarts.init(document.getElementById('chart2'));
+        var myChart1 = echarts.init(document.getElementById("chart2"));
         myChart1.setOption(chartsStatistics2);
 
-        var myChart2 = echarts.init(document.getElementById('chart3'));
+        var myChart2 = echarts.init(document.getElementById("chart3"));
         myChart2.setOption(chartsStatistics3);
       });
     },
   },
-  mounted() {
-
-  },
-}
+  mounted() {},
+};
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .congestion {
   width: 100%;
 
@@ -245,7 +292,6 @@ export default {
 
   .board-s {
     width: calc(100% / 6 * 1) !important;
-
   }
 
   .board {
@@ -257,7 +303,12 @@ export default {
     border-radius: 5px 5px 5px 5px;
     opacity: 1;
     border: 1px solid;
-    border-image: linear-gradient(360deg, rgba(55, 231, 255, 0.3), rgba(55, 231, 255, 0)) 1 1;
+    border-image: linear-gradient(
+        360deg,
+        rgba(55, 231, 255, 0.3),
+        rgba(55, 231, 255, 0)
+      )
+      1 1;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -298,7 +349,7 @@ export default {
 
       .selectRoad {
         width: 89px;
-        border: 1px solid #00B3CC;
+        border: 1px solid #00b3cc;
 
         ::v-deep {
           .el-input__inner {
@@ -310,7 +361,7 @@ export default {
 
       .selectRoad-medium {
         width: 120px;
-        border: 1px solid #00B3CC;
+        border: 1px solid #00b3cc;
 
         ::v-deep {
           .el-input__inner {
@@ -321,20 +372,17 @@ export default {
       }
 
       .btnSearch {
-        background: linear-gradient(180deg, #005C79 0%, #009BCC 100%);
+        background: linear-gradient(180deg, #005c79 0%, #009bcc 100%);
         margin-left: 10px;
         border-color: transparent;
       }
 
       .btnReset {
-        background: linear-gradient(180deg, #005C79 0%, #009BCC 100%);
-        ;
+        background: linear-gradient(180deg, #005c79 0%, #009bcc 100%);
         border-color: transparent;
         color: white;
       }
     }
-
-
   }
 }
 
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/assets/charts.js
index 46e7091f..c935e8b8 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/assets/charts.js
@@ -55,7 +55,7 @@ var options = {
       });
       return `{ast|${obj[0].name}}     {bst|${Math.round(
         (obj[0].value / count) * 100
-      )}%}    {cst|${obj[0].value}件}`;
+      )}%}    {cst|${obj[0].value}起}`;
     },
     data: echartsData?.map((x) => x),
   },
@@ -66,7 +66,7 @@ var options = {
     {
       name: "",
       type: "pie",
-      radius: "120px",
+      radius: "60px",
       width: "200px",
       center: ["130px", "50%"],
       roseType: "radius",
@@ -111,7 +111,7 @@ var options = {
     {
       name: "",
       type: "pie",
-      radius: "130px",
+      radius: "70px",
       hoverAnimation: false,
       emphasis: { scale: false },
       center: ["130px", "50%"],
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/index.vue
index bef82428..96e1de1c 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dailyDisposal/index.vue
@@ -66,6 +66,7 @@ export default {
               for (let i = 0; i < data.length; i++) {
                 let it = data[i];
                 if (it.warningState == 1) {
+                  // it.number = 86;
                   echartsData.push({
                     name: "上报",
                     value: it.number
@@ -141,10 +142,10 @@ export default {
         context.lineWidth = 1; // 设置线段宽度
 
         // 绘制圆角矩形
-        drawRoundRect(context, 242, 36, 180, 24, 12, gr)
-        drawRoundRect(context, 242, 63, 180, 24, 12, gr)
-        drawRoundRect(context, 242, 90, 180, 24, 12, gr)
-        drawRoundRect(context, 242, 117, 180, 24, 12, gr)
+        drawRoundRect(context, 230, 36, 180, 24, 12, gr)
+        drawRoundRect(context, 230, 63, 180, 24, 12, gr)
+        drawRoundRect(context, 230, 90, 180, 24, 12, gr)
+        drawRoundRect(context, 230, 117, 180, 24, 12, gr)
       });
     });
   },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts.js
index c08c28e5..a6f7a624 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts.js
@@ -60,7 +60,7 @@ nameList.map((item, index) => {
 
 var options = {
   grid: {
-    top: "7%", //上边距
+    top: "15%", //上边距
     right: "0", //右边距
     left: "0", //左边距
     bottom: "2%", //下边距
@@ -88,14 +88,14 @@ var options = {
   yAxis: [
     {
       type: "value",
-      name: "",
+      name: "(起)       ",
       splitNumber: 5,
       nameTextStyle: {
-        color: "#B6E6FF",
+        color: "#fff",
         fontSize: 10,
-        fontFamily: "Source Han Sans CN-Regular",
-        align: "left",
-        verticalAlign: "center",
+        // fontFamily: "Source Han Sans CN-Regular",
+        // align: "left",
+        // verticalAlign: "center",
       },
       axisLabel: {
         fontSize: "10px",
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts3.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts3.js
index e1183d2a..a2069848 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts3.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/assets/charts3.js
@@ -53,13 +53,13 @@ let options = {
     {
       name: "(起)       ",
       nameTextStyle: {
-        color: "#E5E7E8",
+        color: "#fff",
         fomtSize: 10,
       },
       min: 0,
       axisLine: {
         lineStyle: {
-          color: "#1C82C5",
+          color: "#fff",
         },
       },
       splitLine: {
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index copy.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index copy.vue
index eb1975e4..ab9ea83e 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index copy.vue	
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index copy.vue	
@@ -437,7 +437,7 @@ export default {
         getRoadSectionList().then(res => {
           console.log(res);
           if (res.code == 200) {
-            let rows = res.rows;
+            let rows = res.data;
             this.dataList = [];
             rows.forEach(it => {
               this.dataList.push({
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
index b48b5391..9abb5d86 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
@@ -1,125 +1,224 @@
 <template>
-  <div class='congestion'>
+  <div class="congestion">
     <div class="board">
-      <ProgressBar class="keep-ratio" @selectItem="selectProgress" :dataList="dataList" :selectIndex="selectIndex" />
+      <ProgressBar
+        class="keep-ratio"
+        @selectItem="selectProgress"
+        :dataList="dataList"
+        :selectIndex="selectIndex"
+      />
       <div class="searchPanel">
-        <RadioGroup :options="[{ key: '1', label: '菏泽' }, { key: '3', label: '济南' }]" v-model="direction" type="button" />
-        <el-select v-model="type" size="mini" class="selectRoad" placeholder="请选择">
-          <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value">
+        <RadioGroup
+          :options="[
+            { key: '1', label: '菏泽' },
+            { key: '3', label: '济南' },
+          ]"
+          v-model="direction"
+          type="button"
+        />
+        <el-select
+          v-model="type"
+          size="mini"
+          class="selectRoad"
+          placeholder="请选择"
+        >
+          <el-option
+            v-for="item in typeOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
           </el-option>
         </el-select>
-        <el-select v-model="quarter" size="medium" v-if="type == 'quarter'" class="selectRoad-medium" placeholder="请选择">
-          <el-option v-for="item in quarterOptions" :key="item.value" :label="item.label" :value="item.value"
-            style="width:140px;">
+        <el-select
+          v-model="quarter"
+          size="medium"
+          v-if="type == 'quarter'"
+          class="selectRoad-medium"
+          placeholder="请选择"
+        >
+          <el-option
+            v-for="item in quarterOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+            style="width: 140px"
+          >
           </el-option>
         </el-select>
-        <el-date-picker size="mini" v-if="type != 'quarter'" class="selectRoad" v-model="dateTime" style="width:140px;"
-          :type="type == 'date' ? 'date' : type == 'month' ? 'month' : type == 'year' ? 'year' : ''" placeholder="请选择"
-          :clearable="false" />
-
-        <el-button type="primary" size="mini" class="btnSearch" @click="searchQuery" icon="el-icon-search">查询</el-button>
-        <el-button class="btnReset" size="mini" icon="el-icon-refresh-left" @click="onReset">重置</el-button>
+        <el-date-picker
+          size="mini"
+          v-if="type != 'quarter'"
+          class="selectRoad"
+          v-model="dateTime"
+          style="width: 140px"
+          :type="
+            type == 'date'
+              ? 'date'
+              : type == 'month'
+              ? 'month'
+              : type == 'year'
+              ? 'year'
+              : ''
+          "
+          placeholder="请选择"
+          :clearable="false"
+        />
+
+        <el-button
+          type="primary"
+          size="mini"
+          class="btnSearch"
+          @click="searchQuery"
+          icon="el-icon-search"
+          >查询</el-button
+        >
+        <el-button
+          class="btnReset"
+          size="mini"
+          icon="el-icon-refresh-left"
+          @click="onReset"
+          >重置</el-button
+        >
       </div>
     </div>
 
     <div class="body">
       <div>
         <WgtTitle :title="'感知事件趋势分析'"></WgtTitle>
-        <Empty v-show="!chart1List || chart1List.length <= 0" text="暂无数据..."></Empty>
-        <div v-show="chart1List || chart1List.length > 0" id="chart1" class="btnChart" />
+        <Empty
+          v-show="!chart1List || chart1List.length <= 0"
+          text="暂无数据..."
+        ></Empty>
+        <div
+          v-show="chart1List || chart1List.length > 0"
+          id="chart1"
+          class="btnChart"
+        />
       </div>
 
       <div>
         <WgtTitle :title="'感知事件类型分析'"></WgtTitle>
-        <Empty v-show="!chart2List || chart2List.length <= 0" text="暂无数据..."></Empty>
-        <div id="chart2" class="btnChart" />
+        <Empty
+          v-show="!chart2List || chart2List.length <= 0"
+          text="暂无数据..."
+        ></Empty>
+        <div
+          v-show="chart2List || chart2List.length > 0"
+          id="chart2"
+          class="btnChart"
+        />
       </div>
 
       <div>
         <WgtTitle :title="'桩号范围内事件分析趋势'"></WgtTitle>
-        <Empty v-show="!chart3List || chart3List.length <= 0" text="暂无数据..."></Empty>
-        <div id="chart3" class="btnChart" />
+        <Empty
+          v-show="!chart3List || chart3List.length <= 0"
+          text="暂无数据..."
+        ></Empty>
+        <div
+          v-show="chart3List || chart3List.length > 0"
+          id="chart3"
+          class="btnChart"
+        />
       </div>
     </div>
-
   </div>
 </template>
-  
-<script>
 
-import WgtTitle from '../../../widgets/title'
-import RadioGroup from '@screen/components/FormConfig/components/RadioGroup/index.vue';
-import ProgressBar from './progressBar';
+<script>
+import WgtTitle from "../../../widgets/title";
+import RadioGroup from "@screen/components/FormConfig/components/RadioGroup/index.vue";
+import ProgressBar from "./progressBar";
 import * as echarts from "echarts";
 import chart1 from "./assets/charts";
 import chart2 from "./assets/charts2";
 import chart3 from "./assets/charts3";
-import ElQuarterPicker from './ElQuarterPicker'
-import { getWarningTrend, getWarningSectionType, getSectionMarkNumber, getRoadSectionList } from '../../../../../../../api/event/perceiveEvent';
+import ElQuarterPicker from "./ElQuarterPicker";
+import {
+  getWarningTrend,
+  getWarningSectionType,
+  getSectionMarkNumber,
+  getRoadSectionList,
+} from "../../../../../../../api/event/perceiveEvent";
 
 const drawRoundRect = (ctx, x, y, width, height, radius, gr) => {
-  // ctx, 矩形距离x坐标位置, 矩形距离y坐标的位置, 矩形的宽, 矩形的长,圆角角度 
+  // ctx, 矩形距离x坐标位置, 矩形距离y坐标的位置, 矩形的宽, 矩形的长,圆角角度
   ctx.beginPath();
   ctx.fillStyle = gr;
-  ctx.arc(x + radius, y + radius, radius, Math.PI, Math.PI * 3 / 2);
+  ctx.arc(x + radius, y + radius, radius, Math.PI, (Math.PI * 3) / 2);
   ctx.lineTo(width - radius + x, y);
-  ctx.arc(width - radius + x, radius + y, radius, Math.PI * 3 / 2, Math.PI * 2);
+  ctx.arc(
+    width - radius + x,
+    radius + y,
+    radius,
+    (Math.PI * 3) / 2,
+    Math.PI * 2
+  );
   ctx.lineTo(width + x, height + y - radius);
-  ctx.arc(width - radius + x, height - radius + y, radius, 0, Math.PI * 1 / 2);
+  ctx.arc(
+    width - radius + x,
+    height - radius + y,
+    radius,
+    0,
+    (Math.PI * 1) / 2
+  );
   ctx.lineTo(radius + x, height + y);
-  ctx.arc(radius + x, height - radius + y, radius, Math.PI * 1 / 2, Math.PI);
+  ctx.arc(radius + x, height - radius + y, radius, (Math.PI * 1) / 2, Math.PI);
   ctx.closePath();
   //ctx.stroke();
-  ctx.fill()
-}
+  ctx.fill();
+};
 
 export default {
-  name: 'EventQuery',
+  name: "EventQuery",
   components: {
     WgtTitle,
     ProgressBar,
     ElQuarterPicker,
-    RadioGroup
+    RadioGroup,
   },
   data() {
     return {
       typeOptions: [
         {
-          value: 'year',
-          label: '年'
-        }, {
-          value: 'month',
-          label: '月'
+          value: "year",
+          label: "年",
+        },
+        {
+          value: "month",
+          label: "月",
         },
         {
-          value: 'date',
-          label: '日'
+          value: "date",
+          label: "日",
         },
         {
-          value: 'quarter',
-          label: '季'
-        }],
-      quarter: '1',
+          value: "quarter",
+          label: "季",
+        },
+      ],
+      quarter: "1",
       quarterOptions: [
         {
           label: "第一季度",
-          value: "1"
+          value: "1",
         },
         {
           label: "第二季度",
-          value: "2"
+          value: "2",
         },
         {
           label: "第三季度",
-          value: "3"
+          value: "3",
         },
         {
           label: "第四季度",
-          value: "4"
-        }
+          value: "4",
+        },
       ],
       dateTime: "2024",
-      direction: '1',
+      direction: "1",
       dataList: [],
       selectIndex: 3,
       selectId: 3,
@@ -128,36 +227,70 @@ export default {
       chart2List: [],
       chart3List: [],
       list: [
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' },
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' },
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' },
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' },
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' },
-        { name: '大学城-长清', direction: '济南方向', state: "正常", speed: '108.14km/h', follow: '161' }
-      ]
-    }
-  },
-  created() {
-
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+        {
+          name: "大学城-长清",
+          direction: "济南方向",
+          state: "正常",
+          speed: "108.14km/h",
+          follow: "161",
+        },
+      ],
+    };
   },
+  created() {},
   methods: {
-    selectProgress(item, index,) {
-      this.selectIndex = index
+    selectProgress(item, index) {
+      this.selectIndex = index;
       this.selectId = item.id;
-      this.searchQuery()
+      this.searchQuery();
     },
     onReset() {
-      this.direction = '1';
+      this.direction = "1";
       this.type = "year";
-      this.dateTime = '2024';
+      this.dateTime = "2024";
       this.selectId = this.dataList[0].id;
-      this.selectIndex = 1
+      this.selectIndex = 1;
     },
     searchQuery() {
       let startTime = "";
-      let qType = this.type == 'date' ? 'day' : this.type;
+      let qType = this.type == "date" ? "day" : this.type;
       if (this.type == "quarter") {
-        console.log('dateTime', this.quarter)
+        console.log("dateTime", this.quarter);
         // let year = moment().year();
         // if (this.quarter == 1) {
         //   startTime = `${year}-01-01 00:00:00`
@@ -169,30 +302,31 @@ export default {
         //   startTime = `${year}-10-01 00:00:00`
         // }
       } else {
-        startTime = moment(this.dateTime).format('YYYY-MM-DD HH:mm:ss')
+        startTime = moment(this.dateTime).format("YYYY-MM-DD HH:mm:ss");
       }
-      console.log("startTime", startTime)
-
+      console.log("startTime", startTime);
 
       //感知事件趋势
       getWarningTrend({
-        "type": qType,
-        "sectionId": this.selectId,
-        "createTime": startTime,
-        "direction": this.direction,
-        "quarter": this.quarter
-      }).then(res => {
+        type: qType,
+        sectionId: this.selectId,
+        createTime: startTime,
+        direction: this.direction,
+        quarter: this.quarter,
+      }).then((res) => {
         if (res.code == 200) {
-          this.chart1List = res.data
+          this.chart1List = res.data;
           let data = res.data;
           chart1.series[0].data = [];
           chart1.xAxis.data = [];
           if (data.length > 0) {
-            const maxObject = data.reduce((prev, current) => (current.number > prev.number ? current : prev));
+            const maxObject = data.reduce((prev, current) =>
+              current.number > prev.number ? current : prev
+            );
             let xData = [];
             let numbers = [];
 
-            data.forEach(it => {
+            data.forEach((it) => {
               if (this.type == "year") {
                 xData.push(it.month + "月");
               }
@@ -203,42 +337,45 @@ export default {
                 xData.push(it.time.split(" ")[1] + "时");
               }
               if (this.type == "quarter") {
-                xData.push(it.month + '月');
+                xData.push(it.month + "月");
               }
               if (it.number == maxObject.number) {
                 numbers.push({
                   value: it.number,
                   itemStyle: {
                     color: {
-                      type: 'linear',
+                      type: "linear",
                       x: 0,
                       y: 0,
                       x2: 0,
                       y2: 1,
-                      colorStops: [{
-                        offset: 0, color: '#FFB904' // 0% 处的颜色
-                      }, {
-                        offset: 1, color: '#FF6969' // 100% 处的颜色
-                      }],
-                      global: false // 缺省为 false
+                      colorStops: [
+                        {
+                          offset: 0,
+                          color: "#FFB904", // 0% 处的颜色
+                        },
+                        {
+                          offset: 1,
+                          color: "#FF6969", // 100% 处的颜色
+                        },
+                      ],
+                      global: false, // 缺省为 false
                     },
-                    borderRadius: 6
-                  }
+                    borderRadius: 6,
+                  },
                 });
               } else {
                 numbers.push({
                   value: it.number,
                   itemStyle: {
-                    borderRadius: 6
-                  }
+                    borderRadius: 6,
+                  },
                 });
               }
-
-            })
+            });
 
             chart1.xAxis.data = xData;
             chart1.series[0].data = numbers;
-
           }
         }
         this.myChart1.setOption(chart1);
@@ -246,17 +383,17 @@ export default {
 
       //类型占比
       getWarningSectionType({
-        "type": qType,
-        "sectionId": this.selectId,
-        "createTime": startTime,
-        "direction": this.direction,
-        "quarter": this.quarter
-      }).then(res => {
+        type: qType,
+        sectionId: this.selectId,
+        createTime: startTime,
+        direction: this.direction,
+        quarter: this.quarter,
+      }).then((res) => {
         chart2.series[0].data = [];
         if (res.code == 200) {
           let types = [];
           let numbers = [];
-          this.chart2List = res.data
+          this.chart2List = res.data;
           let data = res.data.warningTypeList;
           let total = res.data.total;
 
@@ -291,13 +428,13 @@ export default {
 
             numbers.push({
               name: types[types.length - 1],
-              value: it.number
+              value: it.number,
             });
-          })
+          });
           chart2.legend.data = types;
           chart2.legend.formatter = function (name) {
-            let total = 0
-            let target
+            let total = 0;
+            let target;
             for (let i = 0; i < numbers.length; i++) {
               total += numbers[i].value;
               if (types[i] == name) {
@@ -305,11 +442,11 @@ export default {
               }
             }
             var arr = [
-              '{a|' + name + '}',
-              '{b|' + ((target / total) * 100).toFixed(2) + '%}  ',
-              "{c|" + target + "件}",
-            ]
-            return arr.join(' ')
+              "{a|" + name + "}",
+              "{b|" + ((target / total) * 100).toFixed(2) + "%}  ",
+              "{c|" + target + "起}",
+            ];
+            return arr.join(" ");
           };
 
           chart2.title.text = `{zb|${total}}`;
@@ -335,23 +472,26 @@ export default {
           // })
         }
         this.myChart2.setOption(chart2);
-
-      })
+      });
       //路段范围内桩号分布
       getSectionMarkNumber({
-        "type": qType,
-        "sectionId": this.selectId,
-        "createTime": startTime,
-        "direction": this.direction,
-        "quarter": this.quarter
-      }).then(res => {
+        type: qType,
+        sectionId: this.selectId,
+        createTime: startTime,
+        direction: this.direction,
+        quarter: this.quarter,
+      }).then((res) => {
         chart3.series[0].data = [];
         chart3.series[1].data = [];
         chart3.xAxis.data = [];
         if (res.code == 200 && res.data.length > 0) {
-          this.chart3List = res.data
+          this.chart3List = res.data;
           let data = res.data;
-          const maxObject = data.filter(it => it.sectionNumber > 0).reduce((prev, current) => (current.sectionNumber > prev.sectionNumber ? current : prev));
+          const maxObject = data
+            .filter((it) => it.sectionNumber > 0)
+            .reduce((prev, current) =>
+              current.sectionNumber > prev.sectionNumber ? current : prev
+            );
           let zhs = [];
           let values1 = [];
           let values2 = [];
@@ -366,32 +506,36 @@ export default {
                   value: it.sectionNumber,
                   itemStyle: {
                     color: {
-                      type: 'linear',
+                      type: "linear",
                       x: 0,
                       y: 0,
                       x2: 0,
                       y2: 1,
-                      colorStops: [{
-                        offset: 0, color: '#01D5BC' // 0% 处的颜色
-                      }, {
-                        offset: 1, color: '#003B4E' // 100% 处的颜色
-                      }],
-                      global: false // 缺省为 false
+                      colorStops: [
+                        {
+                          offset: 0,
+                          color: "#01D5BC", // 0% 处的颜色
+                        },
+                        {
+                          offset: 1,
+                          color: "#003B4E", // 100% 处的颜色
+                        },
+                      ],
+                      global: false, // 缺省为 false
                     },
-                    borderRadius: 6
+                    borderRadius: 6,
                   },
-                })
+                });
               } else {
                 values1.push({
                   value: it.sectionNumber,
                   itemStyle: {
-                    borderRadius: 6
+                    borderRadius: 6,
                   },
-                })
+                });
               }
-
             }
-          })
+          });
 
           chart3.xAxis.data = zhs;
           chart3.series[0].data = values1;
@@ -399,7 +543,7 @@ export default {
         }
 
         this.myChart3.setOption(chart3);
-      })
+      });
       // if (this.type == "day")
       //   this.type = "date";
     },
@@ -407,19 +551,18 @@ export default {
   mounted() {
     setTimeout(() => {
       this.$nextTick(() => {
-
-        getRoadSectionList().then(res => {
+        getRoadSectionList().then((res) => {
           console.log(res);
           if (res.code == 200) {
-            let rows = res.rows;
+            let rows = res.data;
             this.dataList = [];
-            rows.forEach(it => {
+            rows.forEach((it) => {
               this.dataList.push({
                 title: it.sectionName.split("-")[0],
                 id: it.id,
               });
-            })
-            console.log("dataList", this.dataList)
+            });
+            console.log("dataList", this.dataList);
             // if (rows.length > 0) {
             //   let lastRoad = rows[rows.length - 1].sectionName.split("-")[1];
             //   this.dataList.push({
@@ -427,21 +570,17 @@ export default {
             //     id: rows[rows.length - 1].id,
             //   });
             // }
-
           }
           this.searchQuery();
+        });
 
-
-        })
-
-        var myChart1 = echarts.init(document.getElementById('chart1'));
+        var myChart1 = echarts.init(document.getElementById("chart1"));
         myChart1.setOption(chart1);
-        var myChart2 = echarts.init(document.getElementById('chart2'));
+        var myChart2 = echarts.init(document.getElementById("chart2"));
         myChart2.setOption(chart2);
-        var myChart3 = echarts.init(document.getElementById('chart3'));
+        var myChart3 = echarts.init(document.getElementById("chart3"));
         myChart3.setOption(chart3);
 
-
         this.myChart1 = myChart1;
         this.myChart2 = myChart2;
         this.myChart3 = myChart3;
@@ -449,11 +588,11 @@ export default {
         const domMap = document.getElementById("chart2");
         let parentDiv = domMap.firstChild;
         // 创建canvas
-        let canvas = document.createElement('canvas');
+        let canvas = document.createElement("canvas");
         canvas.width = parentDiv.offsetWidth;
         canvas.height = parentDiv.offsetHeight;
         parentDiv.appendChild(canvas);
-        const context = canvas.getContext('2d');
+        const context = canvas.getContext("2d");
         context.lineWidth = 1; // 设置线段宽度
 
         // 填充渐变颜色
@@ -510,15 +649,13 @@ export default {
         // gr.addColorStop(1, 'rgba(92,197,255,0)');
         // gr.addColorStop(0, 'rgba(92,197,255,0.5)');
         // drawRoundRect(context, 416, 208, 140, 24, 12, gr);
-
       });
-
     });
   },
-}
+};
 </script>
-  
-<style lang='scss' scoped>
+
+<style lang="scss" scoped>
 .congestion {
   width: 100%;
   position: relative;
@@ -529,12 +666,21 @@ export default {
     justify-content: space-evenly;
     font-size: 14px;
 
-    >div {
+    > div {
       width: 33%;
       height: 470px;
-      background: linear-gradient(180deg, rgba(6, 66, 88, 0.2) 0%, #064258 100%);
+      background: linear-gradient(
+        180deg,
+        rgba(6, 66, 88, 0.2) 0%,
+        #064258 100%
+      );
       border: 1px solid;
-      border-image: linear-gradient(360deg, rgba(55, 231, 255, 0.3), rgba(55, 231, 255, 0)) 1 1;
+      border-image: linear-gradient(
+          360deg,
+          rgba(55, 231, 255, 0.3),
+          rgba(55, 231, 255, 0)
+        )
+        1 1;
     }
 
     :nth-child(1) {
@@ -555,7 +701,6 @@ export default {
       width: 90%;
       margin: 95px auto 0;
     }
-
   }
 
   .board {
@@ -607,7 +752,7 @@ export default {
 
       .selectRoad {
         width: 100px;
-        border: 1px solid #00B3CC;
+        border: 1px solid #00b3cc;
 
         ::v-deep {
           .el-input__inner {
@@ -619,7 +764,7 @@ export default {
 
       .selectRoad-medium {
         width: 120px;
-        border: 1px solid #00B3CC;
+        border: 1px solid #00b3cc;
 
         ::v-deep {
           .el-input__inner {
@@ -630,19 +775,17 @@ export default {
       }
 
       .btnSearch {
-        background: linear-gradient(180deg, #005C79 0%, #009BCC 100%);
+        background: linear-gradient(180deg, #005c79 0%, #009bcc 100%);
         margin-left: 10px;
         border-color: transparent;
       }
 
       .btnReset {
-        background: linear-gradient(180deg, #005C79 0%, #009BCC 100%);
-        ;
+        background: linear-gradient(180deg, #005c79 0%, #009bcc 100%);
         border-color: transparent;
         color: white;
       }
     }
-
   }
 }
 
@@ -653,13 +796,54 @@ export default {
 </style>
 
 <style lang="scss">
-div.el-popover:has(> .el-date-picker) div .el-picker-panel__body .el-picker-panel__content table tr td.today span,
-div.el-popover:has(> .el-date-picker) div .el-picker-panel__body .el-picker-panel__content table tr td.today .cell,
-div.el-picker-panel.el-date-picker.el-popper div .el-picker-panel__body .el-picker-panel__content table tr td.today span,
-div.el-picker-panel.el-date-picker.el-popper div .el-picker-panel__body .el-picker-panel__content table tr td.today .cell,
-div.el-picker-panel.el-date-range-picker.el-popper div .el-picker-panel__body .el-picker-panel__content table tr td.today span,
-div.el-picker-panel.el-date-range-picker.el-popper div .el-picker-panel__body .el-picker-panel__content table tr td.today .cell {
-  color: #fff
+div.el-popover:has(> .el-date-picker)
+  div
+  .el-picker-panel__body
+  .el-picker-panel__content
+  table
+  tr
+  td.today
+  span,
+div.el-popover:has(> .el-date-picker)
+  div
+  .el-picker-panel__body
+  .el-picker-panel__content
+  table
+  tr
+  td.today
+  .cell,
+div.el-picker-panel.el-date-picker.el-popper
+  div
+  .el-picker-panel__body
+  .el-picker-panel__content
+  table
+  tr
+  td.today
+  span,
+div.el-picker-panel.el-date-picker.el-popper
+  div
+  .el-picker-panel__body
+  .el-picker-panel__content
+  table
+  tr
+  td.today
+  .cell,
+div.el-picker-panel.el-date-range-picker.el-popper
+  div
+  .el-picker-panel__body
+  .el-picker-panel__content
+  table
+  tr
+  td.today
+  span,
+div.el-picker-panel.el-date-range-picker.el-popper
+  div
+  .el-picker-panel__body
+  .el-picker-panel__content
+  table
+  tr
+  td.today
+  .cell {
+  color: #fff;
 }
 </style>
-  
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js
index 94541e3e..cbaa44bb 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js
@@ -77,7 +77,6 @@ var options = {
   tooltip: {
     confine: true,
     textStyle: {
-      fontSize: 10, // 字体大小
       color: "#333",
     },
     color: "#333",
@@ -135,7 +134,7 @@ var options = {
       var arr = [
         "{ast|" + name + "}",
         "{bst|" + (target * 100).toFixed(0) + "%  }",
-        "{cst|" + target+ "件}",
+        "{cst|" + target + "起}",
       ];
       return arr.join("  ");
     },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/monthStatistics/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/monthStatistics/assets/charts.js
index 14e3cc68..4929a73e 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/monthStatistics/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/monthStatistics/assets/charts.js
@@ -145,7 +145,7 @@ var options = {
     ],
   },
   yAxis: {
-    name: "(件)       ",
+    name: "(起)       ",
     nameTextStyle: {
       color: "#fff",
       fomtSize: 10,
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/assets/charts.js
index 4c9725b9..7fe27863 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/assets/charts.js
@@ -63,7 +63,7 @@ var options = {
       // console.log(obj);
       return `{ast|${obj[0].name}}    {bst|${
         Math.round((obj[0].value / count) * 100) || 0
-      }%} {cst|${obj[0].value}件}`;
+      }%} {cst|${obj[0].value}起}`;
     },
     // data: typeAnalysisData?.map(x => x.name),
   },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/TemperatureTrend/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/TemperatureTrend/assets/charts.js
index 2491f1bc..0b2afe4d 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/TemperatureTrend/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/TemperatureTrend/assets/charts.js
@@ -1,148 +1,152 @@
 import * as echarts from "echarts";
 var options = {
-
-   color: ["#5090FF", "#01B3E4"],
-   grid: {
-      left: "2%",
-      right: "5%",
-      bottom: "10%",
-      top: "10%",
-      containLabel: true,
-   },
-   legend: {
-      icon: 'rect',
-      top: '0%',
-      right: '5%',
-      data: ['实时数据'],
-      itemWidth:18,
-      itemHeight: 5,
-      itemGap: 30,
-      itemStyle:{
-         color:"#FFD15C",
-      },
-      textStyle: {
-        fontSize: 12,
-        color: '#fff',
-        padding: [0, 0, 0, 10],
-      },
-   },
-   xAxis: {
-      type: "category",
-      axisLine: {
-         lineStyle: {
-            color: "#BDD8FB",
-            fontSize: 12,
-         },
+  tooltip: {
+    show: true,
+    trigger: "axis",
+  },
+  color: "#FFD15C",
+  grid: {
+    left: "2%",
+    right: "5%",
+    bottom: "10%",
+    top: "10%",
+    containLabel: true,
+  },
+  legend: {
+    icon: "rect",
+    top: "0%",
+    right: "5%",
+    data: ["实时数据"],
+    itemWidth: 18,
+    itemHeight: 5,
+    itemGap: 30,
+    //  itemStyle: {
+    //    color: "#FFD15C",
+    //  },
+    textStyle: {
+      fontSize: 12,
+      color: "#fff",
+      padding: [0, 0, 0, 10],
+    },
+  },
+  xAxis: {
+    type: "category",
+    axisLine: {
+      lineStyle: {
+        color: "#FFD15C",
       },
-      axisLabel: {
-         // interval:0,
-         color: "#BDD8FB",
-         fontSize: 12,
-      },
-      axisTick: {
-         show: false,
+    },
+    axisLabel: {
+      // interval:0,
+      color: "#fff",
+      fontSize: 10,
+    },
+    axisTick: {
+      show: false,
+    },
+    data: [
+      "00:00",
+      "01:00",
+      "02:00",
+      "03:00",
+      "04:00",
+      "05:00",
+      "06:00",
+      "07:00",
+      "08:00",
+      "09:00",
+      "10:00",
+      "11:00",
+      "12:00",
+      "13:00",
+      "14:00",
+      "15:00",
+      "16:00",
+      "17:00",
+      "18:00",
+      "19:00",
+      "20:00",
+      "21:00",
+      "22:00",
+      "23:00",
+    ],
+  },
+  yAxis: {
+    type: "value",
+    min: 0,
+    max: 40,
+    minInterval: 1,
+    nameTextStyle: {
+      fontSize: 10,
+      color: "#fff",
+      align: "center",
+    },
+    splitLine: {
+      lineStyle: {
+        color: "rgba(255, 255, 255, 0.15)",
+        // type: 'dashed', // dotted 虚线
       },
+    },
+    splitArea: { show: false },
+    axisLine: {
+      show: false,
+    },
+    axisTick: {
+      show: false,
+    },
+    axisLabel: {
+      fontSize: 10,
+      fontFamily: "Bebas",
+      color: "#fff",
+    },
+  },
+  series: [
+    {
+      type: "line",
+      // symbol: "none",
+      showSymbol: false,
+      smooth: true, // 是否曲线
+      name: "实时数据", // 图例对应类别
       data: [
-         "00:00",
-         "01:00",
-         "02:00",
-         "03:00",
-         "04:00",
-         "05:00",
-         "06:00",
-         "07:00",
-         "08:00",
-         "09:00",
-         "10:00",
-         "11:00",
-         "12:00",
-         "13:00",
-         "14:00",
-         "15:00",
-         "16:00",
-         "17:00",
-         "18:00",
-         "19:00",
-         "20:00",
-         "21:00",
-         "22:00",
-         "23:00",
-      ],
-   },
-   yAxis: {
-      type: "value",
-      min: 0,
-      max:40,
-      minInterval: 1,
-      nameTextStyle: {
-         fontSize: 12,
-         color: "#BDD8FB",
-         align: "center",
-      },
-      splitLine: {
-         lineStyle: {
-            color: "rgba(255, 255, 255, 0.15)",
-            // type: 'dashed', // dotted 虚线
-         },
+        12, 12, 23, 23, 30, 12, 26, 28, 31, 23, 25, 12, 18, 18, 18, 18, 23, 21,
+        20, 20, 20, 20, 20, 22, 22, 12, 12, 12,
+      ], // 纵坐标数据
+      lineStyle: {
+        color: "#FFD15C",
       },
-      splitArea: { show: false },
-      axisLine: {
-         show: false,
-      },
-      axisTick: {
-         show: false,
-      },
-      axisLabel: {
-         fontSize: 12,
-         fontFamily: "Bebas",
-         color: "#BDD8FB",
-      },
-   },
-   series: [
-      {
-         type: "line",
-         // symbol: "none",
-         showSymbol: false,
-         smooth: true, // 是否曲线
-         name: "实时数据", // 图例对应类别
-         data: [12, 12, 23, 23, 30, 12, 26,28, 31, 23, 25, 12, 18, 18,18, 18, 23, 21, 20, 20, 20,20, 20, 22, 22, 12, 12, 12], // 纵坐标数据
-         lineStyle :{
-            color:"#FFD15C"
-         },
-         areaStyle: {
-            // 区域颜色
-            // color: new graphic.LinearGradient(0, 0, 0, 1, [
-            // 	{
-            // 		offset: 0,
-            // 		color: "#5090FF",
-            // 	},
-            // 	{
-            // 		offset: 1,
-            // 		color: "#1057E5",
-            // 	},
-            // ]),
-            color: {
-               type: 'linear',
-               x: 0,  //右
-               y: 0,  //下
-               x2: 0,  //左
-               y2: 1,  //上
-               colorStops: [
-                  {
-                     offset: 0.1,
-                     color: '#FFD15C99' // 0% 处的颜色
-                  },
-                  {
-                     offset: 1,
-                     opacity:0.01,
-                     color: '#FFD15C01' // 100% 处的颜色
-                  }
-               ]
+      areaStyle: {
+        // 区域颜色
+        // color: new graphic.LinearGradient(0, 0, 0, 1, [
+        // 	{
+        // 		offset: 0,
+        // 		color: "#5090FF",
+        // 	},
+        // 	{
+        // 		offset: 1,
+        // 		color: "#1057E5",
+        // 	},
+        // ]),
+        color: {
+          type: "linear",
+          x: 0, //右
+          y: 0, //下
+          x2: 0, //左
+          y2: 1, //上
+          colorStops: [
+            {
+              offset: 0.1,
+              color: "#FFD15C99", // 0% 处的颜色
+            },
+            {
+              offset: 1,
+              opacity: 0.01,
+              color: "#FFD15C01", // 100% 处的颜色
             },
-         },
+          ],
+        },
       },
-     
-   ],
+    },
+  ],
 };
 
-export default options;
\ No newline at end of file
+export default options;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/visibilityTrends/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/visibilityTrends/assets/charts.js
index ab037e02..8a1feaa5 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/visibilityTrends/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/meteorologyCheck/components/weatherInfoQuery/components/visibilityTrends/assets/charts.js
@@ -1,154 +1,156 @@
 import * as echarts from "echarts";
 var options = {
-
-   color: ["#5090FF", "#01B3E4"],
-   tooltip: {
-      trigger: "axis",
-      backgroundColor: "rgba(0,0,0,.6)",
-      borderColor: "rgba(147, 235, 248, .8)",
-      textStyle: {
-         color: "#FFF",
-      },
-   },
-   grid: {
-      left: "2%",
-      right: "5%",
-      bottom: "10%",
-      top: "10%",
-      containLabel: true,
-   },
-   legend: {
-      icon: 'rect',
-      top: '0%',
-      right: '5%',
-      data: ['实时数据'],
-      itemWidth:18,
-      itemHeight: 5,
-      itemGap: 30,
-      textStyle: {
-        fontSize: 12,
-        color: '#C9D2FA',
-        padding: [0, 0, 0, 10],
-      },
-   },
-   xAxis: {
-      type: "category",
-      axisLine: {
-         lineStyle: {
-            color: "#BDD8FB",
-            fontSize: 12,
-         },
+  color: "#0783FA",
+  tooltip: {
+    show: true,
+    trigger: "axis",
+    // backgroundColor: "rgba(0,0,0,.6)",
+    // borderColor: "rgba(147, 235, 248, .8)",
+    // textStyle: {
+    //    color: "#FFF",
+    // },
+  },
+  grid: {
+    left: "2%",
+    right: "5%",
+    bottom: "10%",
+    top: "10%",
+    containLabel: true,
+  },
+  legend: {
+    icon: "rect",
+    top: "0%",
+    right: "5%",
+    data: ["实时数据"],
+    itemWidth: 18,
+    itemHeight: 5,
+    itemGap: 30,
+    textStyle: {
+      fontSize: 10,
+      color: "#fff",
+      padding: [0, 0, 0, 10],
+    },
+  },
+  xAxis: {
+    type: "category",
+    axisLine: {
+      lineStyle: {
+        color: "#0783FA",
+        fontSize: 10,
       },
-      axisLabel: {
-         // interval:0,
-         color: "#BDD8FB",
-         fontSize: 12,
-      },
-      axisTick: {
-         show: false,
+    },
+    axisLabel: {
+      // interval:0,
+      color: "#fff",
+      fontSize: 10,
+    },
+    axisTick: {
+      show: false,
+    },
+    data: [
+      "00:00",
+      "01:00",
+      "02:00",
+      "03:00",
+      "04:00",
+      "05:00",
+      "06:00",
+      "07:00",
+      "08:00",
+      "09:00",
+      "10:00",
+      "11:00",
+      "12:00",
+      "13:00",
+      "14:00",
+      "15:00",
+      "16:00",
+      "17:00",
+      "18:00",
+      "19:00",
+      "20:00",
+      "21:00",
+      "22:00",
+      "23:00",
+    ],
+  },
+  yAxis: {
+    type: "value",
+    min: 0,
+    max: 40,
+    minInterval: 5,
+    splitNumber: 5,
+    nameTextStyle: {
+      fontSize: 12,
+      color: "#BDD8FB",
+      align: "center",
+    },
+    splitLine: {
+      lineStyle: {
+        color: "rgba(255, 255, 255, 0.15)",
+        // type: 'dashed', // dotted 虚线
       },
+    },
+    splitArea: { show: false },
+    axisLine: {
+      show: false,
+    },
+    axisTick: {
+      show: false,
+    },
+    axisLabel: {
+      fontSize: 10,
+      fontFamily: "Bebas",
+      color: "#fff",
+    },
+  },
+  series: [
+    {
+      type: "line",
+      // symbol: "none",
+      showSymbol: false,
+      smooth: true, // 是否曲线
+      name: "实时数据", // 图例对应类别
       data: [
-         "00:00",
-         "01:00",
-         "02:00",
-         "03:00",
-         "04:00",
-         "05:00",
-         "06:00",
-         "07:00",
-         "08:00",
-         "09:00",
-         "10:00",
-         "11:00",
-         "12:00",
-         "13:00",
-         "14:00",
-         "15:00",
-         "16:00",
-         "17:00",
-         "18:00",
-         "19:00",
-         "20:00",
-         "21:00",
-         "22:00",
-         "23:00",
-      ],
-   },
-   yAxis: {
-      type: "value",
-      min: 0,
-      max:40,
-      minInterval: 5,
-      splitNumber:5,
-      nameTextStyle: {
-         fontSize: 12,
-         color: "#BDD8FB",
-         align: "center",
-      },
-      splitLine: {
-         lineStyle: {
-            color: "rgba(255, 255, 255, 0.15)",
-            // type: 'dashed', // dotted 虚线
-         },
+        12, 12, 23, 23, 30, 12, 26, 28, 31, 23, 25, 12, 18, 18, 18, 18, 23, 21,
+        20, 20, 20, 20, 20, 22, 22, 12, 12, 12,
+      ], // 纵坐标数据
+      lineStyle: {
+        color: "#0783FA",
       },
-      splitArea: { show: false },
-      axisLine: {
-         show: false,
-      },
-      axisTick: {
-         show: false,
-      },
-      axisLabel: {
-         fontSize: 12,
-         fontFamily: "Bebas",
-         color: "#BDD8FB",
-      },
-   },
-   series: [
-      {
-         type: "line",
-         // symbol: "none",
-         showSymbol: false,
-         smooth: true, // 是否曲线
-         name: "实时数据", // 图例对应类别
-         data: [12, 12, 23, 23, 30, 12, 26,28, 31, 23, 25, 12, 18, 18,18, 18, 23, 21, 20, 20, 20,20, 20, 22, 22, 12, 12, 12], // 纵坐标数据
-         lineStyle :{
-            color:"#0783FA"
-         },
-         areaStyle: {
-            // 区域颜色
-            // color: new graphic.LinearGradient(0, 0, 0, 1, [
-            // 	{
-            // 		offset: 0,
-            // 		color: "#5090FF",
-            // 	},
-            // 	{
-            // 		offset: 1,
-            // 		color: "#1057E5",
-            // 	},
-            // ]),
-            color: {
-               type: 'linear',
-               x: 0,  //右
-               y: 0,  //下
-               x2: 0,  //左
-               y2: 1,  //上
-               colorStops: [
-                  {
-                     offset: 0.1,
-                     color: '#0783FA99' // 0% 处的颜色
-                  },
-                  {
-                     offset: 1,
-                     opacity:0.01,
-                     color: '#0783FA01' // 100% 处的颜色
-                  }
-               ]
+      areaStyle: {
+        // 区域颜色
+        // color: new graphic.LinearGradient(0, 0, 0, 1, [
+        // 	{
+        // 		offset: 0,
+        // 		color: "#5090FF",
+        // 	},
+        // 	{
+        // 		offset: 1,
+        // 		color: "#1057E5",
+        // 	},
+        // ]),
+        color: {
+          type: "linear",
+          x: 0, //右
+          y: 0, //下
+          x2: 0, //左
+          y2: 1, //上
+          colorStops: [
+            {
+              offset: 0.1,
+              color: "#0783FA99", // 0% 处的颜色
+            },
+            {
+              offset: 1,
+              opacity: 0.01,
+              color: "#0783FA01", // 100% 处的颜色
             },
-         },
+          ],
+        },
       },
-     
-   ],
+    },
+  ],
 };
 
-export default options;
\ No newline at end of file
+export default options;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/index.vue
index 892bfa02..3018ad04 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/classification/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class='classification'>
+  <div class="classification">
     <WgtTitle :title="'全路车流量状况'"></WgtTitle>
     <div class="board">
       <!-- <div v-for="(item, index) in list" class="list">
@@ -14,65 +14,85 @@
             </div>
           </div>
       </div> -->
-      <div id="classification" class="keep-ratio" >
-
-      </div>
+      <div id="classification" class="keep-ratio"></div>
     </div>
   </div>
 </template>
 
 <script>
-
 import * as echarts from "echarts";
-import WgtTitle from '../../../widgets/title'
+import WgtTitle from "../../../widgets/title";
 import chartsStatistics from "./assets/charts";
 
-const drawRoundRect = ( ctx, x, y, width, height, radius ) => {   
-  // ctx, 矩形距离x坐标位置, 矩形距离y坐标的位置, 矩形的宽, 矩形的长,圆角角度 
-	ctx.beginPath();    
-	ctx.arc(x + radius, y + radius, radius, Math.PI, Math.PI * 3 / 2);    
-	ctx.lineTo(width - radius + x, y);    
-	ctx.arc(width - radius + x, radius + y, radius, Math.PI * 3 / 2, Math.PI * 2);    
-	ctx.lineTo(width + x, height + y - radius);    
-	ctx.arc(width - radius + x, height - radius + y, radius, 0, Math.PI * 1 / 2);    
-	ctx.lineTo(radius + x, height +y);    
-	ctx.arc(radius + x, height - radius + y, radius, Math.PI * 1 / 2, Math.PI);    
-	ctx.closePath();    
+const drawRoundRect = (ctx, x, y, width, height, radius) => {
+  // ctx, 矩形距离x坐标位置, 矩形距离y坐标的位置, 矩形的宽, 矩形的长,圆角角度
+  ctx.beginPath();
+  ctx.arc(x + radius, y + radius, radius, Math.PI, (Math.PI * 3) / 2);
+  ctx.lineTo(width - radius + x, y);
+  ctx.arc(
+    width - radius + x,
+    radius + y,
+    radius,
+    (Math.PI * 3) / 2,
+    Math.PI * 2
+  );
+  ctx.lineTo(width + x, height + y - radius);
+  ctx.arc(
+    width - radius + x,
+    height - radius + y,
+    radius,
+    0,
+    (Math.PI * 1) / 2
+  );
+  ctx.lineTo(radius + x, height + y);
+  ctx.arc(radius + x, height - radius + y, radius, (Math.PI * 1) / 2, Math.PI);
+  ctx.closePath();
   //ctx.stroke();
-  ctx.fill()
-}
+  ctx.fill();
+};
 
 export default {
-  name: 'Classification',
+  name: "Classification",
   components: {
-    WgtTitle
+    WgtTitle,
   },
   data() {
     return {
-      list:[
-        {label:'客车',value:63,detail:[
-          { color:"#FF5A62", label: '客1', value: '13456', perce: '34.2' },
-          { color:"#23E7B2",label: '客2', value: '13456', perce: '34.2' },
-          { color:"#0294FF",label: '客3', value: '13456', perce: '34.2' },
-          ]
-        }, {label:'货车',value:63,detail:[
-          { color:"#FF5A62",label: '货1', value: '13456', perce: '34.2' },
-          { color:"#23E7B2",label: '货2', value: '13456', perce: '34.2' },
-          { color:"#0294FF",label: '货3', value: '13456', perce: '34.2' },
-          ]
-        }, {label:'专车',value:63,detail:[
-          { color:"#FF5A62",label: '专1', value: '13456', perce: '34.2' },
-          { color:"#23E7B2",label: '专2', value: '13456', perce: '34.2' },
-          { color:"#0294FF",label: '专3', value: '13456', perce: '34.2' },
-          ]
-        }
-      ]
-    }
+      list: [
+        {
+          label: "客车",
+          value: 63,
+          detail: [
+            { color: "#FF5A62", label: "客1", value: "13456", perce: "34.2" },
+            { color: "#23E7B2", label: "客2", value: "13456", perce: "34.2" },
+            { color: "#0294FF", label: "客3", value: "13456", perce: "34.2" },
+          ],
+        },
+        {
+          label: "货车",
+          value: 63,
+          detail: [
+            { color: "#FF5A62", label: "货1", value: "13456", perce: "34.2" },
+            { color: "#23E7B2", label: "货2", value: "13456", perce: "34.2" },
+            { color: "#0294FF", label: "货3", value: "13456", perce: "34.2" },
+          ],
+        },
+        {
+          label: "专车",
+          value: 63,
+          detail: [
+            { color: "#FF5A62", label: "专1", value: "13456", perce: "34.2" },
+            { color: "#23E7B2", label: "专2", value: "13456", perce: "34.2" },
+            { color: "#0294FF", label: "专3", value: "13456", perce: "34.2" },
+          ],
+        },
+      ],
+    };
   },
   mounted() {
     setTimeout(() => {
       this.$nextTick(() => {
-        var myChart0 = echarts.init(document.getElementById('classification'));
+        var myChart0 = echarts.init(document.getElementById("classification"));
         myChart0.setOption(chartsStatistics);
         // var myChart1 = echarts.init(document.getElementById('busEchartBox1'));
         // myChart1.setOption(chartsStatistics);
@@ -80,40 +100,35 @@ export default {
         // myChart2.setOption(chartsStatistics);
 
         const domMap = document.getElementById("classification");
-        let parentDiv = domMap.firstChild; 
+        let parentDiv = domMap.firstChild;
         // 创建canvas
-        let canvas = document.createElement('canvas');
+        let canvas = document.createElement("canvas");
         canvas.width = parentDiv.offsetWidth;
-        canvas.height =parentDiv.offsetHeight;
+        canvas.height = parentDiv.offsetHeight;
         parentDiv.appendChild(canvas);
-        const context = canvas.getContext('2d'); 
-        
+        const context = canvas.getContext("2d");
+
         // 填充渐变颜色
         var gr = context.createLinearGradient(247, 63, 450, 0);
         // 颜色断点
-        gr.addColorStop(1, 'rgba(92,197,255,0)');
-        gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-        context.fillStyle = gr
-      
+        gr.addColorStop(1, "rgba(92,197,255,0)");
+        gr.addColorStop(0, "rgba(92,197,255,0.5)");
+        context.fillStyle = gr;
+
         context.lineWidth = 1; // 设置线段宽度
-      
-        for (var i = 0;i < 8;i++)
-        // 绘制圆角矩形
-        drawRoundRect(context, 340, 50 + 34 * i, 300, 24, 12)
-        
+
+        for (var i = 0; i < 8; i++)
+          // 绘制圆角矩形
+          drawRoundRect(context, 340, 50 + 34 * i, 300, 24, 12);
       });
     });
   },
-  created() {
-
-  },
-  methods: {
-
-  }
-}
+  created() {},
+  methods: {},
+};
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .classification {
   width: 100%;
   height: 100%;
@@ -122,24 +137,28 @@ export default {
     height: 400px;
     width: 100%;
     padding: 0px 30px;
-    background: linear-gradient(180deg, rgba(6,66,88,0.2) 0%, #064258 100%);
+    background: linear-gradient(180deg, rgba(6, 66, 88, 0.2) 0%, #064258 100%);
     border-radius: 5px 5px 5px 5px;
-      opacity: 1;
-      border: 1px solid;
-      border-image: linear-gradient(360deg, rgba(55, 231, 255,0.3), rgba(55, 231, 255, 0)) 1 1;
+    opacity: 1;
+    border: 1px solid;
+    border-image: linear-gradient(
+        360deg,
+        rgba(55, 231, 255, 0.3),
+        rgba(55, 231, 255, 0)
+      )
+      1 1;
     display: flex;
     justify-content: space-between;
     align-items: center;
 
     #classification {
       display: inline-flex;
-      width:100%;
-      height:350px;
-
+      width: 100%;
+      height: 350px;
     }
 
     .title {
-      background:url('./assets/bg.png') no-repeat;
+      background: url("./assets/bg.png") no-repeat;
       background-size: 100% 100%;
       width: 209px;
       height: 30px;
@@ -147,34 +166,34 @@ export default {
       line-height: 30px;
     }
   }
-  .list{
+  .list {
     display: flex;
-    justify-content:center;
+    justify-content: center;
     align-items: center;
     flex-direction: column;
   }
-  .charts{
-    height:164px;
+  .charts {
+    height: 164px;
     width: 164px;
-
   }
-  .detail{
-    width:100%;
+  .detail {
+    width: 100%;
   }
-  .detailItem{
+  .detailItem {
     display: flex;
     align-items: center;
     font-size: 14px;
     letter-spacing: 2px;
   }
-  .detailItem span{
-    color: #37E7FF;
+  .detailItem span {
+    color: #37e7ff;
   }
-  .tag{
-    background-color: #FF5A62;
+  .tag {
+    background-color: #ff5a62;
     width: 6px;
     height: 6px;
     border-radius: 50%;
     margin-right: 5px;
   }
-}</style>
+}
+</style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/flowstate/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/flowstate/assets/charts.js
index c58d59a9..a2ed2068 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/flowstate/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/flowstate/assets/charts.js
@@ -87,7 +87,7 @@ var options = {
   ],
   yAxis: [
     {
-      name: "车流量",
+      name: "车流量          ",
       type: "value",
       // max: 300,
       interval: 50,
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/situation/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/situation/index.vue
index 0a55d39a..9a8cb58c 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/situation/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/components/situation/index.vue
@@ -90,6 +90,7 @@ export default {
       text-align: center;
       background-color: #00b3cc;
       margin-right: 10px;
+      cursor: pointer;
     }
     .checked {
       background-color: #c87800 !important;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/chartsRadar.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/chartsRadar.js
new file mode 100644
index 00000000..50857170
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/chartsRadar.js
@@ -0,0 +1,79 @@
+import * as echarts from "echarts";
+let options = {
+  legend: {
+    show: false,
+  },
+  radar: [
+    {
+      indicator: [
+        { text: "Indicator1" },
+        { text: "Indicator2" },
+        { text: "Indicator3" },
+      ],
+      center: ["50%", "55%"],
+      radius: 70,
+      startAngle: 90,
+      splitNumber: 4,
+      shape: "circle",
+      axisName: {
+        formatter: "{value}",
+        color: "#428BD4",
+      },
+      splitArea: {
+        areaStyle: {
+          color: ["#0987CD", "#0A7BB9", "#0B6A9C", "#0D5173"],
+          // opacity: 0.3,
+        },
+      },
+      axisLine: {
+        show: false,
+      },
+      splitLine: {
+        show: false,
+      },
+    },
+  ],
+  series: [
+    {
+      type: "radar",
+      color: "#07A3FB",
+      emphasis: { show: false },
+      symbol: "none",
+      lineStyle: {
+        show: false,
+        color: "none",
+      },
+      data: [
+        {
+          value: [1, 5, 1],
+          name: "Data B",
+          areaStyle: {
+            color: {
+              type: "linear",
+              x: 0,
+              y: 0,
+              x2: 0,
+              y2: 1,
+              colorStops: [
+                {
+                  offset: 0.1,
+                  color: "#DC6A00", // 0% 处的颜色
+                },
+                {
+                  offset: 0.5,
+                  color: "#5D887C", // 100% 处的颜色
+                },
+                {
+                  offset: 1,
+                  color: "#099CCD", // 100% 处的颜色
+                },
+              ],
+              global: false, // 缺省为 false
+            },
+          },
+        },
+      ],
+    },
+  ],
+};
+export default options;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue
index 3bb0a50a..e627ceb3 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/index.vue
@@ -158,6 +158,7 @@ import * as echarts from "echarts";
 import chart1 from "./assets/charts";
 import chart2 from "./assets/charts2";
 import chart3 from "./assets/charts3";
+import chartsRadar from "./assets/chartsRadar";
 import ElQuarterPicker from "./ElQuarterPicker";
 
 const drawRoundRect = (ctx, x, y, width, height, radius, gr) => {
@@ -345,9 +346,9 @@ export default {
         var myChart1 = echarts.init(document.getElementById("chart1"));
         myChart1.setOption(chart1);
         var myChart2 = echarts.init(document.getElementById("chart2"));
-        myChart2.setOption(chart2);
+        myChart2.setOption(chartsRadar);
         var myChart3 = echarts.init(document.getElementById("chart3"));
-        myChart3.setOption(chart2);
+        myChart3.setOption(chartsRadar);
 
         const domMap = document.getElementById("chart2");
         let parentDiv = domMap.firstChild;