|  |  |  | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | height: 100vh; | 
|---|
|  |  |  | background-color: #F5F5F5; | 
|---|
|  |  |  | background-color: #f5f5f5; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 顶部信息区域样式 */ | 
|---|
|  |  |  | .header-section { | 
|---|
|  |  |  | background-color: #FFFFFF; | 
|---|
|  |  |  | padding: 20rpx 30rpx; | 
|---|
|  |  |  | margin-bottom: 20rpx; | 
|---|
|  |  |  | box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05); | 
|---|
|  |  |  | background-color: #ffffff; | 
|---|
|  |  |  | padding: 20rpx; | 
|---|
|  |  |  | border-bottom: 1rpx solid #e0e0e0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .plan-info { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | justify-content: space-between; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | margin-bottom: 20rpx; | 
|---|
|  |  |  | margin-bottom: 8rpx; | 
|---|
|  |  |  | min-height: 40rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .plan-code { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | line-height: 40rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .plan-code .label { | 
|---|
|  |  |  | color: #666; | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .plan-code .value { | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .status-icon { | 
|---|
|  |  |  | width: 68rpx; | 
|---|
|  |  |  | height: 68rpx; | 
|---|
|  |  |  | width: 80rpx; | 
|---|
|  |  |  | height: 80rpx; | 
|---|
|  |  |  | margin-left: 20rpx; | 
|---|
|  |  |  | flex-shrink: 0; | 
|---|
|  |  |  | margin-top: -10rpx; | 
|---|
|  |  |  | margin-bottom: -10rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .time-info { | 
|---|
|  |  |  | .time-info, .project-info { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | padding: 10rpx 0; | 
|---|
|  |  |  | margin-top: 8rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .label { | 
|---|
|  |  |  | color: #666666; | 
|---|
|  |  |  | .time-info .label, .project-info .label { | 
|---|
|  |  |  | color: #666; | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | margin-right: 10rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .value { | 
|---|
|  |  |  | color: #333333; | 
|---|
|  |  |  | .time-info .value, .project-info .value { | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 项目列表样式 */ | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .scroll-content { | 
|---|
|  |  |  | padding: 0 30rpx 30rpx 30rpx; | 
|---|
|  |  |  | padding: 20rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .project-item { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 轮灌组列表样式 */ | 
|---|
|  |  |  | .group-list { | 
|---|
|  |  |  | background-color: #FFFFFF; | 
|---|
|  |  |  | border-radius: 0 0 12rpx 12rpx; | 
|---|
|  |  |  | padding: 0 20rpx; | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | overflow: hidden; | 
|---|
|  |  |  | max-height: 0; | 
|---|
|  |  |  | transition: all 0.3s ease-in-out; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | box-sizing: border-box; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-list.expanded { | 
|---|
|  |  |  | max-height: 2000rpx; /* 足够大的高度以容纳内容 */ | 
|---|
|  |  |  | padding: 0 20rpx 20rpx 20rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-list.collapsed { | 
|---|
|  |  |  | max-height: 0; | 
|---|
|  |  |  | padding-top: 0; | 
|---|
|  |  |  | padding-bottom: 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-item { | 
|---|
|  |  |  | border-radius: 8rpx; | 
|---|
|  |  |  | margin-top: 20rpx; | 
|---|
|  |  |  | background-color: #ffffff; | 
|---|
|  |  |  | border-radius: 12rpx; | 
|---|
|  |  |  | padding: 20rpx; | 
|---|
|  |  |  | background-color: #F9F9F9; | 
|---|
|  |  |  | position: relative; | 
|---|
|  |  |  | margin-bottom: 20rpx; | 
|---|
|  |  |  | box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 轮灌组状态样式 */ | 
|---|
|  |  |  | .group-status-indicator { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | margin-bottom: 20rpx; | 
|---|
|  |  |  | margin-bottom: 16rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .status-dot { | 
|---|
|  |  |  | width: 16rpx; | 
|---|
|  |  |  | height: 16rpx; | 
|---|
|  |  |  | border-radius: 50%; | 
|---|
|  |  |  | margin-right: 10rpx; | 
|---|
|  |  |  | margin-right: 8rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-item.pending .status-dot { | 
|---|
|  |  |  | background-color: #ffd700; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-item.in_progress .status-dot { | 
|---|
|  |  |  | background-color: #4CAF50; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-item.completed .status-dot { | 
|---|
|  |  |  | background-color: #2196F3; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .status-text { | 
|---|
|  |  |  | font-size: 26rpx; | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 已灌溉状态 */ | 
|---|
|  |  |  | .irrigated .status-dot { | 
|---|
|  |  |  | background-color: #52C41A; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .irrigated .status-text { | 
|---|
|  |  |  | color: #52C41A; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 正在灌溉状态 */ | 
|---|
|  |  |  | .irrigating .status-dot { | 
|---|
|  |  |  | background-color: #D43030; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .irrigating .status-text { | 
|---|
|  |  |  | color: #D43030; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 未灌溉状态 */ | 
|---|
|  |  |  | .waiting .status-dot { | 
|---|
|  |  |  | background-color: #FAAD14; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .waiting .status-text { | 
|---|
|  |  |  | color: #FAAD14; | 
|---|
|  |  |  | color: #666; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 轮灌组信息样式 */ | 
|---|
|  |  |  | .group-info { | 
|---|
|  |  |  | padding-left: 26rpx; | 
|---|
|  |  |  | margin-top: 12rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-name { | 
|---|
|  |  |  | font-size: 30rpx; | 
|---|
|  |  |  | font-weight: bold; | 
|---|
|  |  |  | color: #333333; | 
|---|
|  |  |  | margin-bottom: 20rpx; | 
|---|
|  |  |  | font-size: 32rpx; | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | margin-bottom: 12rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-time-info { | 
|---|
|  |  |  | background-color: #FFFFFF; | 
|---|
|  |  |  | border-radius: 8rpx; | 
|---|
|  |  |  | padding: 20rpx; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | gap: 8rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .time-row { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | margin-bottom: 10rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .time-row:last-child { | 
|---|
|  |  |  | margin-bottom: 0; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .time-label { | 
|---|
|  |  |  | color: #666666; | 
|---|
|  |  |  | color: #666; | 
|---|
|  |  |  | font-size: 26rpx; | 
|---|
|  |  |  | width: 150rpx; | 
|---|
|  |  |  | width: 160rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .time-value { | 
|---|
|  |  |  | color: #333333; | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | font-size: 26rpx; | 
|---|
|  |  |  | } | 
|---|