出运明细-批量提交/批量取消提交 -遮罩层

src/views/shipment-details/shipmentList.vue

@@ -170,6 +170,7 @@
     </a-card>
 
     <!-- 操作按钮区域 -->
+    <a-spin :spinning="loading">
     <a-card :bordered="false" style=" marginTop:10px;">
       <div class="table-operator">
         <!-- <a-button type="primary" @click.stop="addShipDet" icon="plus">新增</a-button> -->
@@ -302,7 +303,7 @@
       <span style="margin-right: 55%;">共勾选{{selectedNumber}}条数</span>
       <span >总数量：{{ allMoney }}</span>
     </a-card>
-
+  </a-spin>
     <!-- 抽屉  -->
     <div>
       <!-- <addShipDet-drawer ref="addShipDetDrawer" :fatherList="getShipmentList" @ok="modalFormOk" @close="closeAdd"></addShipDet-drawer> -->
@@ -988,6 +989,7 @@ export default {
         //   }
         // }
         var grouyIdList = []
+        this.loading = true
         this.shipmentListData.map(item =>{
           this.selectedRowKeys.map(e=>{
             if(item.itemIds == e){
@@ -996,6 +998,7 @@ export default {
           })
         })
         submitShipment({ submitListId: this.selectedRowKeys, type: '1' ,grouyIdList:grouyIdList}).then(res => {
+        this.loading = false
           if (res.success) {
             console.log('提交成功，单据状态改为【已提交】')
             this.shipmentListData.submitStatus = '1'
@@ -1014,7 +1017,9 @@ export default {
     cancelSubmit(record) {
       console.log('取消订单id:', record.id)
       this.$nextTick(() => {
+        this.loading = true
         cancelSubmitShipment({ submitListId: this.selectedRowKeys, type: '2' }).then(res => {
+        this.loading = false
           if (res.success) {
             console.log('取消提交成功，单据状态改为【仅保存】')
             this.shipmentListData.submitStatus = '0'