From 4a1793b20f6ee04ec92a2a284d08e792e6f49783 Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期五, 11 四月 2025 17:56:51 +0800
Subject: [PATCH] 更新灌溉详情页面，添加命令发布失败数的显示和样式，优化状态管理逻辑以提升用户体验。

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

diff --git a/pages/irrigationDetail/irrigationDetail.wxss b/pages/irrigationDetail/irrigationDetail.wxss
index eb5eac0..c73a291 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,17 @@
 .time-info .value, .project-info .value {
   color: #333;
   font-size: 28rpx;
+  font-weight: 500;
+}
+
+/* 鍛戒护鍙戝竷澶辫触鏁版牱寮� */
+.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;
 }
 
 /* 椤圭洰鍒楄〃鏍峰紡 */
@@ -150,7 +183,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 +194,7 @@
   height: 16rpx;
   border-radius: 50%;
   margin-right: 8rpx;
+  flex-shrink: 0;
 }
 
 .group-item.pending .status-dot {
@@ -175,6 +212,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 +245,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 +286,82 @@
 .time-value {
   color: #333;
   font-size: 26rpx;
+}
+
+/* 鍙栨按鍙ｄ俊鎭牱寮� */
+.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;
+}
+
+.failure-count {
+  margin-top: 10rpx;
+  font-size: 28rpx;
+}
+
+.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