From 1deae41188ba722823103dd86a0bb36e8254debf Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Wed, 8 Jul 2026 09:49:57 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AE=AD=E5=A4=B4=E6=96=B9=E5=90=91=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../monthlyOverview.vue                       |  3 +-
 .../totalOverview.vue                         | 39 ++++---------------
 .../monthlyOverview.vue                       | 37 ++++--------------
 .../totalOverview.vue                         | 37 ++++--------------
 .../monthlyOverview.vue                       |  3 +-
 .../totalOverview.vue                         |  9 ++++-
 .../monthlyOverview.vue                       |  1 +
 .../totalOverview.vue                         | 37 ++++--------------
 8 files changed, 42 insertions(+), 124 deletions(-)

diff --git a/src/views/home/electricityCostAnalysisComponents/monthlyOverview.vue b/src/views/home/electricityCostAnalysisComponents/monthlyOverview.vue
index e4381387..c07a8b2c 100644
--- a/src/views/home/electricityCostAnalysisComponents/monthlyOverview.vue
+++ b/src/views/home/electricityCostAnalysisComponents/monthlyOverview.vue
@@ -13,7 +13,7 @@
               </div>
               <div class="mom">
                 环比{{ formatRate(factoryData?.thb) }}%
-                <img v-if="factoryData?.thb >= 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
+                <img v-if="factoryData?.thb < 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
                 <img v-else class="arrow" src="../../../assets/img/downArrow.png" alt="下降">
               </div>
             </div>
@@ -146,6 +146,7 @@ export default {
     width: 16px;
     height: 16px;
     object-fit: contain;
+    transform: rotate(180deg);
   }
 }
 
diff --git a/src/views/home/electricityCostAnalysisComponents/totalOverview.vue b/src/views/home/electricityCostAnalysisComponents/totalOverview.vue
index 2c3260e2..0363c429 100644
--- a/src/views/home/electricityCostAnalysisComponents/totalOverview.vue
+++ b/src/views/home/electricityCostAnalysisComponents/totalOverview.vue
@@ -15,7 +15,7 @@
               </div>
               <div class="mom">
                 同比{{ formatRate(factoryData?.thb) }}%
-                <img v-if="factoryData?.thb >= 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
+                <img v-if="factoryData?.thb < 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
                 <img v-else class="arrow" src="../../../assets/img/downArrow.png" alt="下降">
               </div>
             </div>
@@ -152,6 +152,13 @@ export default {
     font-style: normal;
     margin-top: 20px;
   }
+  // 箭头样式优化
+  .arrow {
+    width: 16px;
+    height: 16px;
+    object-fit: contain;
+    transform: rotate(180deg);
+  }
 }
 
 .line {
@@ -159,34 +166,4 @@ export default {
   height: 205px;
   background: #F9FCFF;
 }
-
-// .leftTitle {
-//   .item {
-//     width: 67px;
-//     height: 180px;
-//     padding: 37px 23px;
-//     background: #F9FCFF;
-//     font-family: PingFangSC, PingFang SC;
-//     font-weight: 400;
-//     font-size: 18px;
-//     color: #000000;
-//     line-height: 25px;
-//     letter-spacing: 1px;
-//     // text-align: left;
-//     font-style: normal;
-//   }
-// }
 </style>
-
-<!-- <style>
-/* 全局 tooltip 样式（不使用 scoped，确保生效） */
-.production-status-chart-tooltip {
-  background: #0a2b4f77 !important;
-  border: none !important;
-  backdrop-filter: blur(12px);
-}
-
-.production-status-chart-tooltip * {
-  color: #fff !important;
-}
-</style> -->
diff --git a/src/views/home/expenseAnalysisComponents/monthlyOverview.vue b/src/views/home/expenseAnalysisComponents/monthlyOverview.vue
index ac47b3e5..474eb93e 100644
--- a/src/views/home/expenseAnalysisComponents/monthlyOverview.vue
+++ b/src/views/home/expenseAnalysisComponents/monthlyOverview.vue
@@ -135,6 +135,13 @@ export default {
     font-style: normal;
     margin-top: 20px;
   }
+  // 箭头样式优化
+  .arrow {
+    width: 16px;
+    height: 16px;
+    object-fit: contain;
+    transform: rotate(180deg);
+  }
 }
 
 .line {
@@ -142,34 +149,4 @@ export default {
   height: 205px;
   background: #F9FCFF;
 }
-
-// .leftTitle {
-//   .item {
-//     width: 67px;
-//     height: 180px;
-//     padding: 37px 23px;
-//     background: #F9FCFF;
-//     font-family: PingFangSC, PingFang SC;
-//     font-weight: 400;
-//     font-size: 18px;
-//     color: #000000;
-//     line-height: 25px;
-//     letter-spacing: 1px;
-//     // text-align: left;
-//     font-style: normal;
-//   }
-// }
 </style>
-
-<!-- <style>
-/* 全局 tooltip 样式（不使用 scoped，确保生效） */
-.production-status-chart-tooltip {
-  background: #0a2b4f77 !important;
-  border: none !important;
-  backdrop-filter: blur(12px);
-}
-
-.production-status-chart-tooltip * {
-  color: #fff !important;
-}
-</style> -->
diff --git a/src/views/home/expenseAnalysisComponents/totalOverview.vue b/src/views/home/expenseAnalysisComponents/totalOverview.vue
index 7d06851e..e021ae46 100644
--- a/src/views/home/expenseAnalysisComponents/totalOverview.vue
+++ b/src/views/home/expenseAnalysisComponents/totalOverview.vue
@@ -141,6 +141,13 @@ export default {
     font-style: normal;
     margin-top: 20px;
   }
+  // 箭头样式优化
+  .arrow {
+    width: 16px;
+    height: 16px;
+    object-fit: contain;
+    transform: rotate(180deg);
+  }
 }
 
 .line {
@@ -148,34 +155,4 @@ export default {
   height: 205px;
   background: #F9FCFF;
 }
-
-// .leftTitle {
-//   .item {
-//     width: 67px;
-//     height: 180px;
-//     padding: 37px 23px;
-//     background: #F9FCFF;
-//     font-family: PingFangSC, PingFang SC;
-//     font-weight: 400;
-//     font-size: 18px;
-//     color: #000000;
-//     line-height: 25px;
-//     letter-spacing: 1px;
-//     // text-align: left;
-//     font-style: normal;
-//   }
-// }
 </style>
-
-<!-- <style>
-/* 全局 tooltip 样式（不使用 scoped，确保生效） */
-.production-status-chart-tooltip {
-  background: #0a2b4f77 !important;
-  border: none !important;
-  backdrop-filter: blur(12px);
-}
-
-.production-status-chart-tooltip * {
-  color: #fff !important;
-}
-</style> -->
diff --git a/src/views/home/fullCostAnalysisComponents/monthlyOverview.vue b/src/views/home/fullCostAnalysisComponents/monthlyOverview.vue
index 3f31c11d..880e8729 100644
--- a/src/views/home/fullCostAnalysisComponents/monthlyOverview.vue
+++ b/src/views/home/fullCostAnalysisComponents/monthlyOverview.vue
@@ -13,7 +13,7 @@
               </div>
               <div class="mom">
                 环比{{ formatRate(factoryData?.thb) }}%
-                <img v-if="factoryData?.thb >= 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
+                <img v-if="factoryData?.thb < 0" class="arrow" src="../../../assets/img/topArrow.png" alt="上升">
                 <img v-else class="arrow" src="../../../assets/img/downArrow.png" alt="下降">
               </div>
             </div>
@@ -162,6 +162,7 @@ export default {
     width: 16px;
     height: 16px;
     object-fit: contain;
+    transform: rotate(180deg);
   }
 }
 
diff --git a/src/views/home/fullCostAnalysisComponents/totalOverview.vue b/src/views/home/fullCostAnalysisComponents/totalOverview.vue
index 0e8c77af..dec175fb 100644
--- a/src/views/home/fullCostAnalysisComponents/totalOverview.vue
+++ b/src/views/home/fullCostAnalysisComponents/totalOverview.vue
@@ -15,7 +15,7 @@
               </div>
               <div class="mom">
                 同比{{ formatRate(factoryData?.thb) }}%
-                <img v-if="factoryData?.thb >= 0" class="arrow" src="../../../assets/img/topArrow.png" alt="">
+                <img v-if="factoryData?.thb < 0" class="arrow" src="../../../assets/img/topArrow.png" alt="">
                 <img v-else class="arrow" src="../../../assets/img/downArrow.png" alt="">
               </div>
             </div>
@@ -168,6 +168,13 @@ export default {
     font-style: normal;
     margin-top: 20px;
   }
+  // 箭头样式优化
+  .arrow {
+    width: 16px;
+    height: 16px;
+    object-fit: contain;
+    transform: rotate(180deg);
+  }
 }
 
 .line {
diff --git a/src/views/home/productionCostAnalysisComponents/monthlyOverview.vue b/src/views/home/productionCostAnalysisComponents/monthlyOverview.vue
index 114fa9d4..440baf5c 100644
--- a/src/views/home/productionCostAnalysisComponents/monthlyOverview.vue
+++ b/src/views/home/productionCostAnalysisComponents/monthlyOverview.vue
@@ -157,6 +157,7 @@ export default {
     width: 16px;
     height: 16px;
     object-fit: contain;
+    transform: rotate(180deg);
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/totalOverview.vue b/src/views/home/productionCostAnalysisComponents/totalOverview.vue
index 88c7da58..b656fe3f 100644
--- a/src/views/home/productionCostAnalysisComponents/totalOverview.vue
+++ b/src/views/home/productionCostAnalysisComponents/totalOverview.vue
@@ -180,6 +180,13 @@ getRateFlag(rate, real, target) {
     font-style: normal;
     margin-top: 20px;
   }
+  // 箭头样式优化
+  .arrow {
+    width: 16px;
+    height: 16px;
+    object-fit: contain;
+    transform: rotate(180deg);
+  }
 }
 
 .line {
@@ -187,34 +194,4 @@ getRateFlag(rate, real, target) {
   height: 205px;
   background: #F9FCFF;
 }
-
-// .leftTitle {
-//   .item {
-//     width: 67px;
-//     height: 180px;
-//     padding: 37px 23px;
-//     background: #F9FCFF;
-//     font-family: PingFangSC, PingFang SC;
-//     font-weight: 400;
-//     font-size: 18px;
-//     color: #000000;
-//     line-height: 25px;
-//     letter-spacing: 1px;
-//     // text-align: left;
-//     font-style: normal;
-//   }
-// }
 </style>
-
-<!-- <style>
-/* 全局 tooltip 样式（不使用 scoped，确保生效） */
-.production-status-chart-tooltip {
-  background: #0a2b4f77 !important;
-  border: none !important;
-  backdrop-filter: blur(12px);
-}
-
-.production-status-chart-tooltip * {
-  color: #fff !important;
-}
-</style> -->