运营驾驶舱修改部分

src/views/home/components/financeCosts.vue

@@ -1,12 +1,12 @@
 <template>
   <div style="flex: 1">
     <!-- 传入点击切换的状态到Container组件 -->
-    <Container name="财务重点指标" nameTwo="费用重点指标" icon="cockpitItemIcon" size="topBasic" @switchTab="handleTabSwitch">
+    <Container name="财务重点指标" nameTwo="费用重点指标" icon="cockpitItemIcon" size="topBasic" @switchTab="handleTabSwitch" @tabChange='tabChange'>
       <div class="bottom-left-content" style="display: flex;gap: 9px;padding: 14px 16px;flex-direction: column;">
         <!-- 根据activeTab状态，切换显示采购/存货内容 -->
         <template v-if="activeTab === 'purchase'">
           <!-- 采购重点指标对应的内容 -->
-          <coreBottomLeftItem :dateData="dateData" :finance="finance"></coreBottomLeftItem>
+          <coreBottomLeftItem :dateData="dateData" :finance="financeData"></coreBottomLeftItem>
           <div class="bottom"
             style="display: flex; width: 100%;margin-top: 8px;background-color: rgba(249, 252, 255, 1);">
             <coreBottomBar :dateData="dateData" :line="finance.line"></coreBottomBar>
@@ -14,7 +14,7 @@
         </template>
         <template v-else-if="activeTab === 'inventory'">
           <!-- 存货重点指标对应的内容 -->
-          <costItem :dateData="dateData" :cost="cost"></costItem>
+          <costItem :dateData="dateData" :cost="costData" :currentTap='currentTap'></costItem>
           <div class="bottom"
             style="display: flex; width: 100%;margin-top: 8px;background-color: rgba(249, 252, 255, 1);">
             <CostsBottomBar :line="cost.line" :dateData="dateData">
@@ -52,13 +52,16 @@ export default {
     dateData: {
       type: Object,
       default: () => ({})
-    },
+    }
   },
   data() {
     return {
       activeTab: 'purchase',  // 激活的标签：purchase=采购，inventory=存货
       showChart: true,        // 控制图表是否显示
-      chart: null             // 图表实例
+      chart: null,      // 图表实例
+      financeData:{},
+      costData:{},
+      currentTap: 'month'
     }
   },
   watch: {
@@ -71,7 +74,28 @@ export default {
         this.updateChart()
       },
       deep: true
+    },
+    finance: {
+      handler() {
+        if(this.currentTap === 'month') {
+          this.financeData = this.finance.mon
+        }else{
+          this.financeData = this.finance.total
+        }
+      },
+      deep: true
+    },
+    cost: {
+      handler() {
+        if(this.currentTap === 'month') {
+          this.costData = this.cost.mon
+        }else{
+          this.costData = this.cost.total
+        }
+      },
+      deep: true
     }
+
   },
   mounted() {
     // 初始化图表
@@ -85,6 +109,17 @@ export default {
     }
   },
   methods: {
+    tabChange(val) {
+      if(val === 'month') {
+        this.currentTap = 'month'
+        this.financeData = this.finance.mon
+        this.costData = this.cost.mon
+      }else{
+        this.currentTap = 'total'
+        this.financeData = this.finance.total
+        this.costData = this.cost.total
+      }
+    },
     // 处理标题点击切换标签
     handleTabSwitch(tabType) {
       this.activeTab = tabType  // tabType由Container组件传递：'purchase'或'inventory'