更新灌溉详情页面，添加命令发布失败数的显示和样式，优化状态管理逻辑以提升用户体验。

zuoxiao

2025-04-11 4a1793b20f6ee04ec92a2a284d08e792e6f49783

更新灌溉详情页面，添加命令发布失败数的显示和样式，优化状态管理逻辑以提升用户体验。

 pages/createIrrigation/createIrrigation.json

@@ -6,8 +6,7 @@
    "t-picker-item": "tdesign-miniprogram/picker-item/picker-item",
    "t-input": "tdesign-miniprogram/input/input",
    "t-button": "tdesign-miniprogram/button/button",
    "t-dialog": "tdesign-miniprogram/dialog/dialog",
    "t-toast": "tdesign-miniprogram/toast/toast"
    "t-dialog": "tdesign-miniprogram/dialog/dialog"
  },
  "enablePullDownRefresh": false,
  "backgroundColor": "#f5f5f5",

 pages/irrigationDetail/irrigationDetail.js

@@ -11,7 +11,8 @@
    groupList: [],
    planId: '',
    planStatusText: '',
    planStatusClass: ''
    planStatusClass: '',
    failureCount: 0
  },

  /**
@@ -141,7 +142,8 @@
      stopTime: data.planStopTime,
      groupList: groupList,
      planStatusText: planStatusText,
      planStatusClass: planStatusClass
      planStatusClass: planStatusClass,
      failureCount: data.failureCount || 0
    });
  },


 pages/irrigationDetail/irrigationDetail.wxml

@@ -26,6 +26,12 @@
      <text class="label">灌溉结束时间：</text>
      <text class="value">{{stopTime}}</text>
    </view>
    
    <!-- 取水口命令发布失败数 -->
    <view class="time-info" wx:if="{{failureCount > 0}}">
      <text class="label">命令发布失败数：</text>
      <text class="value error-text">{{failureCount}}</text>
    </view>
  </view>

  <!-- 轮灌组列表 -->

 pages/irrigationDetail/irrigationDetail.wxss

@@ -86,6 +86,16 @@
  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;
}

/* 项目列表样式 */
.project-list {
  flex: 1;
@@ -340,3 +350,18 @@
  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;
}