From 50433e86b718fab0d94ea1410724b29b5f53fa0a Mon Sep 17 00:00:00 2001 From: zuoxiao <zuoxiao> Date: 星期三, 09 四月 2025 15:11:26 +0800 Subject: [PATCH] 更新SVG图标样式,优化灌溉计划和取水口页面逻辑,添加状态处理和信息提示功能;调整界面样式,提升用户体验。 --- pages/irrigationDetail/irrigationDetail.wxss | 148 ++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 139 insertions(+), 9 deletions(-) diff --git a/pages/irrigationDetail/irrigationDetail.wxss b/pages/irrigationDetail/irrigationDetail.wxss index eb5eac0..55c152d 100644 --- a/pages/irrigationDetail/irrigationDetail.wxss +++ b/pages/irrigationDetail/irrigationDetail.wxss @@ -30,21 +30,43 @@ .plan-code .label { color: #666; font-size: 28rpx; + margin-right: 8rpx; } .plan-code .value { color: #333; - font-size: 28rpx; + font-size: 32rpx; font-weight: 500; } -.status-icon { - width: 80rpx; - height: 80rpx; +/* 鐘舵�佹爣绛炬牱寮� */ +.plan-status { + padding: 4rpx 16rpx; + border-radius: 20rpx; + font-size: 24rpx; + 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 { @@ -61,6 +83,7 @@ .time-info .value, .project-info .value { color: #333; font-size: 28rpx; + font-weight: 500; } /* 椤圭洰鍒楄〃鏍峰紡 */ @@ -150,7 +173,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 +184,7 @@ height: 16rpx; border-radius: 50%; margin-right: 8rpx; + flex-shrink: 0; } .group-item.pending .status-dot { @@ -175,6 +202,32 @@ .status-text { font-size: 26rpx; 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.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); } /* 杞亴缁勪俊鎭牱寮� */ @@ -182,11 +235,25 @@ margin-top: 12rpx; } +.group-name-row { + display: flex; + align-items: center; + margin-bottom: 12rpx; + width: 100%; +} + +.group-label { + font-size: 32rpx; + color: #666; + margin-right: 8rpx; + flex-shrink: 0; +} + .group-name { font-size: 32rpx; font-weight: 500; color: #333; - margin-bottom: 12rpx; + flex-shrink: 0; } .group-time-info { @@ -209,4 +276,67 @@ .time-value { color: #333; font-size: 26rpx; +} + +/* 鍙栨按鍙d俊鎭牱寮� */ +.intake-info { + margin-top: 20rpx; + border-top: 1rpx dashed #e0e0e0; + padding-top: 16rpx; +} + +.intake-header { + font-size: 28rpx; + 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: 26rpx; + 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: 24rpx; + color: #F44336; + padding-left: 20rpx; } \ No newline at end of file -- Gitblit v1.8.0