运营驾驶舱对接

src/views/home/components/coreBottomBar.vue

@@ -57,10 +57,10 @@ export default {
       activeButton: 0,
       // 定义按钮与 line 数据中 key 的映射关系
       buttonToDataKey: [
-        '单价',
-        '净价',
-        '销量',
-        '双镀销量' // 注意：数据中的 key 是“双镀面板”，按钮显示的是“双镀产品”
+        {name:'单价',unit:'元/㎡'},
+        {name:'净价',unit:'元/㎡'},
+        {name:'销量',unit:'万㎡'},
+        {name:'双镀销量',unit:'万㎡'}
       ]
     };
   },
@@ -69,7 +69,7 @@ export default {
     xAxisData() {
       const lineData = this.line || {};
       // 获取当前激活按钮对应的数据
-      const currentDataKey = this.buttonToDataKey[this.activeButton];
+      const currentDataKey = this.buttonToDataKey[this.activeButton].name;
       const currentIndicatorData = lineData[currentDataKey];
 
       // 使用 'target' 的键作为 x 轴，如果 'target' 不存在，则使用 'real' 的键
@@ -83,19 +83,20 @@ export default {
     // 根据激活按钮动态返回对应 series 数据
     currentSeries() {
       const lineData = this.line || {};
-      const currentDataKey = this.buttonToDataKey[this.activeButton];
+      const currentDataKey = this.buttonToDataKey[this.activeButton].name;
       const chartData = lineData[currentDataKey];
 
       if (!chartData) {
-        return [];
+        return {};
       }
 
       // 提取目标和实际数据的值，并确保顺序与 X 轴一致
       const xAxisKeys = this.xAxisData;
       const targetDataValues = xAxisKeys.map(date => chartData.target ? chartData.target[date] : 0);
       const realDataValues = xAxisKeys.map(date => chartData.real ? chartData.real[date] : 0);
-
-      return [
+      let obj = {
+        unit:this.buttonToDataKey[this.activeButton].unit,
+        series:[
         {
           name: '预算',
           type: 'line',
@@ -136,7 +137,8 @@ export default {
           },
           data: realDataValues
         }
-      ];
+      ]}
+      return obj;
     }
   }
 };