From 8f36a203bbee6c74c6531331a7cf00572120bfab Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期日, 27 四月 2025 17:28:59 +0800
Subject: [PATCH] fix:修改配置

---
 src/views/screen/flow/graphic/components/FullScreenVideo.vue |   23 +++++++++++++++++++----
 1 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/views/screen/flow/graphic/components/FullScreenVideo.vue b/src/views/screen/flow/graphic/components/FullScreenVideo.vue
index c188ecf..3e28545 100644
--- a/src/views/screen/flow/graphic/components/FullScreenVideo.vue
+++ b/src/views/screen/flow/graphic/components/FullScreenVideo.vue
@@ -50,6 +50,14 @@
                     <div class="name">累计流量:</div>
                     <div class="val"><span>{{props.data.totalFlow}}</span>m³</div>
                 </div>
+                <div class="item">
+                    <div class="name">水面宽度:</div>
+                    <div class="val"><span>{{props.data.waterWidth}}</span>m</div>
+                </div>
+                <div class="item">
+                    <div class="name">过水面积:</div>
+                    <div class="val"><span>{{props.data.waterArea}}</span>m³</div>
+                </div>
             </div>
         </div>
     </div>
@@ -62,7 +70,6 @@
     top: 2%;
     width: 96%;
     height: 96%;
-    background-color: rgba(0, 0, 0, 0.5);
     z-index: 100;
     .vb{
         position: absolute;
@@ -92,10 +99,18 @@
             align-items: center;
             padding: 0.5rem 0;
             .name{
-                width: 50%;
+                width: 6rem;
             }
-            span{
-                margin-right: 0.8rem;
+            .val{
+                display: flex;
+                align-items: center;
+                span{
+                    display: inline-block;
+                    width: 6rem;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                }
             }
         }
     }

--
Gitblit v1.9.3