样坏修改

src/layout/components/Navbar.vue

@@ -9,7 +9,7 @@
 
       <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
         <div class="avatar-wrapper">
-          <img :src="avatar" class="user-avatar">
+          <img :src="require(`../../assets/images/choicepart/avatar.png`)" class="user-avatar">
           <span v-if="nickname" class="user-nickname">{{ nickname }}</span>
           <i class="el-icon-caret-bottom" />
         </div>
@@ -188,7 +188,7 @@ export default {
           cursor: pointer;
           position: absolute;
           right: -20px;
-          top: 25px;
+          top: 18px;
           font-size: 12px;
         }
       }

src/views/home/expenseAnalysisComponents/monthlyOverview.vue

@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -144,7 +144,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -154,6 +154,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -167,6 +168,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/expenseAnalysisComponents/monthlyRelatedMetrics.vue

@@ -157,7 +157,7 @@ getRateFlag(rate, real, target) {
   max-width: 300px; // 最大宽度，限制过宽
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -201,6 +201,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 </style>

src/views/home/expenseAnalysisComponents/totalOverview.vue

@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -167,6 +167,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/expenseAnalysisComponents/yearRelatedMetrics.vue

@@ -158,7 +158,7 @@ getRateFlag(rate, real, target) {
   max-width: 300px; // 最大宽度，限制过宽
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -202,6 +202,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 </style>

src/views/home/fullCostAnalysisComponents/monthlyOverview.vue

@@ -142,7 +142,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -157,13 +157,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -178,6 +179,7 @@ getRateFlag(rate, real, target) {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化

src/views/home/fullCostAnalysisComponents/monthlyRelatedMetrics.vue

@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/fullCostAnalysisComponents/relatedIndicatorsAnalysis.vue

@@ -202,8 +202,7 @@ getRateFlag(rate, real, target) {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -221,7 +220,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -231,10 +230,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -244,6 +244,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/fullCostAnalysisComponents/totalOverview.vue

@@ -153,7 +153,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -172,7 +172,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -182,6 +182,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -195,6 +196,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/fullCostAnalysisComponents/yearRelatedMetrics.vue

@@ -118,8 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -137,7 +136,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +146,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +160,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/grossMarginComponents/monthlyOverview.vue

@@ -126,7 +126,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -145,7 +145,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -155,6 +155,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -168,6 +169,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/grossMarginComponents/monthlyRelatedMetrics.vue

@@ -153,7 +153,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -196,6 +196,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 

src/views/home/grossMarginComponents/totalOverview.vue

@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -167,6 +167,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/grossMarginComponents/yearRelatedMetrics.vue

@@ -157,7 +157,7 @@ export default {
   min-width: 300px; // 最小宽度，防止挤压
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0; // 左右内边距一致
+  padding: 16px 0 0 10px;// 左右内边距一致
   margin: 0 4px; // 左右间距
 
   .title {
@@ -201,6 +201,7 @@ export default {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 

src/views/home/inputOutputRatioComponents/monthlyOverview.vue

@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -144,7 +144,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -154,6 +154,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -167,6 +168,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/inputOutputRatioComponents/monthlyRelatedMetrics.vue

@@ -143,7 +143,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px; // 最小宽度限制
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -187,6 +187,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 

src/views/home/inputOutputRatioComponents/totalOverview.vue

@@ -125,8 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -167,6 +166,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/inputOutputRatioComponents/yearRelatedMetrics.vue

@@ -143,7 +143,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px; // 最小宽度限制
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -187,6 +187,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 

src/views/home/netPriceAnalysisComponents/monthlyOverview.vue

@@ -142,8 +142,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     height: 18px;
     font-family: PingFangSC, PingFang SC;
@@ -157,13 +156,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -178,6 +178,7 @@ getRateFlag(rate, real, target) {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化

src/views/home/netPriceAnalysisComponents/monthlyRelatedMetrics.vue

@@ -160,7 +160,7 @@ getRateFlag(rate, real, target) {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -179,7 +179,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -189,10 +189,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -202,6 +203,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/netPriceAnalysisComponents/totalOverview.vue

@@ -153,7 +153,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -172,7 +172,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -182,6 +182,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -195,6 +196,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/netPriceAnalysisComponents/yearRelatedMetrics.vue

@@ -155,7 +155,7 @@ getRateFlag(rate, real, target) {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -174,7 +174,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -184,10 +184,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -197,6 +198,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/operatingComponents/monthlyOverview.vue

@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -144,7 +144,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -154,6 +154,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -167,6 +168,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/operatingComponents/monthlyRelatedMetrics.vue

@@ -152,7 +152,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -195,6 +195,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 

src/views/home/operatingComponents/totalOverview.vue

@@ -125,8 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -167,6 +166,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/operatingComponents/yearRelatedMetrics.vue

@@ -148,7 +148,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -191,6 +191,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 

src/views/home/operatingProfitComponents/monthlyOverview.vue

@@ -115,8 +115,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     height: 18px;
     font-family: PingFangSC, PingFang SC;
@@ -130,13 +129,14 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -151,6 +151,7 @@ export default {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化

src/views/home/operatingProfitComponents/monthlyRelatedMetrics.vue

@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/operatingProfitComponents/relatedIndicatorsAnalysis.vue

@@ -222,7 +222,7 @@ export default {
   width: 258px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   /* 固定宽度，避免组件变形 */
   flex-shrink: 0;
 
@@ -256,7 +256,7 @@ export default {
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -266,6 +266,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 
   .line {

src/views/home/operatingProfitComponents/totalOverview.vue

@@ -126,8 +126,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -145,7 +144,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -155,10 +154,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -168,6 +168,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/operatingProfitComponents/yearRelatedMetrics.vue

@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/procurementGainAnalysisComponents/monthlyOverview.vue

@@ -142,7 +142,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -157,13 +157,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -178,6 +179,7 @@ getRateFlag(rate, real, target) {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化

src/views/home/procurementGainAnalysisComponents/monthlyRelatedMetrics.vue

@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/procurementGainAnalysisComponents/relatedIndicatorsAnalysis.vue

@@ -167,7 +167,7 @@ export default {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -197,7 +197,7 @@ export default {
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -207,6 +207,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 </style>

src/views/home/procurementGainAnalysisComponents/totalOverview.vue

@@ -153,7 +153,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -172,7 +172,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -182,6 +182,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -195,6 +196,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/procurementGainAnalysisComponents/yearRelatedMetrics.vue

@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/monthlyOverview.vue

@@ -112,7 +112,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -127,13 +127,14 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -148,6 +149,7 @@ export default {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化

src/views/home/productionCostAnalysisComponents/monthlyRelatedMetrics.vue

@@ -140,7 +140,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -159,7 +159,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -169,10 +169,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -182,6 +183,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/monthlyRelatedMetricsProcessingFuel.vue

@@ -141,7 +141,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -160,7 +160,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -170,10 +170,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -183,6 +184,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetrics.vue

@@ -178,7 +178,7 @@ export default {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -197,7 +197,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -207,10 +207,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -220,6 +221,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetricsPro.vue

@@ -177,7 +177,7 @@ export default {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -196,7 +196,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -206,10 +206,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -219,6 +220,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/relateCombustibleCostAnalysis.vue

@@ -187,7 +187,7 @@ export default {
   width: 390px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   flex-shrink: 0; // 固定宽度，不被挤压（与第二个组件一致）
   cursor: pointer; // 鼠标悬浮手型（保留原点击反馈）
   transition: all 0.2s ease; // 过渡动画（保留原样式）

src/views/home/productionCostAnalysisComponents/relateFactoryBurdenCostAnalysis.vue

@@ -203,7 +203,7 @@ export default {
   width: 390px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -222,7 +222,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -232,10 +232,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -245,6 +246,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/relateFuelCostAnalysis.vue

@@ -206,7 +206,7 @@ export default {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   flex-shrink: 0; // 固定宽度，不被挤压（与第二个组件一致）
   cursor: pointer; // 鼠标悬浮手型（保留原点击反馈）
   transition: all 0.2s ease; // 过渡动画（保留原样式）

src/views/home/productionCostAnalysisComponents/relateProcessCostAnalysis.vue

@@ -211,7 +211,7 @@ export default {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   // 核心：添加点击反馈样式
   cursor: pointer; // 鼠标悬浮显示手型
   transition: all 0.2s ease; // 过渡动画

src/views/home/productionCostAnalysisComponents/relateSingleCombustible.vue

@@ -207,8 +207,7 @@ export default {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -226,7 +225,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -236,10 +235,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -249,6 +249,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysis.vue

@@ -192,8 +192,7 @@ export default {
   width: 390px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -211,7 +210,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -221,10 +220,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -234,6 +234,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisDian.vue

@@ -181,8 +181,7 @@ export default {
   width: 390px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -200,7 +199,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -210,10 +209,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -223,6 +223,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisFu.vue

@@ -181,7 +181,7 @@ export default {
   width: 390px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -200,7 +200,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -210,10 +210,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -223,6 +224,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/relatedIndicatorsAnalysis.vue

@@ -221,7 +221,7 @@ export default {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   flex-shrink: 0; // 固定宽度，不被挤压（与第二个组件一致）
 
   .title {
@@ -258,6 +258,7 @@ export default {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 
   // .line {

src/views/home/productionCostAnalysisComponents/totalOverview.vue

@@ -138,7 +138,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -157,7 +157,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -167,10 +167,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -180,6 +181,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/yearRelatedMetrics.vue

@@ -135,7 +135,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -154,7 +154,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -164,10 +164,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -177,6 +178,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/yearRelatedMetricsFuel.vue

@@ -141,7 +141,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -160,7 +160,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -170,10 +170,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -183,6 +184,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/yearRelatedMetricsProcessingFuel.vue

@@ -148,7 +148,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -167,7 +167,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -177,10 +177,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -190,6 +191,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetrics.vue

@@ -178,8 +178,7 @@ export default {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -197,7 +196,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -207,10 +206,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -220,6 +220,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetricsPro.vue

@@ -177,8 +177,7 @@ export default {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -196,7 +195,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -206,10 +205,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -219,6 +219,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/rawSheetYieldComponents/monthlyOverview.vue

@@ -125,8 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -144,7 +143,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -154,6 +153,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -167,6 +167,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/rawSheetYieldComponents/monthlyRelatedMetrics.vue

@@ -143,7 +143,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px; // 最小宽度限制
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -187,6 +187,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 

src/views/home/rawSheetYieldComponents/totalOverview.vue

@@ -125,8 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -167,6 +166,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/rawSheetYieldComponents/yearRelatedMetrics.vue

@@ -143,7 +143,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px; // 最小宽度限制
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -187,6 +187,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 

src/views/home/salesVolumeAnalysisComponents/monthlyOverview.vue

@@ -142,8 +142,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     height: 18px;
     font-family: PingFangSC, PingFang SC;
@@ -157,13 +156,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -178,6 +178,7 @@ getRateFlag(rate, real, target) {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化

src/views/home/salesVolumeAnalysisComponents/monthlyRelatedMetrics.vue

@@ -144,7 +144,7 @@ getRateFlag(rate, real, target) {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -163,7 +163,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -173,10 +173,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -186,6 +187,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/salesVolumeAnalysisComponents/monthlyThreeRelatedMetrics.vue

@@ -156,8 +156,7 @@ getRateFlag(rate, real, target) {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -175,7 +174,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -185,10 +184,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -198,6 +198,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/salesVolumeAnalysisComponents/relatedIndicatorsAnalysis.vue

@@ -193,7 +193,7 @@ export default {
   width: 220px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -223,7 +223,7 @@ export default {
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -233,6 +233,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 </style>

src/views/home/salesVolumeAnalysisComponents/totalOverview.vue

@@ -153,8 +153,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -172,7 +171,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -182,6 +181,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -195,6 +195,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/salesVolumeAnalysisComponents/yearRelatedMetrics.vue

@@ -139,7 +139,7 @@ getRateFlag(rate, real, target) {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -158,7 +158,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -168,10 +168,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -181,6 +182,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/salesVolumeAnalysisComponents/yearThreeRelatedMetrics.vue

@@ -151,7 +151,7 @@ getRateFlag(rate, real, target) {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -170,7 +170,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -180,10 +180,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -193,6 +194,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/totalProfitComponents/monthlyOverview.vue

@@ -115,8 +115,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     height: 18px;
     font-family: PingFangSC, PingFang SC;
@@ -151,6 +150,7 @@ export default {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化

src/views/home/totalProfitComponents/monthlyRelatedMetrics.vue

@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/totalProfitComponents/relatedIndicatorsAnalysis.vue

@@ -249,7 +249,7 @@ export default {
   width: 220px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -268,7 +268,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -278,10 +278,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -291,6 +292,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/totalProfitComponents/totalOverview.vue

@@ -126,7 +126,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -158,6 +158,7 @@ export default {
   }
 
   .mom {
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -167,6 +168,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/totalProfitComponents/yearRelatedMetrics.vue

@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/unitPriceAnalysisComponents/monthlyOverview.vue

@@ -142,7 +142,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -157,13 +157,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -178,6 +179,7 @@ getRateFlag(rate, real, target) {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化

src/views/home/unitPriceAnalysisComponents/monthlyRelatedMetrics.vue

@@ -164,7 +164,7 @@ export default {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   box-sizing: border-box; // 防止内边距撑大容器
 
   .title {
@@ -187,13 +187,14 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -205,6 +206,7 @@ export default {
     color: #000000;
     line-height: 18px;
     letter-spacing: 1px;
+    z-index: 1000;
   }
 }
 </style>

src/views/home/unitPriceAnalysisComponents/relatedIndicatorsAnalysis.vue

@@ -157,8 +157,7 @@ export default {
   width: 220px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -176,7 +175,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -186,10 +185,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -199,6 +199,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/unitPriceAnalysisComponents/totalOverview.vue

@@ -153,7 +153,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -172,7 +172,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -182,6 +182,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -195,6 +196,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 

src/views/home/unitPriceAnalysisComponents/yearRelatedMetrics.vue

@@ -159,7 +159,7 @@ getRateFlag(rate, real, target) {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   box-sizing: border-box; // 防止内边距撑大容器
 
   .title {
@@ -182,13 +182,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -200,6 +201,7 @@ getRateFlag(rate, real, target) {
     color: #000000;
     line-height: 18px;
     letter-spacing: 1px;
+    z-index: 1000;
   }
 }
 </style>