修改

src/views/home/operatingProfitComponents/operatingBottomLineBar.vue

@@ -83,11 +83,11 @@ export default {
             return html;
           }
         },
-        grid: {
+       grid: {
           top: 30,
           bottom: 30,
-          right: 70,
-          left: 40,
+          right: 20,
+          left: 60,
         },
         xAxis: [
           {

src/views/home/operatingProfitComponents/operatingLineBar.vue

@@ -83,11 +83,11 @@ export default {
           //   return html;
           // }
         },
-        grid: {
+       grid: {
           top: 30,
           bottom: 30,
-          right: 70,
-          left: 40,
+          right: 20,
+          left: 60,
         },
         xAxis: [
           {

src/views/home/operatingProfitComponents/operatingLineBarSale.vue

@@ -156,14 +156,14 @@ export default {
             },
             scale: true,
             splitNumber: 4,
-            axisTick: { show: false },
+            axisTick: { show: true },
             axisLabel: {
               color: 'rgba(0, 0, 0, 0.45)',
               fontSize: 12,
               formatter: '{value}'
             },
             splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } }
+            axisLine: { show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } }
           },
           {
             type: 'value',
@@ -172,14 +172,14 @@ export default {
               fontSize: 12,
               align: 'left'
             },
-            axisTick: { show: false },
+            axisTick: { show: true },
             axisLabel: {
               color: 'rgba(0, 0, 0, 0.45)',
               fontSize: 12,
               formatter: '{value}%'
             },
             splitLine: { show: false },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
             splitNumber: 4
           }
         ],

src/views/home/operatingProfitComponents/operatingLineBarSaleGroup.vue

@@ -87,7 +87,7 @@ export default {
           top: 30,
           bottom: 30,
           right: 70,
-          left: 40,
+          left: 30,
         },
         xAxis: [
           {
@@ -126,7 +126,7 @@ export default {
               formatter: '{value}'
             },
             splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
           },
           // 右侧Y轴：利润占比（百分比）
           {

src/views/home/operatingProfitComponents/relatedIndicatorsAnalysis.vue

@@ -6,7 +6,7 @@
         <!-- 横向滚动容器：适配多组件排列 -->
         <div class="topItem-container" style="display: flex; gap: 8px; ">
           <!-- 1. 销量组件：传递当前激活数据集中的销量数据 -->
-          <div class="dashboard left">
+          <div class="dashboard left" @click="handleDashboardClick('/salesVolumeAnalysis/salesVolumeAnalysisBase')">
             <div class="title">
               销量·单位/万元
             </div>
@@ -15,7 +15,7 @@
             </div>
           </div>
           <!-- 2. 单价组件：传递当前激活数据集中的单价数据 -->
-          <div class="dashboard right">
+          <div class="dashboard right" @click="handleDashboardClick('/unitPriceAnalysis/unitPriceAnalysisBase')">
             <div class="title">
               单价·单位/万元
             </div>
@@ -24,7 +24,8 @@
             </div>
           </div>
           <!-- 3. 成本组件：传递当前激活数据集中的成本数据 -->
-          <div class="dashboard right">
+          <div class="dashboard right"
+            @click="handleDashboardClick('/productionCostAnalysis/productionCostAnalysisBase')">
             <div class="title">
               成本·单位/万元
             </div>
@@ -33,7 +34,7 @@
             </div>
           </div>
           <!-- 4. 管理费用组件：传递当前激活数据集中的管理费用数据 -->
-          <div class="dashboard right">
+          <div class="dashboard right" @click="handleDashboardClick('/expenseAnalysis/expenseAnalysisBase')">
             <div class="title">
               管理费用·单位/万元
             </div>
@@ -42,7 +43,7 @@
             </div>
           </div>
           <!-- 5. 销售费用组件：传递当前激活数据集中的销售费用数据 -->
-          <div class="dashboard right">
+          <div class="dashboard right" @click="handleDashboardClick('/expenseAnalysis/expenseAnalysisBase')">
             <div class="title">
               销售费用·单位/万元
             </div>
@@ -51,7 +52,7 @@
             </div>
           </div>
           <!-- 6. 财务费用组件：传递当前激活数据集中的财务费用数据 -->
-          <div class="dashboard right">
+          <div class="dashboard right" @click="handleDashboardClick('/expenseAnalysis/expenseAnalysisBase')">
             <div class="title">
               财务费用·单位/万元
             </div>
@@ -81,6 +82,10 @@ export default {
         relatedTotal: [] // 累计数据（数组格式，存储销量/单价等数据）
       })
     },
+    factory: {
+      type: [String, Number],
+      default: ''
+    },
     // 可选：动态标题
     title: {
       type: String,
@@ -164,6 +169,14 @@ export default {
     console.log('组件挂载时的激活数据：', this.activeData);
   },
   methods: {
+    handleDashboardClick(path) {
+      this.$router.push({
+        path: path,
+        query: {
+          factory: this.$route.query.factory ? this.$route.query.factory : this,factory
+        }
+      })
+    },
     /**
      * Tab 切换处理函数
      * @param {String} value 切换值（'month' = 月度，'total' = 累计，可根据实际Tab值调整）