|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 命令发布失败数样式 */ | 
|---|
|  |  |  | 
|---|
|  |  |  | padding: 4rpx 12rpx; | 
|---|
|  |  |  | border-radius: 4rpx; | 
|---|
|  |  |  | display: inline-block; | 
|---|
|  |  |  | font-size: 30rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 项目列表样式 */ | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | 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); | 
|---|
|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | 
|---|
|  |  |  | 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 { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 取水口信息样式 */ | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .intake-header { | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | font-size: 30rpx; | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | margin-bottom: 12rpx; | 
|---|
|  |  |  | 
|---|
|  |  |  | .intake-name { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | font-size: 26rpx; | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .intake-result { | 
|---|
|  |  |  | margin-top: 6rpx; | 
|---|
|  |  |  | font-size: 24rpx; | 
|---|
|  |  |  | font-size: 26rpx; | 
|---|
|  |  |  | color: #F44336; | 
|---|
|  |  |  | padding-left: 20rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .failure-count { | 
|---|
|  |  |  | margin-top: 10rpx; | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | font-size: 30rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .failure-count .label { | 
|---|