大屏配置化版本改为宽屏 车内视角视频添加（蒙自版本屏形要求临时去掉车内视角

wj-data-vision/public/DATA.js

@@ -33,6 +33,8 @@ const situation_mobileBaseStation = {
 // 事故场景
 const situation_accident = {
   videos: [
+    "/cdn/video/sgcj_3.mp4",
+    "/cdn/video/sgcj_3.mp4",
     "/cdn/video/sgcj_3.mp4"
   ],
   // 地图中高亮事故车辆及其详情弹窗
@@ -73,7 +75,8 @@ const situation_accident = {
 // 危险驾驶场景
 const situation_dangerousDriving = {
   videos:[
-    "/cdn/video/wxjs_3.mp4"
+    "/cdn/video/wxjs_3.mp4",
+    "/cdn/video/wxjs_3.mp4",
   ],
   // 参与危险驾驶的车辆 （在地图中高亮
   dangerVehicles: [

wj-data-vision/public/DATA.json

@@ -6,7 +6,7 @@
       "trafficFlowRoad": { "url": "/holo/rid-flow/list" },
       "trafficSignal": {
         "url": "/holo/analysis-cross-indicators/query",
-        "data": { "crossId": "14Q1409IRF0" }
+        "data": { "crossId": "13NGH0B5RC0" }
       },
       "conflictMonitor":{"url":"/holo/bs-analysis-conflict/list"},
       "trafficEvent":{"url":"/holo/event-analysis/list"},

wj-data-vision/src/views/accidentScene/right/index.vue

 <template>
   <div class="home-right">
-    <!-- <msg-card title="涉事车辆车内视角">
-      <div class="cardInner">
-        <div class="top">
-          <span class="top-left"></span>
-          <span class="top-right"></span>
-          <span class="bottom-left"></span>
-          <span class="bottom-right"></span>
-          <local-camera ref="topVideo" class="videoItem" video-data="sgcj_5"/>
-        </div>
-        <div class="bottom">
-          <span class="top-left"></span>
-          <span class="top-right"></span>
-          <span class="bottom-left"></span>
-          <span class="bottom-right"></span>
-          <local-camera ref="bottomVideo" class="videoItem" video-data="sgcj_6"/>
-        </div>
+    <msg-card title="涉事车辆车内视角">
+      <div style="height: 100%; width: 100%; display: flex;flex-direction: column;justify-content: space-between;">
+        <local-camera v-for="(item,index) of videos" :video-data="item" :key="index" ref="videoItem" :border="true" class="videoItem"></local-camera>
       </div>
-    </msg-card> -->
+    </msg-card>
   </div>
 </template>
 
@@ -32,28 +19,24 @@ let topViewer, bottomViewer;
 export default {
   name: "homeRight",
   components: {LocalCamera, CameraVideo, MsgCard, CesiumMap},
-  computed: {},
+  computed: {
+    videos() {
+      return situation_accident.videos.slice(1, 3);
+    },
+  },
   data() {
     return {
-      accidentTopVideo: '',
-      accidentBottomVideo: '',
     };
   },
   mounted() {
-    // topViewer = this.$refs.homeRightTop.loadMap()
-    // bottomViewer = this.$refs.homeRightBottom.loadMap()
-    // topViewer.timeline.container.style.visibility = 'hidden'
-    // bottomViewer.timeline.container.style.visibility = 'hidden'
   },
   methods: {
     startVideo(time) {
-      this.$refs.topVideo?.setTime(time)
-      this.$refs.bottomVideo?.setTime(time)
+      console.log(this.$refs.videoItem);
+      for (let item of this.$refs.videoItem) {
+        item.setTime(time);
+      }
     },
-    initData() {
-      this.accidentTopVideo = 'http://192.168.2.80/live?app=demo&stream=car3d-1'
-      this.accidentBottomVideo = 'http://192.168.2.80/live?app=demo&stream=car3d-2'
-    }
   },
 
   beforeDestroy() {

wj-data-vision/src/views/dangerousDriving/right/index.vue

 <template>
   <div class="home-right">
     <div class="home-right-inner">
+      <msg-card title="涉事车辆车内视角" style="height:50%">
+      <div style="height: 100%; width: 100%; display: flex;flex-direction: column;justify-content: space-between;">
+        <local-camera v-for="(item,index) of videos" :video-data="item" :key="index" ref="videoItem" :border="true" class="videoItem"></local-camera>
+      </div>
+    </msg-card>
       <!-- <msg-card style="height:auto" class="m-b-10" title="涉事车辆车内视角">
         <div class="cardInner">
           <span class="top-left"></span>
@@ -85,7 +90,11 @@ let topViewer, bottomViewer;
 export default {
   name: "homeRight",
   components: {LocalCamera, CrossControl, CameraVideo, MsgCard, CesiumMap},
-  computed: {},
+  computed: {
+    videos() {
+      return situation_dangerousDriving.videos.slice(1, 2);
+    },
+  },
   data() {
     return {
       tableData: [
@@ -102,7 +111,10 @@ export default {
   },
   methods: {
     startVideo(time) {
-      this.$refs.dangerFirstViewVideo?.setTime(time)
+      console.log(this.$refs.videoItem);
+      for (let item of this.$refs.videoItem) {
+        item.setTime(time);
+      }
     },
     userTab({row, rowIndex}) {
       if (rowIndex % 2 === 0) {

wj-data-vision/src/views/drones/left/index.vue

 <template>
   <div class="home-left">
     <msg-card title="全域感知">
-      <div style="height: 100%; width: 100%; display: flex;flex-direction: column">
+      <div style="height: 100%; width: 100%; display: flex;flex-direction: column;justify-content: space-between;">
         <local-camera v-for="(item,index) of videos" :video-data="item" :key="index" ref="videoItem" :border="true" class="videoItem"></local-camera>
       </div>
     </msg-card>
@@ -44,7 +44,8 @@ export default {
 .videoItem {
   width: 100%;
   aspect-ratio: 4/3;
-  margin-bottom: 20px;
+  height: 49%;
+  // margin-bottom: 20px;
 }
 
 .cTable {

wj-data-vision/src/views/intersectionGroups/msgLeft/targetTrack.vue

@@ -8,10 +8,11 @@
           :key="index"
         >
           <div class="leftType">
-            <span class="circle4"></span>{{ item.aliasName }}
+            <span class="circle4"></span>{{ item.eventLabel }}
           </div>
           <div class="rightValue">
-            {{ item.eventNumber }}{{ nameUnitMap[item.eventType] }}
+            {{ item.eventNumber }}
+            <!-- {{ nameUnitMap[item.eventType] }} -->
           </div>
         </div>
       </div>

wj-data-vision/src/views/intersectionGroups/msgLeft/trafficSignal.vue

@@ -73,7 +73,7 @@ export default {
             let unit = this.signalUnitMap[key];
             let value = res.content[key];
             if (unit === "%") {
-              value = res.content[key] * 100;
+              value = (res.content[key] * 100).toFixed(2);
             }
             this.signalArray.push({
               label: this.signalLabelMap[key],