update: 选择成员组件

src/views/salesleads/actCodeManage/components/select-clerk/select-clerk.vue

@@ -5,7 +5,8 @@
       <div class="clerk-list">
         <!-- 筛选条件 -->
         <div class="search-bar">
-          <el-select clearable style="width: 182px"></el-select>
+          <!-- <el-select clearable style="width: 182px"></el-select> -->
+          <gic-select-group class="select-group" :brandId="enterpriseId" :selectData="params.storeGroup" @checkGroupIds="onCheckGroupIds"> </gic-select-group>
           <el-input v-model="params.storeSearchParams" @change="onSearch" placeholder="请输入门店名称" prefix-icon="el-icon-search" clearable style="margin-left: 10px; width: 180px"></el-input>
           <el-input v-model="params.clerkSearchParams" @change="onSearch" placeholder="请输入导购名称/手机号/code" prefix-icon="el-icon-search" clearable style="margin-left: 10px; width: 250px"></el-input>
         </div>
@@ -84,9 +85,11 @@
 </template>
 
 <script>
+import GicSelectGroup from '@/components/common/gic-select-group.vue';
 import { getRequest } from '@/api/api.js';
 export default {
   name: 'SelectClerk',
+  components: { GicSelectGroup },
   props: {
     visible: Boolean,
     data: {
@@ -105,6 +108,11 @@ export default {
   watch: {
     visible(flag) {
       if (flag) {
+        this.params.storeGroup = [];
+        this.params.storeGroupId = '';
+        this.params.storeSearchParams = '';
+        this.params.clerkSearchParams = '';
+        this.params.pageNum = 1;
         this.selected = JSON.parse(JSON.stringify(this.data));
         this.getStoreClerkList();
       }
@@ -113,6 +121,7 @@ export default {
   data() {
     return {
       params: {
+        storeGroup: [],
         storeGroupId: '', // 分组ID
         storeSearchParams: '', // 门店条件
         clerkSearchParams: '', // 导购条件
@@ -120,6 +129,7 @@ export default {
         pageSize: 20,
         total: 0
       },
+      enterpriseId: '',
       loading: false,
       // 门店-导购列表
       storeClerkList: [],
@@ -135,6 +145,9 @@ export default {
       selected: []
     };
   },
+  created() {
+    this.enterpriseId = JSON.parse(sessionStorage.getItem('userInfos') || '{}').enterpriseId;
+  },
   methods: {
     getStoreClerkList() {
       const { storeGroupId, storeSearchParams, clerkSearchParams, pageNum, pageSize } = this.params;
@@ -177,6 +190,11 @@ export default {
         })
         .finally(() => (this.loading = false));
     },
+    onCheckGroupIds(nodes) {
+      this.params.storeGroup = nodes;
+      this.params.storeGroupId = nodes.map(el => el.storeGroupId).join(',');
+      this.onSearch();
+    },
     onSearch() {
       this.onCurrentChange(1);
     },
@@ -345,6 +363,11 @@ export default {
     }
     .search-bar {
       font-size: 0;
+      .select-group {
+        >>> .el-select {
+          width: 180px !important;
+        }
+      }
     }
     .clerk-list-header {
       margin-top: 10px;