fix 感知事件类型 bug

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue

@@ -3,41 +3,24 @@
     <div class="PerceiveEvent">
       <!-- <Video class="item-video" /> -->
       <div class="video-pic">
-        <Video
+        <Video style="height: 100%; flex: 1" :showHeader="false" :url="dialogData.formData.videoList[0]"
-          style="height: 100%; flex: 1"
+          videoType="mp4" />
-          :showHeader="false"
+        <Carousel style="flex: 1; height: 100%" :pictures="dialogData.formData.pictures" />
-          :url="dialogData.formData.videoList[0]"
-          videoType="mp4"
-        />
-        <Carousel
-          style="flex: 1; height: 100%"
-          :pictures="dialogData.formData.pictures"
-        />
       </div>
       <LineChart class="chart" />
-      <Form
+      <Form class="form" v-loading="loading" v-model="data" ref="FormConfigRef" :formList="formList" column="1" />
-        class="form"
-        v-loading="loading"
-        v-model="data"
-        ref="FormConfigRef"
-        :formList="formList"
-        column="1"
-      />
     </div>
 
     <template #footer>
       <Button>误报</Button>
-      <Button
+      <Button style="background-color: rgba(0, 179, 204, 0.3)" @click.native="obverseVisible = false">取消</Button>
-        style="background-color: rgba(0, 179, 204, 0.3)"
-        @click.native="obverseVisible = false"
-        >取消</Button
-      >
       <Button @click.native="updateEvent" :loading="btnLoading">确定</Button>
     </template>
   </Dialog>
 </template>
 
 <script>
+
 import Dialog from "@screen/components/Dialog/index.vue";
 import Button from "@screen/components/Buttons/Button.vue";
 import Descriptions from "@screen/components/Descriptions.vue";
@@ -48,10 +31,9 @@ import request from "@/utils/request";
 import { Message } from "element-ui";
 import moment from "moment";
 import Carousel from "@screen/pages/control/event/event/EventDetailDialog/Carousel";
-import { WarningTypeList, WarningSubclassList } from "@screen/utils/enum.js";
+import { WarningTypeList, WarningSubclassList, LaneOccupancyList, DirectionTypes } from "@screen/utils/enum.js";
 // import { getRoadInfoByStakeMark, getProduct } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"
 import { dialogDelayVisible } from "./../mixin";
-import { LaneOccupancyList, DirectionTypes } from "@screen/utils/enum.js";
 
 let vehicleTypeList = [];
 
@@ -138,7 +120,7 @@ export default {
           },
           ons: {
             change: (value, { data }) => {
-              this.formList[4].options.options =
+              this.formList[5].options.options =
                 WarningSubclassList[value] || [];
               data.warningSubclass = null;
             },
@@ -197,7 +179,7 @@ export default {
     this.getDetails();
     this.getVehicleTypeList();
   },
-  async mounted() {},
+  async mounted() { },
   beforeDestroy() {
     clearInterval(this.interval);
   },
@@ -220,7 +202,7 @@ export default {
             })
           );
         })
-        .catch((err) => {});
+        .catch((err) => { });
     },
     convertSecToHHmmss(sec) {
       let currentTime = moment.duration(sec, "seconds");
@@ -277,7 +259,7 @@ export default {
             lane: data.lane?.split(",") || [],
           };
 
-          this.formList[4].options.options =
+          this.formList[5].options.options =
             WarningSubclassList[data.warningType] || [];
 
           setTimeout(() => {