修改

src/views/home/operatingComponents/monthlyRelatedMetrics.vue

@@ -4,7 +4,7 @@
       <div class="kpi-content" style="padding: 14px 16px; display: flex; width: 100%;">
         <div class="topItem-container" style="display: flex; gap: 8px; width: 100%;">
           <!-- 销量模块（直接传递整合了flag的salesData） -->
-          <div class="dashboard left">
+          <div class="dashboard left" @click="handleDashboardClick('/salesVolumeAnalysis/salesVolumeAnalysisBase')">
             <div class="title">
               销量·单位/万元
             </div>
@@ -13,7 +13,7 @@
             </div>
           </div>
           <!-- 单价模块（直接传递整合了flag的unitPriceData） -->
-          <div class="dashboard right">
+          <div class="dashboard right" @click="handleDashboardClick('unitPriceAnalysis/unitPriceAnalysisBase')">
             <div class="title">
               单价·单位/万元
             </div>
@@ -46,6 +46,10 @@ export default {
       type: String,
       default: ''
     },
+    factory: {
+      type: [String,Number],
+      default: ''
+    },
     month: {
       type: String,
       default: ''
@@ -72,6 +76,14 @@ export default {
     this.updateChart(this.monthAnalysis)
   },
   methods: {
+    handleDashboardClick(path) {
+      this.$router.push({
+        path: path,
+        query: {
+          factory: this.$route.query.factory ? this.$route.query.factory : this.factory
+        }
+      })
+    },
     // 判断flag的核心方法
     getRateFlag(rate) {
       if (isNaN(rate) || rate === null || rate === undefined) return 0;

src/views/home/operatingComponents/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/operatingComponents/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/operatingComponents/operatingLineBarSale.vue

@@ -163,7 +163,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, show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } }
           },
           {
             type: 'value',
@@ -179,7 +179,7 @@ export default {
               formatter: '{value}%'
             },
             splitLine: { show: false },
-            axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
+            axisLine: { show: true, show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
             splitNumber: 4
           }
         ],

src/views/home/operatingComponents/operatingLineBarSaleGroup.vue

@@ -54,7 +54,7 @@ export default {
       }
 
       this.myChart = echarts.init(chartDom);
-      
+
       const { allPlaceNames, series } = this.chartData || {};
       console.log('chartData', this.chartData);
 
@@ -83,11 +83,11 @@ export default {
           //   return html;
           // }
         },
-        grid: {
+       grid: {
           top: 30,
           bottom: 30,
-          right: 70,
-          left: 40,
+          right: 20,
+          left: 60,
         },
         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, show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
           },
           // 右侧Y轴：利润占比（百分比）
           {

src/views/home/operatingComponents/operatingLineBarSaleSingle.vue

@@ -92,10 +92,10 @@ export default {
           // }
         },
         grid: {
-          top: 40,
-          bottom: 40,
-          right: 70,
-          left: 60,
+          top: 20,
+          bottom: 60,
+          right: 20,
+          left: 40,
         },
         xAxis: [
           {

src/views/home/operatingComponents/yearRelatedMetrics.vue

@@ -4,7 +4,7 @@
       <div class="kpi-content" style="padding: 14px 16px; display: flex; width: 100%;">
         <div class="topItem-container" style="display: flex; gap: 8px; width: 100%;">
           <!-- 销量模块（直接传递整合了flag的salesData） -->
-          <div class="dashboard left">
+          <div class="dashboard left" @click="handleDashboardClick('/salesVolumeAnalysis/salesVolumeAnalysisBase')">
             <div class="title">
               销量·单位/万元
             </div>
@@ -13,7 +13,7 @@
             </div>
           </div>
           <!-- 单价模块（直接传递整合了flag的unitPriceData） -->
-          <div class="dashboard right">
+          <div class="dashboard right" @click="handleDashboardClick('unitPriceAnalysis/unitPriceAnalysisBase')">
             <div class="title">
               单价·单位/万元
             </div>
@@ -72,6 +72,14 @@ export default {
     this.updateChart(this.ytdAnalysis)
   },
   methods: {
+    handleDashboardClick(path) {
+      this.$router.push({
+        path: path,
+        query: {
+          factory: this.$route.query.factory ? this.$route.query.factory : 5
+        }
+      })
+    },
     // 判断flag的核心方法
     getRateFlag(rate) {
       if (isNaN(rate) || rate === null || rate === undefined) return 0;