搜索框和提示

src/view/memberGroup/memberGroupDetail.vue

@@ -10,7 +10,10 @@
             <span>{{ separator(total) }}</span>
             人
           </span>
-          <el-button type="primary" class="down-member-list__btn" @click="downMemberListPop.show = true" v-if="downMemberListPop.canDown">人群导出</el-button>
+          <el-button type="primary" class="down-member-list__btn" @click="downMemberListPop.show = true" v-if="downMemberListPop.canDown && total < 1000000">人群导出</el-button>
+          <el-tooltip v-else-if="downMemberListPop.canDown" class="item" effect="dark" content="每张报表导出人数限制为100万，大于100万的人群会自动拆分为多张报表进行导出" placement="top">
+            <el-button type="primary" class="down-member-list__btn" @click="downMemberListPop.show = true" v-if="downMemberListPop.canDown">人群导出</el-button>
+          </el-tooltip>
         </div>
         <div class="memberGroupDetail-wrap__head">
           <span class="tag-selected-title">筛选标签</span>
@@ -18,6 +21,16 @@
         </div>
 
         <div class="memberGroupDetail-wrap__table">
+          <el-input
+            class="w-220 m-r-8"
+            placeholder="请输入会员卡号、手机号"
+            prefix-icon="el-icon-search"
+            v-model="tagSearch"
+            clearable
+            style="margin: 20px 0"
+            @clear="clearSearch"
+            @keyup.enter.native="enterSearch"
+          />
           <el-table v-loading="loading" @sort-change="sortChange" :data="memberGroupDetailData" style="width: 100%">
             <div v-for="item in selectedFields" :key="item.code">
               <el-table-column
@@ -350,7 +363,8 @@ export default {
       },
       baseUrl: '',
       sortFiled: '',
-      order: ''
+      order: '',
+      tagSearch: ''
     };
   },
   computed: {
@@ -534,7 +548,8 @@ export default {
         pageNum: that.currentPage,
         pageSize: that.pageSize,
         sortColName: that.sortFiled,
-        sortType: that.order
+        sortType: that.order,
+        search: that.tagSearch
       };
       getRequest('/member-tag-member/findMemberList.json', params)
         .then(res => {
@@ -556,6 +571,15 @@ export default {
           that.loading = false;
         });
     },
+    clearSearch() {
+      this.tagSearch = '';
+      this.currentPage = 1;
+      this.getGroupDetail();
+    },
+    enterSearch() {
+      this.currentPage = 1;
+      this.getGroupDetail();
+    },
     /**
      * 点击信息跳转分组详情
      */

src/view/memberGroup/memberLevelDetail.vue

@@ -11,9 +11,22 @@
             <span>{{ separator(total) }}</span>
             人
           </span>
-          <el-button type="primary" class="down-member-list__btn" @click="downMemberListPop.show = true" v-if="downMemberListPop.canDown">人群导出</el-button>
+          <el-button type="primary" class="down-member-list__btn" @click="downMemberListPop.show = true" v-if="downMemberListPop.canDown && total < 1000000">人群导出</el-button>
+          <el-tooltip v-else-if="downMemberListPop.canDown" class="item" effect="dark" content="每张报表导出人数限制为100万，大于100万的人群会自动拆分为多张报表进行导出" placement="top">
+            <el-button type="primary" class="down-member-list__btn" @click="downMemberListPop.show = true" v-if="downMemberListPop.canDown">人群导出</el-button>
+          </el-tooltip>
         </div>
         <div class="memberGroupDetail-wrap__table">
+          <el-input
+            class="w-220 m-r-8"
+            placeholder="请输入会员卡号、手机号"
+            prefix-icon="el-icon-search"
+            v-model="tagSearch"
+            clearable
+            style="margin: 20px 0"
+            @clear="clearSearch"
+            @keyup.enter.native="enterSearch"
+          />
           <el-table v-loading="loading" @sort-change="sortChange" :data="memberGroupDetailData" style="width: 100%">
             <div v-for="item in selectedFields" :key="item.code">
               <el-table-column
@@ -350,7 +363,8 @@ export default {
       },
       baseUrl: '',
       sortFiled: '',
-      order: ''
+      order: '',
+      tagSearch: ''
     };
   },
   computed: {
@@ -542,7 +556,8 @@ export default {
         pageSize: this.pageSize,
         pageName: 'memberSign',
         sortColName: that.sortFiled,
-        sortType: that.order
+        sortType: that.order,
+        search: that.tagSearch
       };
       getRequest('/member-tag-member/findMemberList.json', params)
         .then(res => {
@@ -563,6 +578,15 @@ export default {
           that.loading = false;
         });
     },
+    clearSearch() {
+      this.tagSearch = '';
+      this.currentPage = 1;
+      this.getGroupDetail();
+    },
+    enterSearch() {
+      this.currentPage = 1;
+      this.getGroupDetail();
+    },
     /**
      * 点击信息跳转分组详情
      */