feat 更新首页 摄像头切换

ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue

@@ -13,7 +13,7 @@
       </div>
     </div>
     <Transition name="fade" mode="out-in">
-      
+
       <Video :rangeIndex="rangeIndex" v-if="active === 'video'" class="video-stream" :pileNum="pileNum" :camId="camId"
         :url="url" :videoType="videoType" />
       <img v-else src="./view.png" />
@@ -61,7 +61,7 @@ export default {
     return {
       active: "video"
     }
-  }
+  },
 }
 </script>
 

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

@@ -1,32 +1,12 @@
 <template>
-  <Dialog
-    v-model="obverseVisible"
-    :title="dialogData._itemData && dialogData._itemData.title"
-    width="650px"
-  >
+  <Dialog v-model="obverseVisible" :title="dialogData._itemData && dialogData._itemData.title" width="650px">
     <div class="TrafficIncidents">
       <div class="header">
-        <Video
-          class="video-stream"
-          :pileNum="dialogData.stakeMark"
-          rangeIndex="upCamera"
-          :showHeader="false"
-        />
-        <Video
-          class="video-stream"
-          :pileNum="dialogData.stakeMark"
-          rangeIndex="downCamera"
-          :showHeader="false"
-        />
+        <Video class="video-stream" :pileNum="dialogData.stakeMark" rangeIndex="upCamera" :showHeader="false" />
+        <Video class="video-stream" :pileNum="dialogData.stakeMark" rangeIndex="downCamera" :showHeader="false" />
       </div>
 
-      <Descriptions
-        labelWidth="72px"
-        :list="list"
-        :data="data"
-        style="gap: 18px"
-        column="7"
-      />
+      <Descriptions labelWidth="72px" :list="list" :data="data" style="gap: 18px" column="7" />
     </div>
   </Dialog>
 </template>
@@ -35,7 +15,7 @@
 import Dialog from "@screen/components/Dialog/index.vue";
 import Descriptions from "@screen/components/Descriptions.vue";
 // import { getRoadInfoByStakeMark, getProduct } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"
-import Video from "@screen/components/Video";
+import Video from "@screen/components/VideoMulti";
 
 import request from "@/utils/request";
 import { dialogDelayVisible } from "./../mixin";
@@ -141,10 +121,10 @@ export default {
         this.data = { ...data, ...this.data };
         console.log("trafficIncidents", data);
       })
-      .catch((err) => {});
+      .catch((err) => { });
   },
   methods: {
-    handleClickTabs() {},
+    handleClickTabs() { },
   },
 };
 </script>
@@ -165,7 +145,7 @@ export default {
     display: flex;
     gap: 9px;
 
-    > div.video-stream {
+    >div.video-stream {
       height: 210px;
     }
   }
@@ -193,7 +173,7 @@ export default {
     align-items: center;
     justify-content: end;
 
-    > div {
+    >div {
       font-size: 16px;
       padding: 6px 12px;
     }