指挥调度 修改

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

@@ -56,6 +56,7 @@ export default {
   position: relative;
   background-color: #000;
   height: 240px;
+  overflow: hidden;
   display: flex;
   justify-content: center;
 
@@ -139,6 +140,8 @@ export default {
   .video-stream,
   img {
     height: 100%;
+    max-height: 100%;
+    max-width: 100%;
   }
 
   .video-stream {

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/RealTimeVideo/index.vue

@@ -1,7 +1,13 @@
 <template>
   <Card class='RealTimeVideo' title="实时视频">
-    <Video class="item-video" :pileNum="detailData.stakeMark" />
+    <div class="item">
-    <!-- <Video class="item-video" /> -->
+      <Video class="item-video" :pileNum="detailData.stakeMark" />
+      <span>处置现场</span>
+    </div>
+    <div class="item">
+      <Video class="item-video" />
+      <span>感知视频</span>
+    </div>
   </Card>
 </template>
 
@@ -22,6 +28,7 @@ export default {
 
 <style lang='scss' scoped>
 .RealTimeVideo {
+
   ::v-deep {
     .content {
       display: flex;
@@ -31,10 +38,23 @@ export default {
     }
   }
 
-  .item-video {
+  .item {
     flex: 1;
-    width: calc(50% - 4.5px);
+    display: flex;
+    flex-direction: column;
     height: 100%;
+    align-items: center;
+    gap: 6px;
+
+    span {
+      font-size: 12px;
+    }
+
+    .item-video {
+      width: 100%;
+      flex: 1;
+      height: 100%;
+    }
   }
 }
 </style>