From 832a41e2688553219b540ca772faeaba16a02088 Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期五, 22 八月 2025 14:44:23 +0800
Subject: [PATCH] 更新项目配置，提升监测页面功能，新增注肥泵状态管理和故障清除功能；优化样式以增强用户体验和可视化效果。
---
pages/stationMonitor/stationMonitor.wxss | 83 ++++++++++++++++++++++++++++++++++++++++-
1 files changed, 81 insertions(+), 2 deletions(-)
diff --git a/pages/stationMonitor/stationMonitor.wxss b/pages/stationMonitor/stationMonitor.wxss
index b377ea2..1a34923 100644
--- a/pages/stationMonitor/stationMonitor.wxss
+++ b/pages/stationMonitor/stationMonitor.wxss
@@ -48,7 +48,7 @@
position: sticky;
/* 浣跨敤sticky瀹氫綅 */
top: 0;
- z-index: 9999;
+ z-index: 999;
background-color: #fff;
/* 纭繚鑳屾櫙鑹� */
/* 鍑忓皬tabs楂樺害 */
@@ -1001,12 +1001,91 @@
transform: scale(0.98);
}
-/* 姘磋偉鏈烘暟鎹」鏍峰紡 */
+/* 娉ㄨ偉娉电姸鎬佽鏍峰紡 */
.monitoring-data .data-item.pump-status {
border-left-color: #1890ff;
background: linear-gradient(135deg, #e6f7ff 0%, #ffffff 100%);
}
+/* 娉ㄨ偉娉电姸鎬佽 - 閲嶆柊璁捐涓轰袱妯″潡甯冨眬 */
+.fertilizer-info-card .monitoring-data .data-grid .data-item.pump-status {
+ display: flex !important;
+ align-items: center !important;
+ justify-content: space-between !important;
+ padding: 20rpx !important;
+ gap: 16rpx !important;
+}
+
+/* 宸︿晶妯″潡锛氬浘鏍�+鏍囩+鐘舵�佸�� */
+.fertilizer-info-card .monitoring-data .data-grid .data-item.pump-status .data-content {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+ flex: 1;
+ /* 鍏抽棴 gap锛屾敼鐢� margin 鎺у埗锛屽吋瀹规�ф洿濂� */
+ gap: 0 !important;
+ min-width: 0;
+}
+
+/* 鍙綔鐢ㄤ簬娉ㄨ偉娉电姸鎬佽锛氱敤 margin 鎺у埗 label 涓� value 鐨勯棿璺濓紝閬垮厤 gap 鍏煎鎬ч棶棰� */
+.fertilizer-info-card .monitoring-data .data-grid .data-item.pump-status.custom-pump-row .data-label {
+ display: block !important;
+ margin-bottom: 0 !important;
+ line-height: 1 !important;
+}
+.fertilizer-info-card .monitoring-data .data-grid .data-item.pump-status.custom-pump-row .data-value {
+ display: block !important;
+ margin-top: -10rpx !important;
+ line-height: 1 !important;
+}
+
+/* 宸︿晶妯″潡涓殑鐘舵�佸�兼牱寮� */
+.fertilizer-info-card .monitoring-data .data-grid .data-item.pump-status .data-value {
+ font-size: 36rpx !important;
+ font-weight: 700 !important;
+ line-height: 1.2 !important;
+ margin: 0 !important;
+}
+
+/* 鐘舵�佸�兼牱寮� */
+.data-value.normal {
+ color: #52c41a;
+}
+
+.data-value.alarm {
+ color: #ff4d4f;
+}
+
+/* 鍙充晶妯″潡锛氭竻闄ゆ姤璀︽寜閽� - 鐙珛妯″潡鍦ㄥ彸杈瑰眳涓� */
+.fertilizer-info-card .monitoring-data .data-grid .data-item.pump-status .clear-fault-btn {
+ background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%) !important;
+ color: white !important;
+ border: none !important;
+ border-radius: 20rpx !important;
+ padding: 12rpx 20rpx !important;
+ font-size: 24rpx !important;
+ font-weight: 500 !important;
+ box-shadow: 0 4rpx 12rpx rgba(255, 77, 79, 0.3) !important;
+ transition: all 0.3s ease !important;
+ white-space: nowrap !important;
+ line-height: 1.2 !important;
+ height: 50rpx !important;
+ min-height: 44rpx !important;
+ display: flex !important;
+ align-items: center !important;
+ justify-content: center !important;
+ flex-shrink: 0 !important;
+ margin: 0 !important;
+ align-self: center !important;
+}
+
+/* 娓呴櫎鏁呴殰鎸夐挳婵�娲荤姸鎬� - 鍙拡瀵规敞鑲ユ车鐘舵�佽 */
+.fertilizer-info-card .monitoring-data .data-grid .data-item.pump-status .clear-fault-btn:active {
+ transform: scale(0.95) !important;
+ box-shadow: 0 1rpx 4rpx rgba(255, 77, 79, 0.4) !important;
+}
+
.monitoring-data .data-item.waste-flow {
border-left-color: #52c41a;
background: linear-gradient(135deg, #f6ffed 0%, #ffffff 100%);
--
Gitblit v1.8.0