修改

src/views/home/netPriceAnalysisComponents/dataTrendBar.vue

@@ -74,12 +74,13 @@ export default {
       // 1. 校验数据有效性
       if (!this.trendData || !this.selectedProfit) {
         return {
-          diffs:[],
+
           months: [], // 月份数组（x轴标签）
           rates: [], // 完成率（completeRate）
           reals: [], // 实际值（real）
           targets: [], // 目标值（target）
-          flags: [] // 达标状态
+          flags: [], // 达标状态
+          diffs: [],
         };
       }
 
@@ -121,7 +122,7 @@ export default {
     // 重构 chartD：替换硬编码数据为动态解析数据
     chartD() {
       // 获取动态解析的趋势数据
-      const { months, rates, reals, targets, flags } = this.trendParsedData;
+      const { months, rates, reals, targets, flags, diffs } = this.trendParsedData;
       // 销量场景数据（保留原有结构，替换数据来源）
       const salesData = {
         allPlaceNames: months, // 优先用基地名称，无则用月份
@@ -187,7 +188,7 @@ export default {
               height: 20,
               // 关键：去掉换行，让文字在一行显示，适配小尺寸
               formatter: function (params) {
-                const diff = data.diffs || [];
+                const diff = diffs || [];
                 const currentDiff = diff[params.dataIndex] || 0;
                 return `{rate|${currentDiff}}{text|差值}`;
               },

src/views/home/netPriceAnalysisComponents/monthlyRelatedMetrics.vue

@@ -5,7 +5,7 @@
       <div class="kpi-content" style="padding: 14px 16px; display: flex; width: 100%;">
         <!-- 新增：topItem 专属包裹容器，统一控制样式和布局 -->
         <div class="topItem-container" style="display: flex; gap: 8px;">
-          <div class="dashboard left">
+          <div class="dashboard left" @click="handleDashboardClick('/unitPriceAnalysis/unitPriceAnalysisBase')">
             <div class="title">
               单价·单位/万元
             </div>
@@ -50,6 +50,10 @@ export default {
         运费: { completeRate: 0, diff: 0, real: 0, target: 0, thb: 0 },
       })
     },
+    factory: {
+      type: [String, Number],
+      default: ''
+    },
     title: {
       type: String,
       default: ''
@@ -82,6 +86,14 @@ export default {
     this.$nextTick(() => this.updateChart())
   },
   methods: {
+    handleDashboardClick(path) {
+      this.$router.push({
+        path: path,
+        query: {
+          factory: this.$route.query.factory ? this.$route.query.factory : this.factory
+        }
+      })
+    },
     /**
      * 判断完成率对应的flag值（<100为0，≥100为1）
      * @param {number} rate 完成率（原始值，如89代表89%）

src/views/home/netPriceAnalysisComponents/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/netPriceAnalysisComponents/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/netPriceAnalysisComponents/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, 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, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
             splitNumber: 4
           }
         ],

src/views/home/netPriceAnalysisComponents/operatingLineBarSaleGroup.vue

@@ -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, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
           },
           // 右侧Y轴：利润占比（百分比）
           {

src/views/home/netPriceAnalysisComponents/verticalBarChart.vue

@@ -56,7 +56,7 @@ export default {
       }
 
       // 解构数据，避免重复取值
-      const { diff, completeRate: rate, real, target, flag } = this.detailData;
+      const { diff, completeRate, real, target, flag } = this.detailData;
       // 确保数值为数字类型
       const realValue = Number(real) || 0;
       const targetValue = Number(target) || 0;

src/views/home/netPriceAnalysisComponents/yearRelatedMetrics.vue

@@ -5,7 +5,7 @@
       <div class="kpi-content" style="padding: 14px 16px; display: flex; width: 100%;">
         <!-- 新增：topItem 专属包裹容器，统一控制样式和布局 -->
         <div class="topItem-container" style="display: flex; gap: 8px;">
-          <div class="dashboard left">
+          <div class="dashboard left" @click="handleDashboardClick('/unitPriceAnalysis/unitPriceAnalysisBase')">
             <div class="title">
               单价·单位/万元
             </div>
@@ -50,6 +50,10 @@ export default {
         运费: { completeRate: 0, diff: 0, real: 0, target: 0, thb: 0 },
       })
     },
+    factory: {
+      type: [String, Number],
+      default: ''
+    },
     title: {
       type: String,
       default: ''
@@ -82,6 +86,14 @@ export default {
     this.$nextTick(() => this.updateChart())
   },
   methods: {
+    handleDashboardClick(path) {
+      this.$router.push({
+        path: path,
+        query: {
+          factory: this.$route.query.factory ? this.$route.query.factory : this.factory
+        }
+      })
+    },
     /**
      * 判断完成率对应的flag值（<100为0，≥100为1）
      * @param {number} rate 完成率（原始值，如89代表89%）