From f1ba8e375237b7d622c447bfd0e462d2ea1bb644 Mon Sep 17 00:00:00 2001
From: bb_pan <max_163email@163.com>
Date: Wed, 29 Oct 2025 18:00:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../screen/wsScreen/components/left/EquipItem.vue  |  5 +++--
 .../wsScreen/components/left/EquipItemMore.vue     |  2 +-
 .../screen/wsScreen/components/left/RightItem.vue  | 14 +++++++++++++-
 .../screen/wsScreen/components/left/index.vue      |  6 +++---
 .../components/left/UnitEquipmentConfig.vue        |  2 ++
 .../wsScreenWidescreen/components/left/index.vue   |  6 +++---
 .../components/right/ProEquipSituationList.vue     |  2 ++
 .../components/right/UsageRateSituationList.vue    |  2 ++
 8 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/src/views/screen/wsScreen/components/left/EquipItem.vue b/src/views/screen/wsScreen/components/left/EquipItem.vue
index a892cade..11dc5fa8 100644
--- a/src/views/screen/wsScreen/components/left/EquipItem.vue
+++ b/src/views/screen/wsScreen/components/left/EquipItem.vue
@@ -137,8 +137,9 @@ export default {
     .left-tip {
       padding-top: 6px;
       padding-bottom: 15px;
-      font-size: 12px;
+      font-size: 11px;
       font-weight: 600;
+      width: 50px;
     }
   }
 
@@ -146,7 +147,7 @@ export default {
     margin-left: 10px;
     margin-top: 16px;
     padding: 4px 0;
-    font-size: 12px;
+    font-size: 11px;
     font-weight: 600;
     width: 100px;
     text-align: center;
diff --git a/src/views/screen/wsScreen/components/left/EquipItemMore.vue b/src/views/screen/wsScreen/components/left/EquipItemMore.vue
index 34e58a81..ec9ce2b8 100644
--- a/src/views/screen/wsScreen/components/left/EquipItemMore.vue
+++ b/src/views/screen/wsScreen/components/left/EquipItemMore.vue
@@ -4,7 +4,7 @@
       v-if="dialogVisible"
       v-loading="isLoading"
       :visible.sync="dialogVisible"
-      width="60%"
+      width="80%"
       :modal="false"
       class="dlg-box"
     >
diff --git a/src/views/screen/wsScreen/components/left/RightItem.vue b/src/views/screen/wsScreen/components/left/RightItem.vue
index d948ced7..46287430 100644
--- a/src/views/screen/wsScreen/components/left/RightItem.vue
+++ b/src/views/screen/wsScreen/components/left/RightItem.vue
@@ -59,6 +59,17 @@ export default {
           top: '20%',
           bottom: '15%',
         },
+        tooltip: {
+    trigger: 'axis',
+    axisPointer: {
+      type: 'shadow',
+    },
+    formatter: (params) => {
+      const item = params[0]
+      return `${item.name}<br/>数量：${item.value}`
+    },
+  },
+
         xAxis: {
           data: xData,
           axisTick: { show: false },
@@ -68,6 +79,7 @@ export default {
             color: '#ccc',
             fontSize: 12,
             margin: 10,
+            rotate: 45,
           },
         },
         yAxis: {
@@ -143,7 +155,7 @@ export default {
 
 <style lang="scss" scoped>
 .chart-container {
-  width: 1500px; /* 宽度 */
+  width: 900px; /* 宽度 */
   height: 209px; /* 高度 */
   margin: 0 auto;
 }
diff --git a/src/views/screen/wsScreen/components/left/index.vue b/src/views/screen/wsScreen/components/left/index.vue
index e5851b80..b3c983b3 100644
--- a/src/views/screen/wsScreen/components/left/index.vue
+++ b/src/views/screen/wsScreen/components/left/index.vue
@@ -23,13 +23,13 @@
       <div class="item-box">
         <el-row :gutter="20">
           <el-col :span="8" :offset="0">
-            <EquipItem title="线路装备" :state="state1" :pieValues="list1" @openDialog="openEquipItemMore(5474)" />
+            <EquipItem title="线路装备" :state="state1" :pieValues="list1" @openDialog="openEquipItemMore(2)" />
           </el-col>
           <el-col :span="8" :offset="0">
-            <EquipItem title="变电装备" :state="state2" :pieValues="list2" @openDialog="openEquipItemMore(5080)" />
+            <EquipItem title="变电装备" :state="state2" :pieValues="list2" @openDialog="openEquipItemMore(1)" />
           </el-col>
           <el-col :span="8" :offset="0">
-            <EquipItem title="电缆装备" :state="state3" :pieValues="list3" @openDialog="openEquipItemMore(5010)" />
+            <EquipItem title="电缆装备" :state="state3" :pieValues="list3" @openDialog="openEquipItemMore(3)" />
           </el-col>
         </el-row>
       </div>
diff --git a/src/views/screen/wsScreenWidescreen/components/left/UnitEquipmentConfig.vue b/src/views/screen/wsScreenWidescreen/components/left/UnitEquipmentConfig.vue
index 00c78525..3c4e50be 100644
--- a/src/views/screen/wsScreenWidescreen/components/left/UnitEquipmentConfig.vue
+++ b/src/views/screen/wsScreenWidescreen/components/left/UnitEquipmentConfig.vue
@@ -87,6 +87,8 @@ th,
 td {
   padding: 10px;
   text-align: center;
+  white-space: nowrap;
+  border: 1px solid rgba(255, 255, 255, 0.3); // 边框颜色可根据背景调整
 }
 
 th {
diff --git a/src/views/screen/wsScreenWidescreen/components/left/index.vue b/src/views/screen/wsScreenWidescreen/components/left/index.vue
index 51bcfa2f..d7c479b0 100644
--- a/src/views/screen/wsScreenWidescreen/components/left/index.vue
+++ b/src/views/screen/wsScreenWidescreen/components/left/index.vue
@@ -16,13 +16,13 @@
       <div class="item-box">
         <el-row :gutter="20">
           <el-col :span="8" :offset="0">
-            <EquipItem title="线路装备" :state="state1" :pieValues="list1" @openDialog="openEquipItemMore(5474)" />
+            <EquipItem title="线路装备" :state="state1" :pieValues="list1" @openDialog="openEquipItemMore(2)" />
           </el-col>
           <el-col :span="8" :offset="0">
-            <EquipItem title="变电装备" :state="state2" :pieValues="list2" @openDialog="openEquipItemMore(5080)" />
+            <EquipItem title="变电装备" :state="state2" :pieValues="list2" @openDialog="openEquipItemMore(1)" />
           </el-col>
           <el-col :span="8" :offset="0">
-            <EquipItem title="电缆装备" :state="state3" :pieValues="list3" @openDialog="openEquipItemMore(5010)" />
+            <EquipItem title="电缆装备" :state="state3" :pieValues="list3" @openDialog="openEquipItemMore(3)" />
           </el-col>
         </el-row>
       </div>
diff --git a/src/views/screen/wsScreenWidescreen/components/right/ProEquipSituationList.vue b/src/views/screen/wsScreenWidescreen/components/right/ProEquipSituationList.vue
index 941ab75a..42015f42 100644
--- a/src/views/screen/wsScreenWidescreen/components/right/ProEquipSituationList.vue
+++ b/src/views/screen/wsScreenWidescreen/components/right/ProEquipSituationList.vue
@@ -240,6 +240,8 @@ th,
 td {
   padding: 10px;
   text-align: center;
+  white-space: nowrap;
+  border: 1px solid rgba(255, 255, 255, 0.3); // 边框颜色可根据背景调整
 }
 
 th {
diff --git a/src/views/screen/wsScreenWidescreen/components/right/UsageRateSituationList.vue b/src/views/screen/wsScreenWidescreen/components/right/UsageRateSituationList.vue
index 48879770..d67ebcd6 100644
--- a/src/views/screen/wsScreenWidescreen/components/right/UsageRateSituationList.vue
+++ b/src/views/screen/wsScreenWidescreen/components/right/UsageRateSituationList.vue
@@ -99,6 +99,8 @@ th,
 td {
   padding: 10px;
   text-align: center;
+  white-space: nowrap;
+  border: 1px solid rgba(255, 255, 255, 0.3); // 边框颜色可根据背景调整
 }
 
 th {