From 98d6b5e820b66383cb2a40a081c67f689a945aa5 Mon Sep 17 00:00:00 2001
From: anbbukn <anbbukn2@foxmail.com>
Date: Wed, 1 Jul 2020 10:24:43 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90FIX=E3=80=91=20nbs=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/nbs/CrewList.vue | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/views/ebiz/nbs/CrewList.vue b/src/views/ebiz/nbs/CrewList.vue
index 053643d41..9f644e948 100644
--- a/src/views/ebiz/nbs/CrewList.vue
+++ b/src/views/ebiz/nbs/CrewList.vue
@@ -89,7 +89,7 @@
     </table>
 
     <div style="overflow-x:auto;" class="max" @scroll="scrollChange" v-else>
-      <table class="max main-table" v-if="tableData">
+      <table class="max main-table" v-if="tableData && !isLoading">
         <tr v-for="(item, i) in tableData.list" :key="i">
           <td v-if="$store.state.agentGrade >= 400">
             <div class="status">{{ item.departmentCode }}</div>
@@ -120,6 +120,10 @@
           </td>
         </tr>
       </table>
+
+      <div class="loading" v-else>
+        <van-loading />
+      </div>
     </div>
     <van-popup v-model="showPiker" position="bottom">
       <van-picker
@@ -144,7 +148,7 @@
   </div>
 </template>
 <script>
-import { Sticky, Popup, Picker, DatetimePicker } from 'vant'
+import { Sticky, Popup, Picker, DatetimePicker, Loading } from 'vant'
 import { nbsTable, makeCustomerPDF, getRankList, getGankLevel, getTableList, exportExcel } from '@/api/ebiz/nbs'
 import config from '@/config'
 
@@ -153,7 +157,8 @@ export default {
     [Sticky.name]: Sticky,
     [Popup.name]: Popup,
     [Picker.name]: Picker,
-    [DatetimePicker.name]: DatetimePicker
+    [DatetimePicker.name]: DatetimePicker,
+    [Loading.name]: Loading
   },
   data() {
     return {
@@ -197,6 +202,7 @@ export default {
       tableData: {
         list: []
       },
+      isLoading: false,
       excelUrl: ''
     }
   },
@@ -254,6 +260,7 @@ export default {
   },
   methods: {
     async getTableList() {
+      this.isLoading = true
       const rs = await getTableList({
         departmentCode: this.params.picker_1.agentgroup ? this.params.picker_1.agentgroup : '',
         branchCode: this.params.picker_2.agentgroup ? this.params.picker_2.agentgroup : '',
@@ -263,6 +270,7 @@ export default {
         pageNum: 0
       })
       this.tableData = rs.content
+      this.isLoading = false
     },
     scrollChange(e) {
       this.topTableLeft = e.target.scrollLeft
@@ -519,4 +527,9 @@ div.max {
     }
   }
 }
+.loading {
+  display: flex;
+  justify-content: center;
+  padding-top: 100px;
+}
 </style>