修改

src/views/home/singleProductionCostsAnalysis.vue

@@ -16,7 +16,7 @@
             gap: 12px;
             grid-template-columns: 1624px;
           ">
-          <changeBase />
+          <changeBase @selectChange="getBase" />
         </div>
       </div>
       <div class="top" style="display: flex; gap: 16px;margin-top: -20px;">
@@ -25,8 +25,8 @@
             gap: 12px;
             grid-template-columns:804px 804px;
           ">
-          <productItemOverviewItem :parentItemList="itemLeftList" :title=" '领用汇总' " />
-          <productItemOverviewItem :parentItemList="itemRightList" :title="'入账汇总'" />
+          <productItemOverviewItem :parentItemList="receiveTotal" :title=" '领用汇总' " />
+          <productItemOverviewItem :parentItemList="inStorageTotal" :title="'入账汇总'" />
 
         </div>
       </div>
@@ -37,8 +37,7 @@
             grid-template-columns: 804px 804px;
           ">
           <productLeftTable :tableData="receiveDetailList" />
-          <productRightTable :tableData="accountSumaryList"/>
-
+          <productRightTable :tableData="accountSumaryList" />
         </div>
       </div>
     </div>
@@ -82,8 +81,11 @@ export default {
       timer: null,
       beilv: 1,
       value: 100,
+      levelId:1,
       accountSumaryList: [],
-      receiveDetailList:[],
+      receiveDetailList: [],
+      receiveTotal: [],
+      inStorageTotal: [],
       itemLeftList: [
         { name: "备品备件", value: 137,},
         {
@@ -168,23 +170,38 @@ export default {
     };
   },
   methods: {
+    getBase(data) {
+      console.log(data);
+      this.levelId = data
+      this.getData()
+    },
     getData() {
       getReceiveDetailPage({
         pageNo: 1,
         pageSize: 10,
-        levelId: 1
+        levelId: this.levelId
       }).then((res) => {
         console.log(res);
-        this.receiveDetailList = res.data.领用明细
+        this.receiveDetailList = res.data.receiveDetail
+        this.receiveTotal = res.data.receiveTotal.map((item) => {
+          const name = Object.keys(item)[0];
+          const value = item[name];
+          console.log(name);
+          return { name, value };
+        });
       })
       getAccountSumaryPage({
         pageNo: 1,
         pageSize: 10,
-        levelId: 1
+        levelId: this.levelId
       }).then((res) => {
         console.log(res);
-        this.accountSumaryList = res.data.入账明细
-
+        this.accountSumaryList = res.data.inStorageDetail
+        this.inStorageTotal = res.data.inStorageTotal.map((item) => {
+          const name = Object.keys(item)[0];
+          const value = item[name];
+          return { name, value };
+        });
       })
     },
     handleClickOutside() {