From 0e6caec8d8e225c33f80fe17259db22d4fb04b23 Mon Sep 17 00:00:00 2001 From: juzi <819872918@qq.com> Date: Fri, 13 Mar 2026 14:03:58 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=9D=8F=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/avatar.png | Bin 0 -> 6770 bytes src/layout/components/Navbar.vue | 4 ++-- .../monthlyOverview.vue | 6 ++++-- .../monthlyRelatedMetrics.vue | 3 ++- .../expenseAnalysisComponents/totalOverview.vue | 3 ++- .../yearRelatedMetrics.vue | 3 ++- .../monthlyOverview.vue | 6 ++++-- .../monthlyRelatedMetrics.vue | 8 +++++--- .../relatedIndicatorsAnalysis.vue | 9 +++++---- .../fullCostAnalysisComponents/totalOverview.vue | 6 ++++-- .../yearRelatedMetrics.vue | 9 +++++---- .../grossMarginComponents/monthlyOverview.vue | 6 ++++-- .../monthlyRelatedMetrics.vue | 3 ++- .../home/grossMarginComponents/totalOverview.vue | 3 ++- .../grossMarginComponents/yearRelatedMetrics.vue | 3 ++- .../monthlyOverview.vue | 6 ++++-- .../monthlyRelatedMetrics.vue | 3 ++- .../inputOutputRatioComponents/totalOverview.vue | 4 ++-- .../yearRelatedMetrics.vue | 3 ++- .../monthlyOverview.vue | 7 ++++--- .../monthlyRelatedMetrics.vue | 8 +++++--- .../netPriceAnalysisComponents/totalOverview.vue | 6 ++++-- .../yearRelatedMetrics.vue | 8 +++++--- .../home/operatingComponents/monthlyOverview.vue | 6 ++++-- .../monthlyRelatedMetrics.vue | 3 ++- .../home/operatingComponents/totalOverview.vue | 4 ++-- .../operatingComponents/yearRelatedMetrics.vue | 3 ++- .../monthlyOverview.vue | 7 ++++--- .../monthlyRelatedMetrics.vue | 8 +++++--- .../relatedIndicatorsAnalysis.vue | 5 +++-- .../operatingProfitComponents/totalOverview.vue | 9 +++++---- .../yearRelatedMetrics.vue | 8 +++++--- .../monthlyOverview.vue | 6 ++++-- .../monthlyRelatedMetrics.vue | 8 +++++--- .../relatedIndicatorsAnalysis.vue | 5 +++-- .../totalOverview.vue | 6 ++++-- .../yearRelatedMetrics.vue | 8 +++++--- .../monthlyOverview.vue | 6 ++++-- .../monthlyRelatedMetrics.vue | 8 +++++--- .../monthlyRelatedMetricsProcessingFuel.vue | 8 +++++--- .../monthlyThreeRelatedMetrics.vue | 8 +++++--- .../monthlyThreeRelatedMetricsPro.vue | 8 +++++--- .../relateCombustibleCostAnalysis.vue | 2 +- .../relateFactoryBurdenCostAnalysis.vue | 8 +++++--- .../relateFuelCostAnalysis.vue | 2 +- .../relateProcessCostAnalysis.vue | 2 +- .../relateSingleCombustible.vue | 9 +++++---- .../relateSingleFuelCostAnalysis.vue | 9 +++++---- .../relateSingleFuelCostAnalysisDian.vue | 9 +++++---- .../relateSingleFuelCostAnalysisFu.vue | 8 +++++--- .../relatedIndicatorsAnalysis.vue | 3 ++- .../totalOverview.vue | 8 +++++--- .../yearRelatedMetrics.vue | 8 +++++--- .../yearRelatedMetricsFuel.vue | 8 +++++--- .../yearRelatedMetricsProcessingFuel.vue | 8 +++++--- .../yearThreeRelatedMetrics.vue | 9 +++++---- .../yearThreeRelatedMetricsPro.vue | 9 +++++---- .../rawSheetYieldComponents/monthlyOverview.vue | 7 ++++--- .../monthlyRelatedMetrics.vue | 3 ++- .../rawSheetYieldComponents/totalOverview.vue | 4 ++-- .../yearRelatedMetrics.vue | 3 ++- .../monthlyOverview.vue | 7 ++++--- .../monthlyRelatedMetrics.vue | 8 +++++--- .../monthlyThreeRelatedMetrics.vue | 9 +++++---- .../relatedIndicatorsAnalysis.vue | 5 +++-- .../totalOverview.vue | 7 ++++--- .../yearRelatedMetrics.vue | 8 +++++--- .../yearThreeRelatedMetrics.vue | 8 +++++--- .../totalProfitComponents/monthlyOverview.vue | 4 ++-- .../monthlyRelatedMetrics.vue | 8 +++++--- .../relatedIndicatorsAnalysis.vue | 8 +++++--- .../home/totalProfitComponents/totalOverview.vue | 4 +++- .../totalProfitComponents/yearRelatedMetrics.vue | 8 +++++--- .../monthlyOverview.vue | 6 ++++-- .../monthlyRelatedMetrics.vue | 6 ++++-- .../relatedIndicatorsAnalysis.vue | 9 +++++---- .../totalOverview.vue | 6 ++++-- .../yearRelatedMetrics.vue | 6 ++++-- 78 files changed, 292 insertions(+), 185 deletions(-) create mode 100644 src/assets/images/avatar.png diff --git a/src/assets/images/avatar.png b/src/assets/images/avatar.png new file mode 100644 index 0000000000000000000000000000000000000000..4b1f623a25361f1be758071127044c56fac82f30 GIT binary patch literal 6770 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 NMnXZnTGS}`e*iST=Bxk! literal 0 HcmV?d00001 diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue index 117c2f20..5ba38c1f 100644 --- a/src/layout/components/Navbar.vue +++ b/src/layout/components/Navbar.vue @@ -9,7 +9,7 @@
- + {{ nickname }}
@@ -188,7 +188,7 @@ export default { cursor: pointer; position: absolute; right: -20px; - top: 25px; + top: 18px; font-size: 12px; } } diff --git a/src/views/home/expenseAnalysisComponents/monthlyOverview.vue b/src/views/home/expenseAnalysisComponents/monthlyOverview.vue index 6a2cf344..f2a5efc6 100644 --- a/src/views/home/expenseAnalysisComponents/monthlyOverview.vue +++ b/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; } } diff --git a/src/views/home/expenseAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/expenseAnalysisComponents/monthlyRelatedMetrics.vue index d94f3192..1cc190d5 100644 --- a/src/views/home/expenseAnalysisComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/expenseAnalysisComponents/totalOverview.vue b/src/views/home/expenseAnalysisComponents/totalOverview.vue index 98ec83c0..6c1cbf4e 100644 --- a/src/views/home/expenseAnalysisComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/expenseAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/expenseAnalysisComponents/yearRelatedMetrics.vue index 495e871a..6b8f8448 100644 --- a/src/views/home/expenseAnalysisComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/fullCostAnalysisComponents/monthlyOverview.vue b/src/views/home/fullCostAnalysisComponents/monthlyOverview.vue index 3a411dc2..3aac0ce6 100644 --- a/src/views/home/fullCostAnalysisComponents/monthlyOverview.vue +++ b/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; } // 箭头样式优化 diff --git a/src/views/home/fullCostAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/fullCostAnalysisComponents/monthlyRelatedMetrics.vue index feed68a1..68792250 100644 --- a/src/views/home/fullCostAnalysisComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/fullCostAnalysisComponents/relatedIndicatorsAnalysis.vue b/src/views/home/fullCostAnalysisComponents/relatedIndicatorsAnalysis.vue index 4a44c8d2..0c4d9550 100644 --- a/src/views/home/fullCostAnalysisComponents/relatedIndicatorsAnalysis.vue +++ b/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; } } diff --git a/src/views/home/fullCostAnalysisComponents/totalOverview.vue b/src/views/home/fullCostAnalysisComponents/totalOverview.vue index 3f911cdf..93f58d08 100644 --- a/src/views/home/fullCostAnalysisComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/fullCostAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/fullCostAnalysisComponents/yearRelatedMetrics.vue index feed68a1..913d6534 100644 --- a/src/views/home/fullCostAnalysisComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/grossMarginComponents/monthlyOverview.vue b/src/views/home/grossMarginComponents/monthlyOverview.vue index 68dba780..754cfc58 100644 --- a/src/views/home/grossMarginComponents/monthlyOverview.vue +++ b/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; } } diff --git a/src/views/home/grossMarginComponents/monthlyRelatedMetrics.vue b/src/views/home/grossMarginComponents/monthlyRelatedMetrics.vue index f68af55a..474eed43 100644 --- a/src/views/home/grossMarginComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/grossMarginComponents/totalOverview.vue b/src/views/home/grossMarginComponents/totalOverview.vue index 98ec83c0..6c1cbf4e 100644 --- a/src/views/home/grossMarginComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/grossMarginComponents/yearRelatedMetrics.vue b/src/views/home/grossMarginComponents/yearRelatedMetrics.vue index 91228b89..23b49853 100644 --- a/src/views/home/grossMarginComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/inputOutputRatioComponents/monthlyOverview.vue b/src/views/home/inputOutputRatioComponents/monthlyOverview.vue index 6a2cf344..f2a5efc6 100644 --- a/src/views/home/inputOutputRatioComponents/monthlyOverview.vue +++ b/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; } } diff --git a/src/views/home/inputOutputRatioComponents/monthlyRelatedMetrics.vue b/src/views/home/inputOutputRatioComponents/monthlyRelatedMetrics.vue index 8104f8d2..ef9cb806 100644 --- a/src/views/home/inputOutputRatioComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/inputOutputRatioComponents/totalOverview.vue b/src/views/home/inputOutputRatioComponents/totalOverview.vue index 98ec83c0..94703be9 100644 --- a/src/views/home/inputOutputRatioComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/inputOutputRatioComponents/yearRelatedMetrics.vue b/src/views/home/inputOutputRatioComponents/yearRelatedMetrics.vue index 09a20860..3181de79 100644 --- a/src/views/home/inputOutputRatioComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/netPriceAnalysisComponents/monthlyOverview.vue b/src/views/home/netPriceAnalysisComponents/monthlyOverview.vue index 3a411dc2..889771da 100644 --- a/src/views/home/netPriceAnalysisComponents/monthlyOverview.vue +++ b/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; } // 箭头样式优化 diff --git a/src/views/home/netPriceAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/netPriceAnalysisComponents/monthlyRelatedMetrics.vue index fc8484b7..38e6d5da 100644 --- a/src/views/home/netPriceAnalysisComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/netPriceAnalysisComponents/totalOverview.vue b/src/views/home/netPriceAnalysisComponents/totalOverview.vue index 3f911cdf..93f58d08 100644 --- a/src/views/home/netPriceAnalysisComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/netPriceAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/netPriceAnalysisComponents/yearRelatedMetrics.vue index 81e4eb89..305ad5dd 100644 --- a/src/views/home/netPriceAnalysisComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/operatingComponents/monthlyOverview.vue b/src/views/home/operatingComponents/monthlyOverview.vue index c5eb967d..2f93f758 100644 --- a/src/views/home/operatingComponents/monthlyOverview.vue +++ b/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; } } diff --git a/src/views/home/operatingComponents/monthlyRelatedMetrics.vue b/src/views/home/operatingComponents/monthlyRelatedMetrics.vue index 2a75a7a1..a4e19209 100644 --- a/src/views/home/operatingComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/operatingComponents/totalOverview.vue b/src/views/home/operatingComponents/totalOverview.vue index df667823..6da60ae5 100644 --- a/src/views/home/operatingComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/operatingComponents/yearRelatedMetrics.vue b/src/views/home/operatingComponents/yearRelatedMetrics.vue index 5bd0ad21..9feecc27 100644 --- a/src/views/home/operatingComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/operatingProfitComponents/monthlyOverview.vue b/src/views/home/operatingProfitComponents/monthlyOverview.vue index 2306d13f..d541c29c 100644 --- a/src/views/home/operatingProfitComponents/monthlyOverview.vue +++ b/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; } // 箭头样式优化 diff --git a/src/views/home/operatingProfitComponents/monthlyRelatedMetrics.vue b/src/views/home/operatingProfitComponents/monthlyRelatedMetrics.vue index feed68a1..68792250 100644 --- a/src/views/home/operatingProfitComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/operatingProfitComponents/relatedIndicatorsAnalysis.vue b/src/views/home/operatingProfitComponents/relatedIndicatorsAnalysis.vue index ab05fded..4eace697 100644 --- a/src/views/home/operatingProfitComponents/relatedIndicatorsAnalysis.vue +++ b/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 { diff --git a/src/views/home/operatingProfitComponents/totalOverview.vue b/src/views/home/operatingProfitComponents/totalOverview.vue index 22df2ad0..e1c36bd0 100644 --- a/src/views/home/operatingProfitComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/operatingProfitComponents/yearRelatedMetrics.vue b/src/views/home/operatingProfitComponents/yearRelatedMetrics.vue index feed68a1..68792250 100644 --- a/src/views/home/operatingProfitComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/procurementGainAnalysisComponents/monthlyOverview.vue b/src/views/home/procurementGainAnalysisComponents/monthlyOverview.vue index 3a411dc2..3aac0ce6 100644 --- a/src/views/home/procurementGainAnalysisComponents/monthlyOverview.vue +++ b/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; } // 箭头样式优化 diff --git a/src/views/home/procurementGainAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/procurementGainAnalysisComponents/monthlyRelatedMetrics.vue index feed68a1..68792250 100644 --- a/src/views/home/procurementGainAnalysisComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/procurementGainAnalysisComponents/relatedIndicatorsAnalysis.vue b/src/views/home/procurementGainAnalysisComponents/relatedIndicatorsAnalysis.vue index 1c68761b..6944ee7a 100644 --- a/src/views/home/procurementGainAnalysisComponents/relatedIndicatorsAnalysis.vue +++ b/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; } } diff --git a/src/views/home/procurementGainAnalysisComponents/totalOverview.vue b/src/views/home/procurementGainAnalysisComponents/totalOverview.vue index 3f911cdf..93f58d08 100644 --- a/src/views/home/procurementGainAnalysisComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/procurementGainAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/procurementGainAnalysisComponents/yearRelatedMetrics.vue index feed68a1..68792250 100644 --- a/src/views/home/procurementGainAnalysisComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/monthlyOverview.vue b/src/views/home/productionCostAnalysisComponents/monthlyOverview.vue index f0839d8c..44336a9b 100644 --- a/src/views/home/productionCostAnalysisComponents/monthlyOverview.vue +++ b/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; } // 箭头样式优化 diff --git a/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetrics.vue index 0736cfc0..18176489 100644 --- a/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetricsProcessingFuel.vue b/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetricsProcessingFuel.vue index f4f838ec..a35a651c 100644 --- a/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetricsProcessingFuel.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetrics.vue b/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetrics.vue index f304c78f..9fef5b75 100644 --- a/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetricsPro.vue b/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetricsPro.vue index 4e038de1..3c986613 100644 --- a/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetricsPro.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/relateCombustibleCostAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relateCombustibleCostAnalysis.vue index bea1ed9e..81bf6545 100644 --- a/src/views/home/productionCostAnalysisComponents/relateCombustibleCostAnalysis.vue +++ b/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; // 过渡动画（保留原样式） diff --git a/src/views/home/productionCostAnalysisComponents/relateFactoryBurdenCostAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relateFactoryBurdenCostAnalysis.vue index f31010f6..69affe4c 100644 --- a/src/views/home/productionCostAnalysisComponents/relateFactoryBurdenCostAnalysis.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/relateFuelCostAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relateFuelCostAnalysis.vue index c1d83b5f..c58f7201 100644 --- a/src/views/home/productionCostAnalysisComponents/relateFuelCostAnalysis.vue +++ b/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; // 过渡动画（保留原样式） diff --git a/src/views/home/productionCostAnalysisComponents/relateProcessCostAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relateProcessCostAnalysis.vue index 12b016b8..8f562371 100644 --- a/src/views/home/productionCostAnalysisComponents/relateProcessCostAnalysis.vue +++ b/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; // 过渡动画 diff --git a/src/views/home/productionCostAnalysisComponents/relateSingleCombustible.vue b/src/views/home/productionCostAnalysisComponents/relateSingleCombustible.vue index 3de07e70..95122a81 100644 --- a/src/views/home/productionCostAnalysisComponents/relateSingleCombustible.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysis.vue index 446c3b71..1358d092 100644 --- a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysis.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisDian.vue b/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisDian.vue index bdd20092..64e6cc6c 100644 --- a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisDian.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisFu.vue b/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisFu.vue index 26f58db6..43828d25 100644 --- a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisFu.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/relatedIndicatorsAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relatedIndicatorsAnalysis.vue index 41a70b16..2a1868d8 100644 --- a/src/views/home/productionCostAnalysisComponents/relatedIndicatorsAnalysis.vue +++ b/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 { diff --git a/src/views/home/productionCostAnalysisComponents/totalOverview.vue b/src/views/home/productionCostAnalysisComponents/totalOverview.vue index ec3e1005..1c2bfadf 100644 --- a/src/views/home/productionCostAnalysisComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/productionCostAnalysisComponents/yearRelatedMetrics.vue index 4871331a..22a2630e 100644 --- a/src/views/home/productionCostAnalysisComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsFuel.vue b/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsFuel.vue index 70aaef02..bd96bdef 100644 --- a/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsFuel.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsProcessingFuel.vue b/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsProcessingFuel.vue index 33bf4445..2faf4111 100644 --- a/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsProcessingFuel.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetrics.vue b/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetrics.vue index f304c78f..07804c3c 100644 --- a/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetricsPro.vue b/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetricsPro.vue index 21ba19ab..3b86e28f 100644 --- a/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetricsPro.vue +++ b/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; } } diff --git a/src/views/home/rawSheetYieldComponents/monthlyOverview.vue b/src/views/home/rawSheetYieldComponents/monthlyOverview.vue index 6a2cf344..e86063db 100644 --- a/src/views/home/rawSheetYieldComponents/monthlyOverview.vue +++ b/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; } } diff --git a/src/views/home/rawSheetYieldComponents/monthlyRelatedMetrics.vue b/src/views/home/rawSheetYieldComponents/monthlyRelatedMetrics.vue index cfea05bb..fe06db6e 100644 --- a/src/views/home/rawSheetYieldComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/rawSheetYieldComponents/totalOverview.vue b/src/views/home/rawSheetYieldComponents/totalOverview.vue index 98ec83c0..94703be9 100644 --- a/src/views/home/rawSheetYieldComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/rawSheetYieldComponents/yearRelatedMetrics.vue b/src/views/home/rawSheetYieldComponents/yearRelatedMetrics.vue index 2767887c..b66f28b7 100644 --- a/src/views/home/rawSheetYieldComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/salesVolumeAnalysisComponents/monthlyOverview.vue b/src/views/home/salesVolumeAnalysisComponents/monthlyOverview.vue index 3a411dc2..889771da 100644 --- a/src/views/home/salesVolumeAnalysisComponents/monthlyOverview.vue +++ b/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; } // 箭头样式优化 diff --git a/src/views/home/salesVolumeAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/salesVolumeAnalysisComponents/monthlyRelatedMetrics.vue index bd4711c6..c122e08f 100644 --- a/src/views/home/salesVolumeAnalysisComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/salesVolumeAnalysisComponents/monthlyThreeRelatedMetrics.vue b/src/views/home/salesVolumeAnalysisComponents/monthlyThreeRelatedMetrics.vue index ef308aac..d90af001 100644 --- a/src/views/home/salesVolumeAnalysisComponents/monthlyThreeRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/salesVolumeAnalysisComponents/relatedIndicatorsAnalysis.vue b/src/views/home/salesVolumeAnalysisComponents/relatedIndicatorsAnalysis.vue index 548ca5a9..6e053d0b 100644 --- a/src/views/home/salesVolumeAnalysisComponents/relatedIndicatorsAnalysis.vue +++ b/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; } } diff --git a/src/views/home/salesVolumeAnalysisComponents/totalOverview.vue b/src/views/home/salesVolumeAnalysisComponents/totalOverview.vue index 3f911cdf..9b34cbf9 100644 --- a/src/views/home/salesVolumeAnalysisComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/salesVolumeAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/salesVolumeAnalysisComponents/yearRelatedMetrics.vue index 86766f79..9572f42f 100644 --- a/src/views/home/salesVolumeAnalysisComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/salesVolumeAnalysisComponents/yearThreeRelatedMetrics.vue b/src/views/home/salesVolumeAnalysisComponents/yearThreeRelatedMetrics.vue index 58f80b82..05115d5b 100644 --- a/src/views/home/salesVolumeAnalysisComponents/yearThreeRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/totalProfitComponents/monthlyOverview.vue b/src/views/home/totalProfitComponents/monthlyOverview.vue index c62e2d81..f39dbed3 100644 --- a/src/views/home/totalProfitComponents/monthlyOverview.vue +++ b/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; } // 箭头样式优化 diff --git a/src/views/home/totalProfitComponents/monthlyRelatedMetrics.vue b/src/views/home/totalProfitComponents/monthlyRelatedMetrics.vue index feed68a1..68792250 100644 --- a/src/views/home/totalProfitComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/totalProfitComponents/relatedIndicatorsAnalysis.vue b/src/views/home/totalProfitComponents/relatedIndicatorsAnalysis.vue index 9d328236..aea8caaf 100644 --- a/src/views/home/totalProfitComponents/relatedIndicatorsAnalysis.vue +++ b/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; } } diff --git a/src/views/home/totalProfitComponents/totalOverview.vue b/src/views/home/totalProfitComponents/totalOverview.vue index fbc6f771..3d42f9ae 100644 --- a/src/views/home/totalProfitComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/totalProfitComponents/yearRelatedMetrics.vue b/src/views/home/totalProfitComponents/yearRelatedMetrics.vue index feed68a1..68792250 100644 --- a/src/views/home/totalProfitComponents/yearRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/unitPriceAnalysisComponents/monthlyOverview.vue b/src/views/home/unitPriceAnalysisComponents/monthlyOverview.vue index 3a411dc2..3aac0ce6 100644 --- a/src/views/home/unitPriceAnalysisComponents/monthlyOverview.vue +++ b/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; } // 箭头样式优化 diff --git a/src/views/home/unitPriceAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/unitPriceAnalysisComponents/monthlyRelatedMetrics.vue index 28ec2824..c2bc6f7d 100644 --- a/src/views/home/unitPriceAnalysisComponents/monthlyRelatedMetrics.vue +++ b/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; } } diff --git a/src/views/home/unitPriceAnalysisComponents/relatedIndicatorsAnalysis.vue b/src/views/home/unitPriceAnalysisComponents/relatedIndicatorsAnalysis.vue index 6cd846dd..86630888 100644 --- a/src/views/home/unitPriceAnalysisComponents/relatedIndicatorsAnalysis.vue +++ b/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; } } diff --git a/src/views/home/unitPriceAnalysisComponents/totalOverview.vue b/src/views/home/unitPriceAnalysisComponents/totalOverview.vue index 346dc325..76b3f22e 100644 --- a/src/views/home/unitPriceAnalysisComponents/totalOverview.vue +++ b/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; } } diff --git a/src/views/home/unitPriceAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/unitPriceAnalysisComponents/yearRelatedMetrics.vue index 63bff7e1..8e6393f4 100644 --- a/src/views/home/unitPriceAnalysisComponents/yearRelatedMetrics.vue +++ b/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; } }