修改

src/views/home/totalProfitComponents/operatingLineBarSale.vue

@@ -10,17 +10,24 @@ export default {
   data() {
     return {
       myChart: null, // 存储图表实例
-      resizeHandler: null // 存储resize事件处理函数，用于后续移除
+      resizeHandler: null, // 存储resize事件处理函数
+      // 核心：基地名称与序号的映射表（固定顺序）
+      baseNameToIndexMap: {
+        '宜兴': 7,
+        '漳州': 8,
+        '自贡': 3,
+        '桐城': 2,
+        '洛阳': 9,
+        '合肥': 5,
+        '宿迁': 6,
+        '秦皇岛': 10
+      }
     };
   },
   props: {
     chartData: {
       type: Object,
       default: () => ({}),
-      // 可选：保留数据校验
-      // validator: (value) => {
-      //   return Array.isArray(value.series) && Array.isArray(value.allPlaceNames);
-      // }
     }
   },
   mounted() {
@@ -57,19 +64,28 @@ export default {
 
       // 绑定点击事件（只绑定一次，永久生效）
       this.myChart.on('click', (params) => {
-        // 箭头函数保证this指向Vue实例
-        console.log('点击事件的参数：', params);
-
-        // 提取关键数据（注意：如果是折线图，value是数组；柱状图是单个值，需兼容）
+        // 提取点击的基地名称
         const itemName = params.name;
+        // 根据映射表获取对应的序号（未匹配到则返回0或其他默认值）
+        const baseIndex = this.baseNameToIndexMap[itemName] || 0;
+
         // 兼容不同图表类型的value：柱状图value是数值，折线图是[横坐标, 纵坐标]
-        const itemValue = Array.isArray(params.value) ? params.value[1] : params.value;
-        const seriesName = params.seriesName;
-        console.log(`你点击了【${itemName}】，${seriesName}：${itemValue}`);
+        // const itemValue = Array.isArray(params.value) ? params.value[1] : params.value;
+        // const seriesName = params.seriesName;
+
+        console.log(`你点击了【${itemName}】(序号：${baseIndex})`);
+
+        // 路由跳转时携带序号（或名称+序号）
         this.$router.push({
           path: 'totalProfitBase',
-          base: itemName
-        })
+          query: { // 使用query传递参数（推荐），也可使用params
+            // baseName: itemName,
+            factory: baseIndex
+          }
+          // 若仍需用base作为参数：
+          // base: itemName,
+          // params: { baseIndex: baseIndex }
+        });
       });
 
       // 定义resize处理函数（命名函数，方便移除）
@@ -119,7 +135,12 @@ export default {
               color: 'rgba(0, 0, 0, 0.45)',
               fontSize: 12,
               interval: 0,
-              padding: [5, 0, 0, 0]
+              padding: [5, 0, 0, 0],
+              // 可选：X轴标签显示“序号+名称”（如“1 宜兴”）
+              // formatter: (value) => {
+              //   const index = this.baseNameToIndexMap[value] || '';
+              //   return index ? `${index} ${value}` : value;
+              // }
             },
             data: xData
           }