From 3008f0fcb87992077af811f9842793610fc52239 Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期二, 29 四月 2025 16:07:00 +0800
Subject: [PATCH] 优化首页项目切换逻辑,添加确认弹窗以提升用户体验;更新样式以增强项目选择的可视化效果。

---
 pages/irrigationDetail/irrigationDetail.wxss |  115 ++++++++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 100 insertions(+), 15 deletions(-)

diff --git a/pages/irrigationDetail/irrigationDetail.wxss b/pages/irrigationDetail/irrigationDetail.wxss
index 55c152d..43d7214 100644
--- a/pages/irrigationDetail/irrigationDetail.wxss
+++ b/pages/irrigationDetail/irrigationDetail.wxss
@@ -25,25 +25,31 @@
   align-items: center;
   flex: 1;
   line-height: 40rpx;
+  flex-wrap: nowrap;
+  white-space: nowrap;
 }
 
 .plan-code .label {
   color: #666;
-  font-size: 28rpx;
+  font-size: 30rpx;
   margin-right: 8rpx;
+  min-width: 160rpx;
+  flex-shrink: 0;
 }
 
 .plan-code .value {
   color: #333;
-  font-size: 32rpx;
+  font-size: 34rpx;
   font-weight: 500;
+  white-space: normal;
+  word-break: break-all;
 }
 
 /* 鐘舵�佹爣绛炬牱寮� */
 .plan-status {
   padding: 4rpx 16rpx;
   border-radius: 20rpx;
-  font-size: 24rpx;
+  font-size: 26rpx;
   color: #fff;
   text-align: center;
   margin-left: 20rpx;
@@ -73,17 +79,44 @@
   display: flex;
   align-items: center;
   margin-top: 8rpx;
+  flex-wrap: nowrap;
+  white-space: nowrap;
 }
 
 .time-info .label, .project-info .label {
   color: #666;
-  font-size: 28rpx;
+  font-size: 30rpx;
+  min-width: 180rpx;
+  flex-shrink: 0;
 }
 
 .time-info .value, .project-info .value {
   color: #333;
-  font-size: 28rpx;
+  font-size: 30rpx;
   font-weight: 500;
+  white-space: normal;
+  word-break: break-all;
+}
+
+/* 瀹為檯涓鏃堕棿楂樹寒鏍峰紡 */
+.time-info .highlight-text {
+  color: #F44336;
+  font-weight: bold;
+  background-color: rgba(244, 67, 54, 0.1);
+  padding: 4rpx 12rpx;
+  border-radius: 4rpx;
+  font-size: 30rpx;
+}
+
+/* 鍛戒护鍙戝竷澶辫触鏁版牱寮� */
+.time-info .error-text {
+  color: #ff4d4f;
+  font-weight: bold;
+  background-color: rgba(255, 77, 79, 0.1);
+  padding: 4rpx 12rpx;
+  border-radius: 4rpx;
+  display: inline-block;
+  font-size: 30rpx;
 }
 
 /* 椤圭洰鍒楄〃鏍峰紡 */
@@ -144,14 +177,14 @@
 }
 
 .project-name {
-  font-size: 32rpx;
+  font-size: 34rpx;
   font-weight: bold;
   color: #333333;
   word-break: break-all;
 }
 
 .project-duration {
-  font-size: 26rpx;
+  font-size: 28rpx;
   color: #666666;
   margin-top: 10rpx;
 }
@@ -199,8 +232,16 @@
   background-color: #2196F3;
 }
 
+.group-item.terminated .status-dot {
+  background-color: #F44336;
+}
+
+.group-item.canceled .status-dot {
+  background-color: #9E9E9E;
+}
+
 .status-text {
-  font-size: 26rpx;
+  font-size: 28rpx;
   color: #666;
   flex-shrink: 0;
 }
@@ -217,6 +258,14 @@
   color: #2196F3;
 }
 
+.group-item.terminated .status-text {
+  color: #F44336;
+}
+
+.group-item.canceled .status-text {
+  color: #9E9E9E;
+}
+
 /* 鏍规嵁涓嶅悓鐘舵�佹樉绀轰笉鍚岃儗鏅壊 */
 .group-item.pending .group-status-indicator {
   background-color: rgba(255, 215, 0, 0.1);
@@ -230,6 +279,14 @@
   background-color: rgba(33, 150, 243, 0.1);
 }
 
+.group-item.terminated .group-status-indicator {
+  background-color: rgba(244, 67, 54, 0.1);
+}
+
+.group-item.canceled .group-status-indicator {
+  background-color: rgba(158, 158, 158, 0.1);
+}
+
 /* 杞亴缁勪俊鎭牱寮� */
 .group-info {
   margin-top: 12rpx;
@@ -240,20 +297,32 @@
   align-items: center;
   margin-bottom: 12rpx;
   width: 100%;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+}
+
+.group-index {
+  color: #1890FF;
+  margin-right: 8rpx;
+  font-size: 34rpx;
+  flex-shrink: 0;
 }
 
 .group-label {
-  font-size: 32rpx;
+  font-size: 34rpx;
   color: #666;
   margin-right: 8rpx;
   flex-shrink: 0;
+  min-width: 140rpx;
 }
 
 .group-name {
-  font-size: 32rpx;
+  font-size: 34rpx;
   font-weight: 500;
   color: #333;
   flex-shrink: 0;
+  white-space: normal;
+  word-break: break-all;
 }
 
 .group-time-info {
@@ -269,13 +338,14 @@
 
 .time-label {
   color: #666;
-  font-size: 26rpx;
+  font-size: 31rpx;
   width: 160rpx;
+  flex-shrink: 0;
 }
 
 .time-value {
   color: #333;
-  font-size: 26rpx;
+  font-size: 28rpx;
 }
 
 /* 鍙栨按鍙d俊鎭牱寮� */
@@ -286,7 +356,7 @@
 }
 
 .intake-header {
-  font-size: 28rpx;
+  font-size: 30rpx;
   color: #333;
   font-weight: 500;
   margin-bottom: 12rpx;
@@ -315,7 +385,7 @@
 .intake-name {
   display: flex;
   align-items: center;
-  font-size: 26rpx;
+  font-size: 28rpx;
   color: #333;
 }
 
@@ -336,7 +406,22 @@
 
 .intake-result {
   margin-top: 6rpx;
-  font-size: 24rpx;
+  font-size: 26rpx;
   color: #F44336;
   padding-left: 20rpx;
+}
+
+.failure-count {
+  margin-top: 10rpx;
+  font-size: 30rpx;
+}
+
+.failure-count .label {
+  color: #666;
+}
+
+.failure-count .error-text {
+  color: #ff4d4f;
+  font-weight: bold;
+  margin-left: 8rpx;
 } 
\ No newline at end of file

--
Gitblit v1.8.0