fix: 修改加载

src/components/company/new-depart-member.vue

@@ -4,7 +4,7 @@
  * @Author: 无尘
  * @Date: 2020-08-27 09:14:54
  * @LastEditors: 无尘
- * @LastEditTime: 2020-10-12 16:15:52
+ * @LastEditTime: 2020-11-30 11:19:07
 -->
 <!--
   部门成员
@@ -22,7 +22,7 @@
         <div class="flex flex-align-center flex-pack-center font-12 color-909399 cursor-pointer hover-303133 use-help-tip" @click="toShowTip">使用帮助</div>
       </div>
     </div>
-    <div class="m-t-20">
+    <div class="m-t-20" v-loading="loading">
       <div class="depart-condition-wrap flex flex-space-between ">
         <div>
           <el-input placeholder="搜索姓名/手机号码"  maxlength="50" v-model="searchInput" class="w-274" @keyup.native="value => toInput(value, searchInput)" clearable @clear="clearInput"></el-input>
@@ -33,7 +33,7 @@
 
       </div>
       <div class="m-t-20">
-        <el-table class="select-table" ref="multipleTable" v-loading="loading" :data="tableData" tooltip-effect="dark" :style="{ width: '100%', minHeight: tableH }">
+        <el-table class="select-table" ref="multipleTable" :data="tableData" tooltip-effect="dark" :style="{ width: '100%', minHeight: tableH }">
           <!-- <el-table-column type="selection" width="55"> </el-table-column> @selection-change="handleSelectionChange" -->
           <el-table-column label="姓名" show-overflow-tooltip>
             <template slot-scope="scope">{{ scope.row.staffName || '--' }}</template>

src/components/company/related-table.vue

@@ -4,7 +4,7 @@
  * @Author: 无尘
  * @Date: 2020-08-27 09:14:54
  * @LastEditors: 无尘
- * @LastEditTime: 2020-09-09 15:47:35
+ * @LastEditTime: 2020-11-30 11:22:13
 -->
 
 <!--
@@ -14,49 +14,51 @@
  -->
 <template>
   <el-dialog title="绑定详情" :visible.sync="dialogVisible" width="995px" :before-close="handleClose">
-    <div class="overstore-tip">
-      <div class="flex flex-space-between">
-        <div></div>
-        <el-button type="primary" @click="toAddRelate">新建绑定</el-button>
+    <div v-loading="loading" >
+      <div class="overstore-tip">
+        <div class="flex flex-space-between">
+          <div></div>
+          <el-button type="primary" @click="toAddRelate">新建绑定</el-button>
+        </div>
+      </div>
+      <div class="m-t-20">
+        <el-table class="select-table" ref="multipleTable" height="500" :data="tableData" tooltip-effect="dark" :style="{ width: '100%' }">
+          <el-table-column label="导购code" show-overflow-tooltip>
+            <template slot-scope="scope">{{ scope.row.clerkCode || '--' }}</template>
+          </el-table-column>
+          <el-table-column prop="" label="导购姓名" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.clerkName || '--' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="" label="导购手机号" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.nationCode || '--' }}-{{ scope.row.clerkPhoneNumber || '--' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="" label="绑定商户" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.enterpriseName || '--' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="" label="绑定门店" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{ scope.row.storeName || '--' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="" label="绑定时间" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <div class="color-606266 line-18">{{ scope.row.createTime | timeStampToYmd }}</div>
+              <div class="color-606266 line-18">{{ scope.row.createTime | timeStampToHms }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="" label="操作" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <el-button type="text" @click="toUnbind(scope.row)">解绑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
       </div>
-    </div>
-    <div class="m-t-20">
-      <el-table class="select-table" ref="multipleTable" height="500" :data="tableData" tooltip-effect="dark" :style="{ width: '100%' }">
-        <el-table-column label="导购code" show-overflow-tooltip>
-          <template slot-scope="scope">{{ scope.row.clerkCode || '--' }}</template>
-        </el-table-column>
-        <el-table-column prop="" label="导购姓名" show-overflow-tooltip>
-          <template slot-scope="scope">
-            {{ scope.row.clerkName || '--' }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="" label="导购手机号" show-overflow-tooltip>
-          <template slot-scope="scope">
-            {{ scope.row.nationCode || '--' }}-{{ scope.row.clerkPhoneNumber || '--' }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="" label="绑定商户" show-overflow-tooltip>
-          <template slot-scope="scope">
-            {{ scope.row.enterpriseName || '--' }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="" label="绑定门店" show-overflow-tooltip>
-          <template slot-scope="scope">
-            {{ scope.row.storeName || '--' }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="" label="绑定时间" show-overflow-tooltip>
-          <template slot-scope="scope">
-            <div class="color-606266 line-18">{{ scope.row.createTime | timeStampToYmd }}</div>
-            <div class="color-606266 line-18">{{ scope.row.createTime | timeStampToHms }}</div>
-          </template>
-        </el-table-column>
-        <el-table-column prop="" label="操作" show-overflow-tooltip>
-          <template slot-scope="scope">
-            <el-button type="text" @click="toUnbind(scope.row)">解绑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
     </div>
     <add-relate v-if="addShow" :depart-obj="relateRow" @refreshData="refreshData"></add-relate>
   </el-dialog>
@@ -88,7 +90,8 @@ export default {
       pageSize: 20,
       total: 0,
       tableData: [],
-      addShow: false
+      addShow: false,
+      loading: false
     };
   },
   mounted() {
@@ -206,15 +209,17 @@ export default {
      */
     getTableList() {
       const that = this;
+      that.loading = true;
       let para = {
         staffId: that.relateRow.staffId
       };
       getStaffRelation(para)
         .then(res => {
+          that.loading = false;
           that.tableData = res.result || [];
         })
         .catch(function(error) {
-
+          that.loading = false;
         });
     }
   },