客户分组添加loading效果

src/view/memberGroup/group-list.vue

@@ -15,6 +15,13 @@
           <i slot="reference" class="iconfont icon-gengduo icon"></i>
         </el-popover>
       </li>
+      <li >
+         <div class="el-loading-spinner" style="width: 98%;" v-if="memberGroupLoading">
+            <svg viewBox="25 25 50 50" class="circular">
+              <circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
+            </svg>
+          </div>
+      </li>
     </ul>
     <div v-if="$getButtonLimit($buttonCode.memberTagAddCateGory) && activeType == 1" class="add-category">
       <el-button @click="editDialog.visible = true" :limit-code="$buttonCode.memberTagAddCateGory" type="primary" class="ghost-btn add-group">新增分类</el-button>
@@ -58,7 +65,9 @@ export default {
         loading: false,
         classifyName: '',
         list: {}
-      }
+      },
+      memberGroupLoading: false
+
     };
   },
 
@@ -189,6 +198,7 @@ export default {
      * 会员分组分类
      */
     getMemberGroupList() {
+      this.memberGroupLoading = true;
       const { pageNum, pageSize, classifyName } = this.listsParams;
       if (pageNum == 1) {
         this.lists = [];
@@ -200,6 +210,7 @@ export default {
         pageSize,
         classifyName
       }).then(res => {
+        this.memberGroupLoading = false;
         if (res.errorCode == 0) {
           const { result, totalPage } = res.result || {};
           if (Array.isArray(result)) {