fix: 客户分组批量修改分组下拉ui

src/components/tag/batch-list.vue

@@ -12,10 +12,11 @@
           <p class="batch-txt">{{ list.length ? '存在分组正在被以下模块使用，请先删除对应的内容后再来删除分组。' : '删除后无法恢复，确认要删除该分组吗？' }}</p>
         </div>
         <div v-if="operNum == 2">
-          选择分类：<el-select v-model="groupId" placeholder="请选择分类" v-loadmore="loadMoreGroupList" filterable remote :remote-method="searchGroupList" class="select-classify">
+          <!-- 选择分类：<el-select v-model="groupId" placeholder="请选择分类" v-loadmore="loadMoreGroupList" filterable remote :remote-method="searchGroupList" class="select-classify">
             <el-option v-for="el in groupList" :key="el.memberTagGroupClassifyId" :value="el.memberTagGroupClassifyId" :label="el.classifyName"></el-option>
             <i class="el-icon-search" slot="prefix"></i>
-          </el-select>
+          </el-select> -->
+          选择分组：<dm-select-scroller :width="305" :clearable="true" :data="groupList" v-model="groupId" placeholder="请选择分类" @load="loadMoreGroupList" @remote-search="searchGroupList" :total-count="totalCountGounp" :props="propsGroup"></dm-select-scroller>
         </div>
         <!-- <div v-if="operNum == 2">
           <p class="title">
@@ -70,8 +71,13 @@ export default {
         pageNum: 1,
         totalPage: 1
       },
+      totalCountGounp: 0,
       loading: false,
       loadings: false,
+      propsGroup: {
+        label: 'classifyName',
+        value: 'memberTagGroupClassifyId'
+      }
     };
   },
   directives: {
@@ -192,6 +198,7 @@ export default {
           this.groupList = this.groupList.concat(result.result.filter(el => el.classifyName != '未分类' && el.classifyName != null));
         }
         this.params.totalPage = result.totalPage;
+        this.totalCountGounp = result.totalCount || 0;
       }).finally(() => {
         this.loading = false;
         this.loadings = false