修改

src/views/home/unitPriceAnalysisComponents/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;">
           <!-- 销量图表：传递销量数据 + 完成率flag -->
-          <div class="dashboard left">
+          <div class="dashboard left" @click="handleDashboardClick('/salesVolumeAnalysis/salesVolumeAnalysisBase')">
             <div class="title">
               销量·单位/万元
             </div>
@@ -16,7 +16,7 @@
             </div>
           </div>
           <!-- 成本图表：传递全成本数据 + 完成率flag -->
-          <div class="dashboard right">
+          <div class="dashboard right" @click="handleDashboardClick('/salesVolumeAnalysis/salesVolumeAnalysisBase')">
             <div class="title">
               成本·单位/万元
             </div>
@@ -27,8 +27,9 @@
               }" />
             </div>
           </div>
+
           <!-- 运费图表：传递单价数据 + 完成率flag -->
-          <div class="dashboard right">
+          <div class="dashboard right" >
             <div class="title">
               运费·单位/万元
             </div>
@@ -60,6 +61,10 @@ export default {
         销量: { completeRate: 0, diff: 0, real: 0, target: 0, thb: 0 }
       })
     },
+    factory: {
+      type: [String, Number],
+      default: ''
+    },
     title: {
       type: String,
       default: ''
@@ -92,6 +97,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%）
@@ -107,11 +120,11 @@ export default {
      * 若子组件内部已监听 chartData 变化，此方法可留空或补充额外逻辑
      */
     updateChart() {
-      console.log('数据更新，当前relatedMon:', this.relatedMon)
-      // 打印各维度的flag值，方便调试
-      console.log('销量flag:', this.getRateFlag(this.relatedMon.销量.completeRate))
-      console.log('成本flag:', this.getRateFlag(this.relatedMon.成本.completeRate))
-      console.log('运费flag:', this.getRateFlag(this.relatedMon.运费.completeRate))
+      // console.log('数据更新，当前relatedMon:', this.relatedMon)
+      // // 打印各维度的flag值，方便调试
+      // console.log('销量flag:', this.getRateFlag(this.relatedMon.销量.completeRate))
+      // console.log('成本flag:', this.getRateFlag(this.relatedMon.成本.completeRate))
+      // console.log('运费flag:', this.getRateFlag(this.relatedMon.运费.completeRate))
     }
   }
 }