fix: 关联渠道

src/components/allCustomers/allCustomersList.vue

@@ -31,7 +31,16 @@
               @change="onSearch"
               clearable
             />
-            <vue-gic-select-tree :options="selectTreeOptions" @change="onSelectTreeChange" style="display: inline-block;margin-left:10px; height: 32px" />
+            <vue-gic-select-tree :options="selectTreeOptions" @change="onSelectTreeChange" style="display: inline-block;margin:0 10px; height: 32px" />
+            <vue-gic-select-tree :options="selectChannelList" @change="onSelectChannelChange" style="display: inline-block;height: 32px" />
+             <!-- <el-select v-model="selectChannelValue" multiple placeholder="请选择">
+              <el-option
+                v-for="item in selectChannelList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select> -->
             <el-button type="text" @click="showSearch = !showSearch" class="senior-search">
               高级搜索<i
                 :class="showSearch ? 'el-icon-d-arrow-left' : 'el-icon-d-arrow-right'"

src/components/allCustomers/index.js

@@ -6,7 +6,7 @@ import mainstoreDailog from "./components/mainstoreDialog.vue";
 import substoreDailog from "./components/substoreDialog.vue";
 import batchList from "./components/batchList.vue";
 import importDialog from "./components/importDialog.vue";
-import { doFetch } from "../../components/axios/api";
+import { doFetch, doFetchGet } from "../../components/axios/api";
 import url from "../../components/axios/url";
 import { mapState } from "vuex";
 import { formatLongTime, paddingBorth } from "@/utils/utils";
@@ -21,6 +21,31 @@ export default {
   name: "allCustomersList",
   data() {
     return {
+      selectChannelValue: '',
+      selectChannelList: {
+        selectOptions: {
+          collapseTags: false,
+          allCheckText: '全部关联渠道',
+          placeholder: '全部关联渠道',
+          width: 260
+        },
+        treeOptions: {
+          data: [
+        // {
+        //   id: '1',
+        //   label: '微信公众号',
+        //   disabled: false
+        // },
+          ],
+          props: {
+            label: 'label',
+            children: 'children',
+            value: 'id'
+          }
+        },
+        searchAble: false,
+        multipleAble: true
+    },
       sceneValue: "member", // 人群筛选器场景值
       navpath: [
         { name: "首页", path: "" },
@@ -33,16 +58,14 @@ export default {
         phoneNameCard: "", // 搜索字段
         memberSearchStr: -1, // 人群筛选
         sortColName: "", // 排序字段
-        sortType: "" // 排序方式
+        sortType: "", // 排序方式
       },
       totalCount: 0,
       loading: false,
       tableData: [],
       customerType: [
-        // { id: 1, label: "非会员" },
-        // { id: 3, label: "微信会员" },
-        // { id: 4, label: "POS会员" }
       ],
+      channelType: [],
       oldCustomerType: "",
       showSearch: false, // 高级搜索开关
       toggleTag: false, // 人群筛选器按钮开关
@@ -175,6 +198,12 @@ export default {
       },
       deep: true
     },
+    channelType: {
+      handler(newV, oldV) {
+        this.onSearch();
+      },
+      deep: true
+    },
     $route: function(n, o) {
       if (n.path === "/allCustomers") {
         this.$store.commit("mutations-slide", true);
@@ -186,6 +215,7 @@ export default {
     this.initialize();
     this.getGradeList();
     this.getCliqueGradeList();
+    this.getMemberSourceList();
   },
   mounted() {
     this.getFindMemberFields();
@@ -197,6 +227,12 @@ export default {
     onSelectTreeChange(data) {
       this.customerType = data;
     },
+    // 关联渠道选中数据
+    onSelectChannelChange(data) {
+      this.channelType = data.map(item=>{
+        return item.id
+      });
+    },
     initialize() {
       this.pageParam.phoneNameCard = sessionStorage.getItem("phoneNameCard")
         ? sessionStorage.getItem("phoneNameCard")
@@ -216,8 +252,25 @@ export default {
     },
     onSearch() {
       this.pageParam.currentPage = 1;
+      if(this.channelType) {
+          this.pageParam.relatedChannelSource=this.channelType
+      }
       this.getAjaxMembers();
     },
+    // 获取会员渠道列表
+    getMemberSourceList() {
+      doFetchGet(url.getMemberSourceList, {}).then(res=>{
+        if (res.data.errorCode === 0 && res.data.result) {
+          this.selectChannelList.treeOptions.data = res.data.result.map(item=>{
+            return {
+              id: item.key,
+              label: item.value,
+              disabled: false
+            }
+          })
+        }
+      })
+    },
     // 获取列表数据
     getAjaxMembers() {
       this.loading = true;
@@ -226,7 +279,7 @@ export default {
         url.ajaxMembers,
         Object.assign({}, this.pageParam, {
           pageName: this.pageName,
-          showFields: "-1"
+          showFields: "-1",
         })
       )
         .then(res => {

src/components/axios/url.js

@@ -96,7 +96,8 @@ const urlConfig = {
   wechatLogPage: '/api-marketing/member/wechat-log-page',
   getMarketingRecordNum: '/api-marketing/member/marketing-count',
   aiLogPage: '/api-marketing/member/page-ai-member-log',
-  getOrderList: '/api-member/member-all-order-page'
+  getOrderList: '/api-member/member-all-order-page',
+  getMemberSourceList: '/api-plug/member-source-list'
 }
 
 const defaultUrl = Object.assign({}, urlConfig);