From 321ef170ecac91aea97eea7f2f0302851f420205 Mon Sep 17 00:00:00 2001
From: Joe <1712833832@qq.com>
Date: Sun, 4 Feb 2024 15:50:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8C=87=E6=8C=A5=E8=B0=83=E5=BA=A6=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../JiHeExpressway/components/Video/index.vue |  3 ++
 .../Cards/RealTimeVideo/index.vue             | 28 ++++++++++++++++---
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue
index 2e680337..03409082 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue
+++ b/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 {
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/RealTimeVideo/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/RealTimeVideo/index.vue
index 01ee1b8e..a0d11983 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/RealTimeVideo/index.vue
+++ b/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" />
-    <!-- <Video class="item-video" /> -->
+    <div class="item">
+      <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>