From 50433e86b718fab0d94ea1410724b29b5f53fa0a Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期三, 09 四月 2025 15:11:26 +0800
Subject: [PATCH] 更新SVG图标样式,优化灌溉计划和取水口页面逻辑,添加状态处理和信息提示功能;调整界面样式,提升用户体验。

---
 pages/irrigationDetail/irrigationDetail.wxss |  148 ++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 139 insertions(+), 9 deletions(-)

diff --git a/pages/irrigationDetail/irrigationDetail.wxss b/pages/irrigationDetail/irrigationDetail.wxss
index eb5eac0..55c152d 100644
--- a/pages/irrigationDetail/irrigationDetail.wxss
+++ b/pages/irrigationDetail/irrigationDetail.wxss
@@ -30,21 +30,43 @@
 .plan-code .label {
   color: #666;
   font-size: 28rpx;
+  margin-right: 8rpx;
 }
 
 .plan-code .value {
   color: #333;
-  font-size: 28rpx;
+  font-size: 32rpx;
   font-weight: 500;
 }
 
-.status-icon {
-  width: 80rpx;
-  height: 80rpx;
+/* 鐘舵�佹爣绛炬牱寮� */
+.plan-status {
+  padding: 4rpx 16rpx;
+  border-radius: 20rpx;
+  font-size: 24rpx;
+  color: #fff;
+  text-align: center;
   margin-left: 20rpx;
-  flex-shrink: 0;
-  margin-top: -10rpx;
-  margin-bottom: -10rpx;
+}
+
+.plan-status.draft {
+  background-color: #9E9E9E;
+}
+
+.plan-status.published {
+  background-color: #90CAF9;
+}
+
+.plan-status.executing {
+  background-color: #2196F3;
+}
+
+.plan-status.completed {
+  background-color: #4CAF50;
+}
+
+.plan-status.terminated {
+  background-color: #F44336;
 }
 
 .time-info, .project-info {
@@ -61,6 +83,7 @@
 .time-info .value, .project-info .value {
   color: #333;
   font-size: 28rpx;
+  font-weight: 500;
 }
 
 /* 椤圭洰鍒楄〃鏍峰紡 */
@@ -150,7 +173,10 @@
 .group-status-indicator {
   display: flex;
   align-items: center;
-  margin-bottom: 16rpx;
+  margin-left: auto;
+  background-color: #f5f7fa;
+  padding: 4rpx 10rpx;
+  border-radius: 8rpx;
 }
 
 .status-dot {
@@ -158,6 +184,7 @@
   height: 16rpx;
   border-radius: 50%;
   margin-right: 8rpx;
+  flex-shrink: 0;
 }
 
 .group-item.pending .status-dot {
@@ -175,6 +202,32 @@
 .status-text {
   font-size: 26rpx;
   color: #666;
+  flex-shrink: 0;
+}
+
+.group-item.pending .status-text {
+  color: #e6c100;
+}
+
+.group-item.in_progress .status-text {
+  color: #4CAF50;
+}
+
+.group-item.completed .status-text {
+  color: #2196F3;
+}
+
+/* 鏍规嵁涓嶅悓鐘舵�佹樉绀轰笉鍚岃儗鏅壊 */
+.group-item.pending .group-status-indicator {
+  background-color: rgba(255, 215, 0, 0.1);
+}
+
+.group-item.in_progress .group-status-indicator {
+  background-color: rgba(76, 175, 80, 0.1);
+}
+
+.group-item.completed .group-status-indicator {
+  background-color: rgba(33, 150, 243, 0.1);
 }
 
 /* 杞亴缁勪俊鎭牱寮� */
@@ -182,11 +235,25 @@
   margin-top: 12rpx;
 }
 
+.group-name-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12rpx;
+  width: 100%;
+}
+
+.group-label {
+  font-size: 32rpx;
+  color: #666;
+  margin-right: 8rpx;
+  flex-shrink: 0;
+}
+
 .group-name {
   font-size: 32rpx;
   font-weight: 500;
   color: #333;
-  margin-bottom: 12rpx;
+  flex-shrink: 0;
 }
 
 .group-time-info {
@@ -209,4 +276,67 @@
 .time-value {
   color: #333;
   font-size: 26rpx;
+}
+
+/* 鍙栨按鍙d俊鎭牱寮� */
+.intake-info {
+  margin-top: 20rpx;
+  border-top: 1rpx dashed #e0e0e0;
+  padding-top: 16rpx;
+}
+
+.intake-header {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: 500;
+  margin-bottom: 12rpx;
+}
+
+.intake-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10rpx;
+}
+
+.intake-item {
+  background-color: #f9f9f9;
+  border-radius: 8rpx;
+  padding: 12rpx 16rpx;
+}
+
+.intake-item.success {
+  border-left: 4rpx solid #4CAF50;
+}
+
+.intake-item.error {
+  border-left: 4rpx solid #F44336;
+}
+
+.intake-name {
+  display: flex;
+  align-items: center;
+  font-size: 26rpx;
+  color: #333;
+}
+
+.intake-status-dot {
+  width: 12rpx;
+  height: 12rpx;
+  border-radius: 50%;
+  margin-right: 8rpx;
+}
+
+.intake-item.success .intake-status-dot {
+  background-color: #4CAF50;
+}
+
+.intake-item.error .intake-status-dot {
+  background-color: #F44336;
+}
+
+.intake-result {
+  margin-top: 6rpx;
+  font-size: 24rpx;
+  color: #F44336;
+  padding-left: 20rpx;
 } 
\ No newline at end of file

--
Gitblit v1.8.0