重构灌溉组详情页面的请求逻辑，改用请求库简化API调用；更新WXML以优化组名展示样式，提升用户体验。

zuoxiao

2025-04-22 5f9cf32984bb26a99e3fe0359e295c7a27cd5069

 pages/irrigationDetail/irrigationDetail.wxss

@@ -86,6 +86,25 @@
  font-weight: 500;
}

/* 实际中止时间高亮样式 */
.time-info .highlight-text {
  color: #F44336;
  font-weight: bold;
  background-color: rgba(244, 67, 54, 0.1);
  padding: 4rpx 12rpx;
  border-radius: 4rpx;
}

/* 命令发布失败数样式 */
.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;
@@ -199,6 +218,14 @@
  background-color: #2196F3;
}

.group-item.terminated .status-dot {
  background-color: #F44336;
}

.group-item.canceled .status-dot {
  background-color: #9E9E9E;
}

.status-text {
  font-size: 26rpx;
  color: #666;
@@ -217,6 +244,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 +265,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,6 +283,12 @@
  align-items: center;
  margin-bottom: 12rpx;
  width: 100%;
}

.group-index {
  color: #1890FF;
  margin-right: 8rpx;
  font-size: 32rpx;
}

.group-label {
@@ -270,7 +319,8 @@
.time-label {
  color: #666;
  font-size: 26rpx;
  width: 160rpx;
  width: 140rpx;
  flex-shrink: 0;
}

.time-value {
@@ -339,4 +389,19 @@
  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;
}