From 8ac8aa810302c78d18d0b37b155bdbf814ae466f Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期二, 11 二月 2025 10:12:36 +0800
Subject: [PATCH] ll

---
 screen/src/views/EnergyConsum.vue |   34 ++++++++++++++++++++++++++++------
 screen/src/views/FireFighting.vue |    2 +-
 2 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/screen/src/views/EnergyConsum.vue b/screen/src/views/EnergyConsum.vue
index 6386749..33a6337 100644
--- a/screen/src/views/EnergyConsum.vue
+++ b/screen/src/views/EnergyConsum.vue
@@ -346,11 +346,25 @@
       },
       data: data5.value.map(i => dayjs(i.timeData).format('M'))
     },
+    // tooltip: {
+    //   trigger: 'axis',
+    //   axisPointer: {
+    //     type: 'line'
+    //   },
+    // },
     tooltip: {
       trigger: 'axis',
-      axisPointer: {
-        type: 'line'
-      },
+      formatter: function (params) {
+        // 閬嶅巻鎮诞鏃剁殑鎵�鏈夌偣锛屽畾鍒跺寲鏄剧ず鍐呭
+        let result = `<div>
+          <div style="width: 120px">${params[0].name}鏈�</div>  
+          <div style="display: flex;align-items: center;;margin-top: 2px;">
+            <div style="display: flex;align-items: center;"><div style="width: 10px;height: 10px; border-radius: 50%;background-color: #f6d047;margin-right: 6px;"></div></div>
+            <div><strong>${params[0].value} L</strong></div>
+          </div>
+        </div>`
+        return result
+      }
     },
     yAxis: {
       type: 'value',
@@ -634,9 +648,17 @@
     },
     tooltip: {
       trigger: 'axis',
-      axisPointer: {
-        type: 'line'
-      },
+      formatter: function (params) {
+        // 閬嶅巻鎮诞鏃剁殑鎵�鏈夌偣锛屽畾鍒跺寲鏄剧ず鍐呭
+        let result = `<div>
+          <div style="width: 120px">${params[0].name}鏈�</div>  
+          <div style="display: flex;align-items: center;;margin-top: 2px;">
+            <div style="display: flex;align-items: center;"><div style="width: 10px;height: 10px; border-radius: 50%;background-color: #61a1c4;margin-right: 6px;"></div></div>
+            <div><strong>${params[0].value} </strong></div>
+          </div>
+        </div>`
+        return result
+      }
     },
     xAxis: {
       type: 'category',
diff --git a/screen/src/views/FireFighting.vue b/screen/src/views/FireFighting.vue
index 98f7356..96d6c56 100644
--- a/screen/src/views/FireFighting.vue
+++ b/screen/src/views/FireFighting.vue
@@ -1114,7 +1114,7 @@
               flex: 2;
               display: flex;
               justify-content: center;
-              margin: 0 6px;
+              /* margin: 0 6px; */
               align-items: center;
               white-space: nowrap;
               overflow: hidden;

--
Gitblit v1.9.3