From ad9c163fefcfdd15463926f7713c4af81c01cd87 Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期四, 27 三月 2025 13:50:58 +0800
Subject: [PATCH] 更新创建灌溉计划页面，添加API通信模块，优化项目选择器和时间选择功能；增强用户体验，修复轮灌组显示逻辑，调整样式和配置文件。
---
pages/irrigationDetail/irrigationDetail.wxss | 150 +++++++++++++++++++++----------------------------
1 files changed, 64 insertions(+), 86 deletions(-)
diff --git a/pages/irrigationDetail/irrigationDetail.wxss b/pages/irrigationDetail/irrigationDetail.wxss
index faa1876..eb5eac0 100644
--- a/pages/irrigationDetail/irrigationDetail.wxss
+++ b/pages/irrigationDetail/irrigationDetail.wxss
@@ -2,50 +2,65 @@
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;
}
/* 椤圭洰鍒楄〃鏍峰紡 */
@@ -55,7 +70,7 @@
}
.scroll-content {
- padding: 0 30rpx 30rpx 30rpx;
+ padding: 20rpx;
}
.project-item {
@@ -120,115 +135,78 @@
/* 杞亴缁勫垪琛ㄦ牱寮� */
.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;
}
\ No newline at end of file
--
Gitblit v1.8.0