查看配送添加加载

src/views/aftersales/aftersalesWorkOrderend.vue

@@ -346,7 +346,6 @@
               <div class="el_tool">
                 <span>总金额:{{ TotalClaimAmount }}元</span>
               </div>
-              
             </div>
             <!-- 处理结果说明  -->
             <el-form-item label="处理结果说明" class="el_resj">
@@ -2001,10 +2000,14 @@ const ViewPackageDetails = val => {
 .Improveinformation {
   margin-top: 32px;
   width: 100%;
+
   :deep(.custom-tabs-label) {
     display: flex;
     align-items: center;
   }
+  :deep(.selector) {
+    margin-bottom: 40px;
+  }
   .el_pklab {
     width: 50px;
   }

src/views/distribution/deliverylist/distributionDeliveryListedt.vue

@@ -82,7 +82,7 @@
         <!-- 列表模块 -->
         <el-table
           ref="table"
-          v-loading="loading"
+          v-loading="listloading"
           @selection-change="selectionChange"
           :data="data"
           style="width: 100%"
@@ -732,6 +732,7 @@ export default {
       dialogVisibleF: false,
       deliveryId: null,
       Routid: null,
+     
       TCloading: false, //提交按钮
       TcForm: {}, //弹窗表单
       // 上门照
@@ -2035,8 +2036,7 @@ export default {
       deliverydata: {
         reservationList: [],
       },
-      // 加载中
-      loading: true,
+
       //查看按钮
       edt: false,
       activeTab: 'tab1',
@@ -3031,6 +3031,8 @@ export default {
       wrapdata: [],
       //包条列表
       packdata: [],
+      loading:false,
+      listloading:false,//列表模块
       //订单列表
       orddata: [],
       //库存品列表
@@ -3187,6 +3189,7 @@ export default {
           break;
         case 'tab3':
           //包件列表
+          this.loading=true
           this.handlePackage(this.page);
           console.log('ssss');
           break;
@@ -3576,6 +3579,7 @@ export default {
     //客户列表
     handleClient(page) {
       let params = {};
+      this.listloading=true
       console.log();
       params.deliveryId = this.deliverydata.id;
       getClientDetail(
@@ -3583,18 +3587,23 @@ export default {
         page.pageSize,
         Object.assign(params, this.clientQuery)
       ).then(res => {
+        this.listloading=false
         console.log('查看>>>>>订单>>', res.data.data);
+        if(res.data.data){
           const data = res.data.data;
         this.data = data.records;
         this.ordpage.total = data.total;
+        }
       });
     },
     //订单列表
     handleOrder(page) {
       let params = {};
+      this.loading=true;
       params.deliveryId = this.deliverydata.id;
       getorddetail(page.currentPage, page.pageSize, Object.assign(params, this.orderQuery)).then(
         res => {
+          this.loading=false,
           console.log('查看>>>>>订单>>', res.data.data);
           const data = res.data.data;
           this.orddata = data.records;
@@ -3605,25 +3614,33 @@ export default {
     //包件列表
     handlePackage(page) {
       let params = {};
+      this.loading=true
+      console.log(this.loading,'this.loading');
       params.deliveryId = this.deliverydata.id;
       getpackdetail(page.currentPage, page.pageSize, Object.assign(params, this.packageQuery)).then(
         res => {
+          this.loading=false
           console.log('查看>>>>>包间>>', res.data.data);
+          if(res.data.data){
           const data = res.data.data;
           this.packdata = data;
           this.packpage.total = data.total;
           }
+
+        }
       );
     },
     //库存列表
     handleInventory(page) {
       let params = {};
+      this.loading=true
       params.deliveryId = this.deliverydata.id;
       getinventorydetail(
         page.currentPage,
         page.pageSize,
         Object.assign(params, this.inventoryQuery)
       ).then(res => {
+        this.loading=false
         console.log('查看>>>>>库存>>', res.data.data);
         const data = res.data.data;
         this.inventorydata = data;