update: 客户分组

src/view/memberGroup/memberGroupEdit.vue

@@ -73,7 +73,7 @@
             </el-form-item>
             <el-form-item label prop>
               <div class="label-title">分组所属分类</div>
-              <el-select v-model="ruleForm.memberTagGroupClassifyId" style="width: 100%" filterable placeholder="请选择">
+              <el-select v-model="ruleForm.memberTagGroupClassifyId" v-loadmore="onLoadmore" style="width: 100%" filterable placeholder="请选择">
                 <el-option
                   v-for="item in memberGroupList"
                   :key="item.memberTagGroupClassifyId"
@@ -257,6 +257,10 @@ export default {
   name: 'memberGroupEdit',
   data() {
     return {
+      pager: {
+        pageNum: 1,
+        total: 1
+      },
       realCount: {},
       templateCode: '',
       // 编辑数据
@@ -459,6 +463,19 @@ export default {
       this.ruleForm.updateType = this.watchUpdateType(isActive, newVal);
     }
   },
+  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: {
     handlerIsActive(newVal){
       const { fixedType } = this.ruleForm;
@@ -735,21 +752,26 @@ export default {
           console.log(error);
         });
     },
+    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 || [];
-          result.forEach(item => {
-            if (item.memberTagGroupClassifyId === 'b3a45c4711134c939b5f8ee31a10f646') {
-              // console.log(item);
-            }
-          });
-          this.memberGroupList = result.slice(0);
+          if (Array.isArray(result.result)) {
+            this.memberGroupList = this.memberGroupList.concat(result.result);
+          }
+          this.pager.total = result.totalPage;
           this.ruleForm.memberTagGroupClassifyId = this.ruleForm.memberTagGroupClassifyId || '0';
         })
         .catch(err => {

src/view/memberGroup/memberGroupList.vue

@@ -9,11 +9,8 @@
     </div>
     <div class="right-content">
       <!-- 左边的会员分组 -->
-      <div class="left-box" v-show="activeType != 3 || !isNew">
-        <group-list ref="groupList" :addGroupDialog.sync="addGroupDialog" :activeType="activeType" @getRecommend="getRecommend" @second-list="getsecondList"></group-list>
-         <div @click="addGroupDialog = true" :limit-code="$buttonCode.memberTagAddCateGory" v-if="$getButtonLimit($buttonCode.memberTagAddCateGory) && activeType != 3" class="add-category">
-          <el-button v-show="activeType == 1" type="primary" class="ghost-btn add-group">新增分类</el-button>
-        </div>
+      <div class="left-box" v-show="activeType != 3">
+        <group-list ref="groupList" :activeType="activeType" @getRecommend="getRecommend" @second-list="getsecondList"></group-list>
       </div>
       <!-- 右边的表格 -->
       <template v-if="showFixedList">
@@ -680,7 +677,6 @@ export default {
         data: {},
         isBatch: false
       },
-      addGroupDialog: false,
       dateformat,
       flag: false
     };
@@ -1800,10 +1796,6 @@ export default {
   padding: 0 20px;
   border-bottom: 1px solid #e4e7ed;
 }
-.add-group {
-  width: 100%;
-  margin-top: 12px;
-}
 .icon-fixed {
   font-size: 21px;
   position: relative;