修复自提详情显示

src/views/distribution/inventory/distrilbutionBillLadingView.vue

@@ -91,7 +91,7 @@
             ref="tableNodeOrderRef"
             :columnList="columnListarrs.ordoption"
             :tableData="orddata"
-            :loading="loading"
+            :loading="loadingObj.orderLoading"
             @inputTxt="inputsc"
             @timeCheck="timesc"
             @btnCheck="btnsc"
@@ -134,7 +134,7 @@
             ref="tableNodePackageRef"
             :columnList="columnListarrs.wrapoption"
             :tableData="packdata"
-            :loading="loading"
+            :loading="loadingObj.packageLoading"
             @inputTxt="inputsc"
             @timeCheck="timesc"
             @btnCheck="btnsc"
@@ -173,7 +173,7 @@
             ref="tableNodeInventoryRef"
             :columnList="columnListarrs.inventoryoption"
             :tableData="inventorydata"
-            :loading="loading"
+            :loading="loadingObj.stockLoading"
             @inputTxt="inputsc"
             @timeCheck="timesc"
             @btnCheck="btnsc"
@@ -1438,6 +1438,11 @@ export default {
       ],
       /** 页面Loading */
       pageLoading: false,
+      loadingObj: {
+        orderLoading: false,
+        packageLoading: false,
+        stockLoading: false,
+      },
     };
   },
   watch: {
@@ -1794,32 +1799,51 @@ export default {
       });
     },
     //订单列表
-    handleOrder(page) {
-      let params = {};
-      params.billLadingId = this.$route.query.id;
-      getOrderDetail(page.currentPage, page.pageSize, Object.assign(params)).then(res => {
-        console.log('查看>>>>>订单>>', res.data.data);
+    async handleOrder(page) {
+      try {
+        this.loadingObj.orderLoading = true;
+
+        let params = {};
+        params.billLadingId = this.$route.query.id;
+        const res = await getOrderDetail(page.currentPage, page.pageSize, Object.assign(params));
         const data = res.data.data;
         this.orddata = data.records;
         this.ordpage.total = data.total;
-      });
+      } catch (error) {
+        console.log('error :>> ', error);
+      } finally {
+        this.loadingObj.orderLoading = false;
+      }
     },
     //包件列表
-    handlePackage(page) {
-      let params = {};
-      params.billLadingId = this.$route.query.id;
-      getPackDetail(page.currentPage, page.pageSize, Object.assign(params)).then(res => {
-        console.log('查看>>>>>包间>>', res.data.data);
+    async handlePackage(page) {
+      try {
+        this.loadingObj.packageLoading = true;
+
+        let params = {};
+        params.billLadingId = this.$route.query.id;
+        const res = await getPackDetail(page.currentPage, page.pageSize, Object.assign(params));
         const data = res.data.data;
         this.packdata = data.records;
         this.packpage.total = data.total;
-      });
+      } catch (error) {
+        console.log('error :>> ', error);
+      } finally {
+        this.loadingObj.packageLoading = false;
+      }
     },
     //库存列表
-    handleInventory(page) {
-      let params = {};
-      params.billLadingId = this.$route.query.id;
-      getInventoryDetail(page.currentPage, page.pageSize, Object.assign(params)).then(res => {
+    async handleInventory(page) {
+      try {
+        this.loadingObj.stockLoading = true;
+
+        let params = {};
+        params.billLadingId = this.$route.query.id;
+        const res = await getInventoryDetail(
+          page.currentPage,
+          page.pageSize,
+          Object.assign(params)
+        );
         console.log('查看>>>>>库存>>', res.data.data);
         const data = res.data.data;
         this.inventorydata = data.records;
@@ -1832,9 +1856,13 @@ export default {
           } else if (item.stockStatus == 3) {
             item.stockStatus = '备货完成';
           }
+          this.inventorypage.total = data.total;
         });
-        this.inventorypage.total = data.total;
-      });
+      } catch (error) {
+        console.log('error :>> ', error);
+      } finally {
+        this.loadingObj.stockLoading = false;
+      }
     },
 
     beforeClose(done) {