fix: 更新loading

src/components/company/add-relate.vue

@@ -3,7 +3,7 @@
  * @Author       : 无尘
  * @Date         : 2020-02-13 16:13:59
  * @LastEditors: 无尘
- * @LastEditTime: 2020-11-30 17:53:55
+ * @LastEditTime: 2020-12-23 11:31:16
  * @FilePath     : \haoban-4\src\components\company\add-relate.vue
  -->
 <!--
@@ -14,37 +14,39 @@
 
 <template>
   <el-dialog width="600px" title="新增绑定" :visible.sync="departVisible" append-to-body :before-close="handleClose">
-    <el-form :model="partForm" :rules="rules" ref="partForm" label-width="0px" class="dialog-form" @submit.native.prevent>
-      <el-form-item label="" prop="salerName">
-        <el-popover placement="bottom" title="" width="457" v-model="visible">
-          <div class="daily-store-select">
-            <div class="el-scrollbar define-search-select">
-              <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="overflow: auto;">
-                <ul class="el-scrollbar__view el-select-dropdown__list">
-                  <li :class="['el-select-dropdown__item', item.clerkId == selectId ? 'selected hover' : '']" v-for="item in storeData" :key="item.clerkId" @click="checkStore(item)">
-                    <div class="flex flex-space-between">
-                      <div style="line-height:26px;">
-                        <span class="block text-ellipsis">{{ item.clerkName }}（{{ item.clerkCode }}）</span>
-                        <div class="text-ellipsis font-12 color-909399">{{ item.storeName || '--' }}</div>
+    <div v-loading="loading" >
+      <el-form :model="partForm" :rules="rules" ref="partForm" label-width="0px" class="dialog-form" @submit.native.prevent>
+        <el-form-item label="" prop="salerName">
+          <el-popover placement="bottom" title="" width="457" v-model="visible">
+            <div class="daily-store-select">
+              <div class="el-scrollbar define-search-select">
+                <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="overflow: auto;">
+                  <ul class="el-scrollbar__view el-select-dropdown__list">
+                    <li :class="['el-select-dropdown__item', item.clerkId == selectId ? 'selected hover' : '']" v-for="item in storeData" :key="item.clerkId" @click="checkStore(item)">
+                      <div class="flex flex-space-between">
+                        <div style="line-height:26px;">
+                          <span class="block text-ellipsis">{{ item.clerkName }}（{{ item.clerkCode }}）</span>
+                          <div class="text-ellipsis font-12 color-909399">{{ item.storeName || '--' }}</div>
+                        </div>
+                        <span v-if="item.clerkId == selectId" class="font-12 color-2f54eb el-icon-check flex-align-center" style="display:flex;"></span>
+                        <span v-if="item.bindFlag == 1" class="font-12 color-909399">已添加不能绑定</span><el-button v-if="item.bindFlag == 1" class="m-l-10" type="text" @click.stop="toUnbind(item)">解绑</el-button>
                       </div>
-                      <span v-if="item.clerkId == selectId" class="font-12 color-2f54eb el-icon-check flex-align-center" style="display:flex;"></span>
-                      <span v-if="item.bindFlag == 1" class="font-12 color-909399">已添加不能绑定</span><el-button v-if="item.bindFlag == 1" class="m-l-10" type="text" @click.stop="toUnbind(item)">解绑</el-button>
-                    </div>
-                  </li>
-                  <li v-if="!storeData.length" class="text-center"><span>暂无数据</span></li>
-                </ul>
+                    </li>
+                    <li v-if="!storeData.length" class="text-center"><span>暂无数据</span></li>
+                  </ul>
+                </div>
               </div>
             </div>
-          </div>
-          <div class="show-select-num cursor-pointer w-558" slot="reference">
-            <div class="select-search-input"><span class="el-icon-search"></span><span class="p-l-5">{{ partForm.salerName }}</span> <el-input placeholder="请输入code/手机号搜索进行账号绑定" maxlength="40" v-model="searchSelect" @keyup.native="value => toInput(value)" @keyup.enter.native="enterKey" @clear="clearSearch"> </el-input></div>
-          </div>
-        </el-popover>
-      </el-form-item>
-    </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="cancel">取消</el-button>
-      <el-button type="primary" :loading="loading" @click="submitForm('partForm')">确定</el-button>
+            <div class="show-select-num cursor-pointer w-558" slot="reference">
+              <div class="select-search-input"><span class="el-icon-search"></span><span class="p-l-5">{{ partForm.salerName }}</span> <el-input placeholder="请输入code/手机号搜索进行账号绑定" maxlength="40" v-model="searchSelect" @keyup.native="value => toInput(value)" @keyup.enter.native="enterKey" @clear="clearSearch"> </el-input></div>
+            </div>
+          </el-popover>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取消</el-button>
+        <el-button type="primary" @click="submitForm('partForm')">确定</el-button>
+      </div>
     </div>
   </el-dialog>
 </template>