预约市配转备货添加loading

src/views/distribution/reservation/reservation.vue

@@ -270,7 +270,7 @@
     :drawerShow="drawerShow"
     :columnList="columnList"
   ></edittablehead>
-  <el-dialog v-model="dialogFormCustomer" title="指派叉车">
+  <el-dialog v-model="dialogFormCustomer" v-loading="" title="指派叉车">
     <el-form :model="info">
       <el-form-item label="备货时间:">
         <el-date-picker v-model="info.stockupDate" type="date" placeholder="选择日期">
@@ -302,7 +302,9 @@
       <span class="dialog-footer">
         <el-button @click="dialogFormCustomer = false">取消</el-button>
         <!--        <el-button type="primary" @click="dialogFormVisible = false"> 确定 </el-button>-->
-        <el-button type="primary" @click="callFordelivery('3')"> 确定 </el-button>
+        <el-button type="primary" :loading="loadingObj.submitLoading" @click="callFordelivery('3')">
+          确定
+        </el-button>
       </span>
     </template>
   </el-dialog>
@@ -847,6 +849,10 @@ export default {
       orderStatus: 'all',
       unconfirmedList: null,
       confirmedList: null,
+      /** loading */
+      loadingObj: {
+        submitLoading: false,
+      },
     };
   },
   watch: {
@@ -1393,6 +1399,7 @@ export default {
     },
     //确定指派
     callFordelivery() {
+      this.loadingObj.submitLoading = true;
       this.info.ids = this.ids;
       this.goodsAreaIdData.forEach(item => {
         console.log(item);
@@ -1400,13 +1407,17 @@ export default {
           this.info.goodsAreaName = item.dictValue;
         }
       });
-      confirms(this.info).then(res => {
+      confirms(this.info)
+        .then(res => {
           this.$message({
             type: 'success',
             message: '操作成功！',
           });
           this.onLoad(this.page);
           this.dialogFormCustomer = false;
+        })
+        .finally(() => {
+          this.loadingObj.submitLoading = false;
         });
     },
     handleDelete() {