From 2f0fa3545b539e8b6f952ea82a1ca2350c64a0e8 Mon Sep 17 00:00:00 2001 From: web <candymxq888@outlook.com> Date: 星期二, 22 四月 2025 17:28:48 +0800 Subject: [PATCH] fix:修改报警,添加参数 --- src/views/screen/flow/graphic/index.vue | 38 ++++++++++++++++++-------------------- 1 files changed, 18 insertions(+), 20 deletions(-) diff --git a/src/views/screen/flow/graphic/index.vue b/src/views/screen/flow/graphic/index.vue index 2c48386..d208ed6 100644 --- a/src/views/screen/flow/graphic/index.vue +++ b/src/views/screen/flow/graphic/index.vue @@ -167,6 +167,14 @@ <div class="name">累计流量:</div> <div class="val"><span>{{ item.totalFlow }}</span>m³</div> </div> + <div class="info-item"> + <div class="name">水面宽度:</div> + <div class="val"><span>{{ item.waterWidth }}</span>m</div> + </div> + <div class="info-item"> + <div class="name">过水面积:</div> + <div class="val"><span>{{ item.waterArea }}</span>m³</div> + </div> </div> <div class="info-btn"> <div class="fullScreen" @click="handleFullScreen(index)"> @@ -314,9 +322,16 @@ width: 100px; } - .val span { - display: inline-block; - padding: 0 20px; + .val{ + display: flex; + align-items: center; + span { + display: inline-block; + width: 6rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } } } } @@ -350,23 +365,6 @@ } } } - } - } - - .mask{ - position: absolute; - left: 0; - top: 0; - z-index: 100; - width: 100vw; - height: 100vh; - .mask-item{ - position: absolute; - left: 5%; - bottom: 10%; - height: 400px; - width: 300px; - background-color: rgba(0, 0, 0, 0.4); } } } -- Gitblit v1.9.3