From d18a0c9fe708dcf58253b54ef2938b5e864b24df Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期一, 28 四月 2025 14:39:30 +0800
Subject: [PATCH] 优化水摄入页面的确认弹窗逻辑，调整showConfirm状态的设置位置，并移除不必要的代码注释，提升代码可读性和维护性。

---
 pages/groupDetail/groupDetail.wxss |   57 +++++++++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 49 insertions(+), 8 deletions(-)

diff --git a/pages/groupDetail/groupDetail.wxss b/pages/groupDetail/groupDetail.wxss
index b614d46..717239a 100644
--- a/pages/groupDetail/groupDetail.wxss
+++ b/pages/groupDetail/groupDetail.wxss
@@ -26,13 +26,20 @@
 .project-name {
   font-size: 28rpx;
   color: #666666;
-  margin-bottom: 10rpx;
+  display: flex;
+  align-items: center;
+}
+
+.project-label {
+  color: #999999;
+  margin-right: 8rpx;
 }
 
 .group-name {
   font-size: 36rpx;
   font-weight: bold;
   color: #333333;
+  margin-bottom: 10rpx;
 }
 
 /* 鍙栨按鍙ｅ垪琛ㄥ鍣� */
@@ -61,21 +68,51 @@
 
 .valve-info {
   flex: 1;
+  margin-right: 20rpx;
+  overflow: hidden;
 }
 
-.valve-name {
+.valve-name-container {
   font-size: 32rpx;
   font-weight: 500;
   color: #333333;
+  margin-bottom: 12rpx;
+  width: 100%;
+  overflow: hidden;
+}
+
+.name-text {
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.valve-rtu-addr {
+  font-size: 24rpx;
+  color: #666666;
   display: flex;
   align-items: center;
-  flex-wrap: wrap;
+}
+
+.rtu-label {
+  color: #999999;
+  white-space: nowrap;
+}
+
+.rtu-value {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .valve-status-container {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
+  justify-content: center;
+  min-width: 100rpx;
 }
 
 .valve-status {
@@ -100,24 +137,28 @@
 .valve-status-inline {
   font-size: 24rpx;
   font-weight: 500;
-  padding: 4rpx 12rpx;
-  border-radius: 20rpx;
-  margin-left: 12rpx;
-  display: inline-flex;
+  padding: 8rpx 20rpx;
+  border-radius: 30rpx;
+  display: flex;
   align-items: center;
   justify-content: center;
-  height: 32rpx;
+  height: 36rpx;
   line-height: 1;
+  min-width: 80rpx;
+  text-align: center;
+  white-space: nowrap;
 }
 
 .valve-status-inline.online {
   background-color: rgba(82, 196, 26, 0.1);
   color: #52C41A;
+  border: 1rpx solid rgba(82, 196, 26, 0.3);
 }
 
 .valve-status-inline.offline {
   background-color: rgba(245, 34, 45, 0.1);
   color: #F5222D;
+  border: 1rpx solid rgba(245, 34, 45, 0.3);
 }
 
 /* 鍛戒护鐘舵�佹牱寮� */

--
Gitblit v1.8.0