修复库存品打印

src/views/distribution/inventory/distributionStockArticleFrom.vue

@@ -1,5 +1,5 @@
 <template>
-  <basic-container>
+  <basic-container v-loading="loadingObj.pageLoading">
     <div class="avue-crud">
       <div class="avue-crud__header">
         <!-- 头部左侧按钮模块 -->
@@ -137,6 +137,9 @@ export default {
           this.selectionClear();
         });
       }, 10),
+      loadingObj: {
+        pageLoading: false,
+      },
     };
   },
   watch: {
@@ -165,6 +168,9 @@ export default {
   },
   methods: {
     async handleTrade() {
+      try {
+        this.loadingObj.pageLoading = true;
+
         if (this.ids.length > 0) {
           const flag = this.selectionList.every(val => val.materialId);
           if (!flag) return this.$message.error('有订单物料信息未维护!!!');
@@ -191,6 +197,11 @@ export default {
         } else {
           this.$message.warning('请选择需要转的包件信息！！！');
         }
+      } catch (error) {
+        console.log('error :>> ', error);
+      } finally {
+        this.loadingObj.pageLoading = false;
+      }
     },
     //数量校验
     handleNumberRange(e, row) {

src/views/distribution/inventory/distributionStockListDetails.vue

@@ -1,6 +1,6 @@
 <template>
   <basic-container>
-    <div class="avue-crud">
+    <div class="avue-crud" v-loading="loadingObj.pageLoading">
       <!--      <el-row   v-if="!search" style="padding:6px 18px">-->
       <!-- 查询模块 -->
       <el-form :model="queryOwn" label-width="80px">
@@ -617,6 +617,9 @@ export default {
       data2: [],
       data3: [],
       leibiao: '',
+      loadingObj: {
+        pageLoading: false,
+      },
     };
   },
   mounted() {
@@ -628,7 +631,7 @@ export default {
         // console.log(newVal, oldVal);
         if (this.$route.path !== '/distribution/inventory/distributionStockListDetails') return;
         this.activeName = 'library';
-        this.query = {}
+        this.query = {};
         this.init();
       },
       deep: true,
@@ -647,22 +650,23 @@ export default {
   },
   methods: {
     //查看二维码
-    handleInventoryQRCode(scope) {
-      const { row } = scope;
+    async handleInventoryQRCode({ row }) {
       console.log('执行查看二维码------------>row:', row);
 
-      this.materialQRCode = row;
-      console.log('---------------->', row);
-      let qr = {
-        ids: row.id,
-      };
+      try {
+        this.loadingObj.pageLoading = true;
+        let res = await showInventorySourcePackageCode(row.incomingBatch, row.parcelListId);
         this.html = '';
-      showInventorySourcePackageCode(row.incomingBatch, row.parcelListId).then(res => {
-        // this.orderPackageCode = res.data
-        console.log(res.data);
-        this.html = this.getHtmls(res.data.data.dataList, res.data.data.templateHtml);
-      });
+
+        const { code, data } = res.data;
+        if (code !== 200) return;
+        this.html = this.getHtmls(data.dataList, data.templateHtml);
         this.dialogVisibleF = true;
+      } catch (error) {
+        console.log('error :>> ', error);
+      } finally {
+        this.loadingObj.pageLoading = false;
+      }
     },
     revokeFn(val) {
       ElMessageBox.confirm('撤销物料会产生库存数量扣减，是否继续?', 'Warning', {