update: 会员分组

src/view/platformTag/member-tag.vue

@@ -136,7 +136,7 @@
           </div>
           <div :class="['form-item']">
             <label for="">分组所属分类</label>
-            <el-select v-model="tagConfig.memberTagGroupClassifyId" style="width: 100%" filterable placeholder="请选择">
+            <el-select v-model="tagConfig.memberTagGroupClassifyId" v-loadmore="onLoadmore" style="width: 100%" filterable placeholder="请选择">
               <el-option v-for="item in memberGroupList" :key="item.memberTagGroupClassifyId" :value="item.memberTagGroupClassifyId" :label="item.classifyName" />
             </el-select>
           </div>
@@ -241,6 +241,10 @@ export default {
 
   data() {
     return {
+      pager: {
+        pageNum: 1,
+        total: 1
+      },
       handTag: null,
       realCount: Object.create(null),
       margin60: false,
@@ -400,6 +404,19 @@ export default {
       }
     }
   },
+  directives: {
+    loadmore: {
+      inserted(el, binding) {
+        const SELECTDOWN_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap');
+        SELECTDOWN_DOM.addEventListener('scroll', function() {
+          const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight;
+          if (CONDITION) {
+            binding.value();
+          }
+        })
+      }
+    }
+  },
 
   methods: {
     validPeriodDateChange(v) {
@@ -718,16 +735,26 @@ export default {
     saveHandTagData(list) {
       localStorage.setItem('middleHandtag', JSON.stringify(list));
     },
+    onLoadmore() {
+      if (this.pager.pageNum >= this.pager.total) return;
+      this.pager.pageNum++;
+      this.getMemberGroupList();
+    },
     getMemberGroupList() {
-      memberGroupList({ requestProject: 'gic-member-tag-web', type: 0 })
+      if (this.pager.pageNum == 1) {
+        this.memberGroupList = [];
+      }
+      memberGroupList({ requestProject: 'gic-member-tag-web', type: 0, pageSize: 20, pageNum: this.pager.pageNum })
         .then(res => {
           let { errorCode, message, result } = res;
           if (errorCode !== 1) {
             this.$message.error(message);
             return;
           }
-          result = result || [];
-          this.memberGroupList = result.slice(0);
+          if (Array.isArray(result.result)) {
+            this.memberGroupList = this.memberGroupList.concat(result.result);
+          }
+          this.pager.total = result.totalPage;
         })
         .catch(err => {
           console.log(err);