From 3008f0fcb87992077af811f9842793610fc52239 Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期二, 29 四月 2025 16:07:00 +0800
Subject: [PATCH] 优化首页项目切换逻辑，添加确认弹窗以提升用户体验；更新样式以增强项目选择的可视化效果。
---
pages/irrigationDetail/irrigationDetail.wxss | 249 ++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 232 insertions(+), 17 deletions(-)
diff --git a/pages/irrigationDetail/irrigationDetail.wxss b/pages/irrigationDetail/irrigationDetail.wxss
index eb5eac0..43d7214 100644
--- a/pages/irrigationDetail/irrigationDetail.wxss
+++ b/pages/irrigationDetail/irrigationDetail.wxss
@@ -25,42 +25,98 @@
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: 28rpx;
+ font-size: 34rpx;
font-weight: 500;
+ white-space: normal;
+ word-break: break-all;
}
-.status-icon {
- width: 80rpx;
- height: 80rpx;
+/* 鐘舵�佹爣绛炬牱寮� */
+.plan-status {
+ padding: 4rpx 16rpx;
+ border-radius: 20rpx;
+ font-size: 26rpx;
+ color: #fff;
+ text-align: center;
margin-left: 20rpx;
- flex-shrink: 0;
- margin-top: -10rpx;
- margin-bottom: -10rpx;
+}
+
+.plan-status.draft {
+ background-color: #9E9E9E;
+}
+
+.plan-status.published {
+ background-color: #90CAF9;
+}
+
+.plan-status.executing {
+ background-color: #2196F3;
+}
+
+.plan-status.completed {
+ background-color: #4CAF50;
+}
+
+.plan-status.terminated {
+ background-color: #F44336;
}
.time-info, .project-info {
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;
+}
+
+/* 鍛戒护鍙戝竷澶辫触鏁版牱寮� */
+.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;
+ font-size: 30rpx;
}
/* 椤圭洰鍒楄〃鏍峰紡 */
@@ -121,14 +177,14 @@
}
.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;
}
@@ -150,7 +206,10 @@
.group-status-indicator {
display: flex;
align-items: center;
- margin-bottom: 16rpx;
+ margin-left: auto;
+ background-color: #f5f7fa;
+ padding: 4rpx 10rpx;
+ border-radius: 8rpx;
}
.status-dot {
@@ -158,6 +217,7 @@
height: 16rpx;
border-radius: 50%;
margin-right: 8rpx;
+ flex-shrink: 0;
}
.group-item.pending .status-dot {
@@ -172,9 +232,59 @@
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;
+}
+
+.group-item.pending .status-text {
+ color: #e6c100;
+}
+
+.group-item.in_progress .status-text {
+ color: #4CAF50;
+}
+
+.group-item.completed .status-text {
+ 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);
+}
+
+.group-item.in_progress .group-status-indicator {
+ background-color: rgba(76, 175, 80, 0.1);
+}
+
+.group-item.completed .group-status-indicator {
+ 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);
}
/* 杞亴缁勪俊鎭牱寮� */
@@ -182,11 +292,37 @@
margin-top: 12rpx;
}
+.group-name-row {
+ display: flex;
+ 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: 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;
- margin-bottom: 12rpx;
+ flex-shrink: 0;
+ white-space: normal;
+ word-break: break-all;
}
.group-time-info {
@@ -202,11 +338,90 @@
.time-label {
color: #666;
- font-size: 26rpx;
+ font-size: 31rpx;
width: 160rpx;
+ flex-shrink: 0;
}
.time-value {
color: #333;
+ font-size: 28rpx;
+}
+
+/* 鍙栨按鍙ｄ俊鎭牱寮� */
+.intake-info {
+ margin-top: 20rpx;
+ border-top: 1rpx dashed #e0e0e0;
+ padding-top: 16rpx;
+}
+
+.intake-header {
+ font-size: 30rpx;
+ color: #333;
+ font-weight: 500;
+ margin-bottom: 12rpx;
+}
+
+.intake-list {
+ display: flex;
+ flex-direction: column;
+ gap: 10rpx;
+}
+
+.intake-item {
+ background-color: #f9f9f9;
+ border-radius: 8rpx;
+ padding: 12rpx 16rpx;
+}
+
+.intake-item.success {
+ border-left: 4rpx solid #4CAF50;
+}
+
+.intake-item.error {
+ border-left: 4rpx solid #F44336;
+}
+
+.intake-name {
+ display: flex;
+ align-items: center;
+ font-size: 28rpx;
+ color: #333;
+}
+
+.intake-status-dot {
+ width: 12rpx;
+ height: 12rpx;
+ border-radius: 50%;
+ margin-right: 8rpx;
+}
+
+.intake-item.success .intake-status-dot {
+ background-color: #4CAF50;
+}
+
+.intake-item.error .intake-status-dot {
+ background-color: #F44336;
+}
+
+.intake-result {
+ margin-top: 6rpx;
font-size: 26rpx;
+ color: #F44336;
+ padding-left: 20rpx;
+}
+
+.failure-count {
+ margin-top: 10rpx;
+ font-size: 30rpx;
+}
+
+.failure-count .label {
+ color: #666;
+}
+
+.failure-count .error-text {
+ color: #ff4d4f;
+ font-weight: bold;
+ margin-left: 8rpx;
}
\ No newline at end of file
--
Gitblit v1.8.0