feat: 客户群发 - 多主体成员选择弹框组件

project/src/components/assembly/screen/customerServiceCorpV2.vue

@@ -56,7 +56,7 @@
           <div class="title">已选择的成员</div>
           <div class="choice_result_top">
             <div class="clear" @click="closeUser(-1)">全部清空</div>
-            <div class="result_num">已选择<span>{{selectUser&&selectUser.length}}</span>人</div>
+            <div class="result_num">已选择<span>{{selectedCorpList&&selectedCorpList.length}}</span>个主体<span>{{selectUser&&selectUser.length}}</span>名成员</div>
           </div>
           <div class="member_result self-scrollbar-3">
 
@@ -93,6 +93,8 @@
 <script>
 // 此组件是按照企业
 import selfInput from '@/components/assembly/screen/input.vue'
+import _lodash from 'lodash'
+
 export default {
   components: { selfInput },
   props: {
@@ -257,13 +259,16 @@ export default {
         return
       }
       this.visible = false
-      this.$emit('customerDefine', this.selectUser)
+      this.$emit('customerDefine', { // 2种数据格式都传给父组件 不同场景选择使用
+        res_format_1: this.selectUser,
+        res_format_2: this.selectedCorpList,
+      })
     },
     userSearch () {//模糊搜索
       let search_user_list = []
       this.old_user_list.forEach((item) => {
         let arr = item.user_list.filter((v) => {
-          return v.name && v.name.indexOf(this.input_keyword) != -1
+          return (v.name && v.name.indexOf(this.input_keyword) != -1) || (v.corp_name && v.corp_name.indexOf(this.input_keyword) != -1)
         })
         if (arr && arr.length > 0) {
           let self_item = JSON.parse(JSON.stringify(item))
@@ -274,7 +279,11 @@ export default {
       this.userList = search_user_list;
       let userTotal = 0;
       this.userList.forEach((item) => {
-        item.is_open = false//是否折叠
+        if (this.input_keyword === '') {
+          item.is_open = true//是否折叠
+        } else {
+          item.is_open = false//是否折叠
+        }
         item.is_select = false//是否选中
         item.user_list.forEach((item1) => {
           item1.is_select = false
@@ -305,7 +314,7 @@ export default {
           let userTotal = 0;
           this.userList.forEach((item) => {
             userTotal += item.user_list.length;
-            item.is_open = false//是否折叠
+            item.is_open = true//是否折叠   默认收起
             item.is_select = false//是否选中
             item.user_list.forEach((item1) => {
               item1.is_select = false
@@ -350,7 +359,7 @@ export default {
         let brr = user_arr.user_list[user_index]
         if (brr.is_select) {
           selectUser = selectUser.filter((v) => {
-            return v.user_id != brr.user_id
+            return `${v.corpid}&&&${v.user_id}` != `${brr.corpid}&&&${brr.user_id}`
           })
         } else {
           selectUser.push(brr)
@@ -360,9 +369,11 @@ export default {
       // 去重
       let tmp = {};
       selectUser = selectUser.reduce((list, item) => {
-        tmp[item.user_id] ? '' : (tmp[item.user_id] = list.push(item));
+        // 根据corpid和user_id去重(之前版本只判断user_id去重)
+        tmp[`${item.corpid}&&&${item.user_id}`] ? '' : (tmp[`${item.corpid}&&&${item.user_id}`] = list.push(item));
         return list
       }, []);
+
       this.selectUser = selectUser
       this.changeSelect()
     },
@@ -377,7 +388,7 @@ export default {
         })
         this.userList.forEach((main) => {
           if (main.corpid == item.corpid) {
-            if (item.user_list.length == main.user_list.length) {
+            if ((item.user_list.length == main.user_list.length) && (item.user_list.length !== 0)) {
               main.is_select = true
             } else {
               main.is_select = false
@@ -398,7 +409,6 @@ export default {
       })
     },
     closeUser (item) {
-      console.log('item => ', item)
       if (item == -1) {
         this.selectUser = []
       } else {
@@ -410,11 +420,11 @@ export default {
       this.changeSelect()
     },
     onClickDelSelectedCorp(currentCorp) {
-      this.selectUser.forEach((s, idx) => {
-        if (s.corpid === currentCorp.corpid) {
-          this.selectUser.splice(idx, 1)
-        }
+      const res = []
+      this.selectUser.forEach(s => {
+        if (s.corpid !== currentCorp.corpid) res.push(s)
       })
+      this.selectUser = [...res]
       this.changeSelect()
     },
   }