修复库位显示

src/views/basicdata/warehouse/goodsShelf/basicdataGoodsShelf.vue

@@ -1,6 +1,6 @@
 <template>
   <basic-container>
-    <div class="avue-crud">
+    <div class="avue-crud" v-loading="loadingObj.pageLoading">
       <div v-h5uShow="!search">
         <!-- 查询模块 -->
         <el-form :inline="true" :model="query" class="header_search" style="width: 100%">
@@ -346,8 +346,7 @@
         width="600px"
         v-model="dialogVisible"
       >
-        <div  class="el_ewm"    v-loading="ewmloading"
+        <div class="el_ewm" v-loading="ewmloading" element-loading-text="二维码加载中...">
-          element-loading-text="二维码加载中...">
           <!--        <div v-for="(item,index) in qrCodeObj" class="pdf-dom">-->
           <!--          <el-divider></el-divider>-->
 
@@ -374,7 +373,7 @@
           :option="alloption"
           v-model:page="allpage"
           v-model="allform"
-          :table-loading="loading"
+          :table-loading="loadingObj.allocation"
           :data="alldata"
           ref="crud"
           @selection-change="allselectionChange"
@@ -388,11 +387,7 @@
             </el-button>
           </template>
           <template #menu="{ size, row, index }">
-            <el-button
+            <el-button type="primary" text icon="el-icon-view" @click="viewhandleqr(row)"
-              type="primary"
-              text
-              icon="el-icon-view"
-              @click="viewhandleqr(row)"
               >查看二维码</el-button
             >
             <el-button
@@ -885,9 +880,7 @@ export default {
       templateData: [],
       validatorRules: {
         goodsAreaId: [{ required: true, message: '请选择货区!', trigger: 'change' }],
-        goodsShelfName: [
+        goodsShelfName: [{ required: true, message: '请填写货架名称!', trigger: 'blur' }],
-          { required: true, message: '请填写货架名称!', trigger: 'blur' }
-        ],
         // goodsShelfStatus: [
         //   { required: true, message: '请选择货架状态!', trigger: 'change' }
         // ],
@@ -897,6 +890,12 @@ export default {
       },
       //货架状态控制
       idShowStatus: false,
+      loadingObj: {
+        /** 页面loading */
+        pageLoading: false,
+        /** 库位loading */
+        allocation: false,
+      },
     };
   },
   created() {
@@ -1183,7 +1182,7 @@ export default {
               //     this.form.goodsAreaName = item.headline
               //   }
               // })
-              this.form.goodsShelfName=this.form.goodsShelfName+'排'
+              this.form.goodsShelfName = this.form.goodsShelfName + '排';
               add(this.form).then(() => {
                 this.box = false;
                 this.onLoad(this.page);
@@ -1193,7 +1192,7 @@ export default {
                 });
               });
             } else {
-              this.form.goodsShelfName=this.form.goodsShelfName+'排'
+              this.form.goodsShelfName = this.form.goodsShelfName + '排';
               update(this.form).then(() => {
                 this.box = false;
                 this.onLoad(this.page);
@@ -1230,7 +1229,7 @@ export default {
       this.idShowStatus = true;
       getDetail(row.id).then(res => {
         this.form = res.data.data;
-        this.headlineinput(this.form.goodsShelfName)
+        this.headlineinput(this.form.goodsShelfName);
         console.log('>>>>>>>>>>', this.form);
         //TODO 这里还需要对二维码图片进行控制显示
       });
@@ -1461,19 +1460,29 @@ export default {
     },
     allsizeChange(pageSize) {
       this.allpage.pageSize = pageSize;
-      this.onLoad(this.page);
+      this.allonLoad(this.allpage);
     },
-    allonLoad(page) {
+    async allonLoad(page) {
+      try {
+        this.loadingObj.allocation = true;
+
         let values = {
           goodsShelfId: this.goodsShelfId,
         };
-      allgetList(page.currentPage, page.pageSize, values).then(res => {
+        const res = await allgetList({
+          currentPage: page.currentPage,
+          size: page.pageSize,
+          ...values,
+        });
         const data = res.data.data;
         console.log('data>>>>>>>>>>>>>>>', data);
         this.allpage.total = data.total;
         this.alldata = data.records;
-        this.loading = false;
+      } catch (error) {
-      });
+        console.log('error :>> ', error);
+      } finally {
+        this.loadingObj.allocation = false;
+      }
     },
     onLoad(page, params = {}) {
       this.loading = true;