|  |  | 
 |  |  |   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 { |