feat: 客户群发 - 多企微标签

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

@@ -81,7 +81,11 @@ export default {
     disabled: {
       type: Boolean,
       default: false
-    }
+    },
+    isTagName: {
+      type: Boolean,
+      default: false,
+    },
   },
   watch: {
     reset () {
@@ -196,16 +200,41 @@ export default {
           this.old_tag_list = res.rst;
           this.tagList = res.rst;
           // 回显
-          let arr = [];
-          this.tagList.forEach((item) => {
-            item.tag_list.forEach((it) => {
-              if (this.tag_id_list.indexOf(it.tag_id) != -1) {
-                arr.push(it.tag_name)
-              }
+          if (this.isTagName) { // 按标签name回显
+            let arr = [];
+            this.tagList.forEach((item) => {
+              item.tag_list.forEach((it) => {
+                if (this.tag_id_list.indexOf(it.tag_name) != -1) {
+                  arr.push(it.tag_name)
+                }
+              })
             })
-          })
-          this.tag_name_list = arr;
-          this.oldObj.tag_name_list = arr;
+            this.tag_name_list = arr;
+            this.oldObj.tag_name_list = arr;
+
+            // 根据标签name 反查出标签id
+            let idArr = []
+            this.tagList.forEach((item) => {
+              item.tag_list.forEach((it) => {
+                if (this.tag_name_list.indexOf(it.tag_name) != -1) {
+                  idArr.push(it.tag_id)
+                }
+              })
+            })
+            this.tag_id_list = idArr
+            this.oldObj.tag_id_list = idArr
+          } else { // 默认按标签id回显
+            let arr = [];
+            this.tagList.forEach((item) => {
+              item.tag_list.forEach((it) => {
+                if (this.tag_id_list.indexOf(it.tag_id) != -1) {
+                  arr.push(it.tag_name)
+                }
+              })
+            })
+            this.tag_name_list = arr;
+            this.oldObj.tag_name_list = arr;
+          }
         } else if (res.errno != 4002) {
           this.$message({
             message: res.err,

project/src/components/customOperate/createMassMsg.vue

@@ -67,7 +67,7 @@
             <el-radio v-model="customer_filter" :disabled="!editFlag" :label="0" @change="changeEvent">全部客户</el-radio>
             <el-radio v-model="customer_filter" :disabled="!editFlag" :label="1" @change="changeEvent">筛选客户</el-radio>
           </div>
-          <div class="screeningCustomers" v-if="customer_filter == 1">
+          <div class="screeningCustomers" v-show="customer_filter == 1">
             <div class="screeningItem">
               <label>性别：</label>
               <el-checkbox-group class="checkboxGroup" v-model="gender" :disabled="!editFlag" @change="changeEvent">
@@ -108,15 +108,15 @@
               </div>
             </div>
 
-            <!-- S 标签相关 单主体模式时显示 -->
-            <div v-show="operate_type == 1" class="screeningItem">
+            <!-- S 标签相关 单主体模式时传id 多主体模式时传name -->
+            <div class="screeningItem">
               <label>标签：</label>
-              <enterprise-tag title="" width="355px" :disabled="!editFlag" :afferent_obj='afferent_tag_obj' :reset='resetFlag' @tagDefine="tagDefine" style="margin:0" />
+              <enterprise-tag :isTagName="isTagName" title="" width="355px" :disabled="!editFlag" :afferent_obj='afferent_tag_obj' :reset='resetFlag' @tagDefine="tagDefine" style="margin:0" />
             </div>
-            <div v-show="operate_type == 1" class="screeningItem" style="align-items: flex-start;">
+            <div class="screeningItem" style="align-items: flex-start;">
               <label>排除客户：</label>
               <div style="flex:1">
-                <enterprise-tag title="" width="355px" :disabled="!editFlag" :afferent_obj='afferent_exclude_tag_obj' :excludeFlag="true" :reset='resetFlag' @tagDefine="exclude_tagDefine" style="margin:0" />
+                <enterprise-tag :isTagName="isTagName" title="" width="355px" :disabled="!editFlag" :afferent_obj='afferent_exclude_tag_obj' :excludeFlag="true" :reset='resetFlag' @tagDefine="exclude_tagDefine" style="margin:0" />
                 <p class="screening-hint">可根据标签选择客户，群发时将不会发送给该标签内的客户。若选择了排除的客户，需要较长时间创建本条群发消息哦～</p>
               </div>
             </div>
@@ -251,6 +251,7 @@ export default {
       name: '',//群发标题
       tag_info: {},//标签
       exclude_tag_info: {},//排除标签
+      isTagName: false,
       is_for_all: 1,
       user_id_list: [],
       customerMatchCountLoading: false,
@@ -313,11 +314,14 @@ export default {
           }
           this.isLookCount = false;
           this.gender = res.rst.gender ? res.rst.gender.split(',') : [];
+          this.isTagName = res.rst.operate_type == 2
           this.afferent_tag_obj = {
+            tag_name_list: res.rst.tag_list ? res.rst.tag_list.split(',') : [],
             tag_id_list: res.rst.tag_list ? res.rst.tag_list.split(',') : [],
             tag: res.rst.tag_screen_type
           }
           this.afferent_exclude_tag_obj.tag_id_list = res.rst.exclude_tag_list ? res.rst.exclude_tag_list.split(',') : [];
+          this.afferent_exclude_tag_obj.tag_name_list = res.rst.exclude_tag_list ? res.rst.exclude_tag_list.split(',') : [];
 
           // this.tag_info = this.afferent_tag_obj;
           this.tag_info = {
@@ -326,6 +330,12 @@ export default {
           }
 
           this.exclude_tag_info = this.afferent_exclude_tag_obj
+          if(this.isTagName && (res.rst.tag_list || res.rst.exclude_tag_list)) { // 根据标签名 反差标签id
+            this.handleSetTagIdInfo()
+          } else if (!this.isTagName && (res.rst.tag_list || res.rst.exclude_tag_list)) { // 根据标签id 反差标签名
+            this.handleSetTagNameInfo()
+          }
+
           this.send_type = res.rst.send_type;
           this.send_type == 2 ? this.send_time = {
             date: res.rst.send_time.split(' ')[0],
@@ -463,7 +473,6 @@ export default {
         })
         return
       }
-      this.$loading(this.$loadingConfig)
       let params = {
         rule_id: this.is_copy ? '' : this.rule_id ? this.rule_id : '',
         name: this.name,
@@ -496,12 +505,17 @@ export default {
         params.add_time_end = this.afferent_time && this.afferent_time.length > 1 ? this.afferent_time[1] : '';
       }
 
-      if (this.operate_type == 1) { // 单主体支持标签 多主体不支持
+      if (this.operate_type == 1) { // 单主体支持标签 传标签id
         params.tag_screen_type = this.tag_info && this.tag_info.tag_type ? this.tag_info.tag_type : 0
         params.tag_list = this.tag_info && this.tag_info.tag_id_list ? this.tag_info.tag_id_list.join(',') : ''
         params.exclude_tag_list = this.exclude_tag_info && this.exclude_tag_info.tag_id_list ? this.exclude_tag_info.tag_id_list.join(',') : ''
+      } else if (this.operate_type == 2) { // 多主体 传标签name
+        params.tag_screen_type = this.tag_info && this.tag_info.tag_type ? this.tag_info.tag_type : 0
+        params.tag_list = this.tag_info && this.tag_info.tag_name_list ? this.tag_info.tag_name_list.join(',') : ''
+        params.exclude_tag_list = this.exclude_tag_info && this.exclude_tag_info.tag_name_list ? this.exclude_tag_info.tag_name_list.join(',') : ''
       }
-
+      console.log('params => ', JSON.parse(JSON.stringify(params)))
+      this.$loading(this.$loadingConfig)
       this.$axios.post(this.URL.BASEURL + this.URL.massMsg_set, params).then((res) => {
         var res = res.data
         this.$loading(this.$loadingConfig).close()
@@ -535,17 +549,20 @@ export default {
       if (data.tag == 1 || data.tag == 2) {
         if (data.tag_id_list && data.tag_id_list.length != 0) {
           this.tag_info = {
+            tag_name_list: data.tag_name_list,
             tag_id_list: data.tag_id_list,
             tag_type: data.tag
           }
         } else {
           this.tag_info = {
+            tag_name_list: [],
             tag_id_list: [],
             tag_type: 0
           }
         }
       } else {
         this.tag_info = {
+          tag_name_list: [],
           tag_id_list: [],
           tag_type: data.tag
         }
@@ -556,17 +573,20 @@ export default {
       if (data.tag == 1 || data.tag == 2) {
         if (data.tag_id_list && data.tag_id_list.length != 0) {
           this.exclude_tag_info = {
+            tag_name_list: data.tag_name_list,
             tag_id_list: data.tag_id_list,
             tag_type: data.tag
           }
         } else {
           this.exclude_tag_info = {
+            tag_name_list: [],
             tag_id_list: [],
             tag_type: 0
           }
         }
       } else {
         this.exclude_tag_info = {
+          tag_name_list: [],
           tag_id_list: [],
           tag_type: data.tag
         }
@@ -596,10 +616,14 @@ export default {
       }
       if (this.customer_filter == 1) {//筛选客户
         params.gender = this.gender && this.gender.join(',');
-        if (this.operate_type == 1) { // 单主体支持标签 多主体不支持
+        if (this.operate_type == 1) { // 单主体支持标签 传标签id
           params.tag_screen_type = this.tag_info && this.tag_info.tag_type ? this.tag_info.tag_type : 0;
           params.tag_list = this.tag_info && this.tag_info.tag_id_list ? this.tag_info.tag_id_list.join(',') : '';
           params.exclude_tag_list = this.exclude_tag_info && this.exclude_tag_info.tag_id_list ? this.exclude_tag_info.tag_id_list.join(',') : '';
+        } else if (this.operate_type == 2) { // 多主体标签 传标签name
+          params.tag_screen_type = this.tag_info && this.tag_info.tag_type ? this.tag_info.tag_type : 0;
+          params.tag_list = this.tag_info && this.tag_info.tag_name_list ? this.tag_info.tag_name_list.join(',') : '';
+          params.exclude_tag_list = this.exclude_tag_info && this.exclude_tag_info.tag_name_list ? this.exclude_tag_info.tag_name_list.join(',') : '';
         }
         params.pay_status = this.payInfo.pay_status || this.payInfo.pay_status == 0 ? this.payInfo.pay_status : '';
         params.pay_num_min = this.payInfo.pay_num_min || this.payInfo.pay_num_min == 0 ? this.payInfo.pay_num_min : '';
@@ -676,6 +700,59 @@ export default {
       // }
       this.changeEvent()
     },
+
+    handleSetTagIdInfo() {
+      this.$axios.get(this.URL.BASEURL + this.URL.tagList, {}).then((res) => {
+        var res = res.data
+        if (res && res.errno == 0) {
+          const allTagList = res.rst;
+          const tagIdArr = []
+          const tagIdArrExclude = []
+          allTagList.forEach(allTag => {
+            allTag.tag_list.forEach(tag => {
+              const res = this.tag_info.tag_name_list.find(item => item === tag.tag_name)
+              if (res) tagIdArr.push(tag.tag_id)
+              const resExclude = this.exclude_tag_info.tag_name_list.find(item => item === tag.tag_name)
+              if (resExclude) tagIdArrExclude.push(tag.tag_id)
+            })
+          })
+          this.tag_info.tag_id_list = [...tagIdArr]
+          this.exclude_tag_info.tag_id_list = [...tagIdArrExclude]
+        } else if (res.errno != 4002) {
+          this.$message({
+            message: res.err,
+            type: "warning"
+          })
+        }
+      }).catch((err) => {
+      });
+    },
+    handleSetTagNameInfo() {
+      this.$axios.get(this.URL.BASEURL + this.URL.tagList, {}).then((res) => {
+        var res = res.data
+        if (res && res.errno == 0) {
+          const allTagList = res.rst;
+          const tagNameArr = []
+          const tagNameArrExclude = []
+          allTagList.forEach(allTag => {
+            allTag.tag_list.forEach(tag => {
+              const res = this.tag_info.tag_id_list.find(item => item === tag.tag_id)
+              if (res) tagNameArr.push(tag.tag_name)
+              const resExclude = this.exclude_tag_info.tag_id_list.find(item => item === tag.tag_id)
+              if (resExclude) tagNameArrExclude.push(tag.tag_name)
+            })
+          })
+          this.tag_info.tag_name_list = [...tagNameArr]
+          this.exclude_tag_info.tag_name_list = [...tagNameArrExclude]
+        } else if (res.errno != 4002) {
+          this.$message({
+            message: res.err,
+            type: "warning"
+          })
+        }
+      }).catch((err) => {
+      });
+    },
   }
 }
 </script>

project/src/components/customOperate/massMsgDetail/index.vue

@@ -202,35 +202,45 @@ export default {
 
     async handleGetTagInfo({ tag_screen_type, tag_list, exclude_tag_list }) {
       return new Promise(async (resolve, reject) => {
-        const tempList = await this.handleGetTagOptions()
-        const tagOptions = []
-        tempList.forEach(t => {
-          t.tag_list.forEach(tag => {
-            tagOptions.push(tag)
+        console.log('dataInfo => ', this.dataInfo)
+        const { operate_type } = this.dataInfo
+        if (operate_type == 1) { // 单企微标签
+          const tempList = await this.handleGetTagOptions()
+          const tagOptions = []
+          tempList.forEach(t => {
+            t.tag_list.forEach(tag => {
+              tagOptions.push(tag)
+            })
           })
-        })
 
-        const tag_list_res = []
-        if (tag_list && tag_list.length) {
-          tag_list.split(',').forEach(t => {
-            const isFound = tagOptions.find(tag => tag.tag_id === t)
-            if (isFound) tag_list_res.push(isFound.tag_name)
-          })
-        }
+          const tag_list_res = []
+          if (tag_list && tag_list.length) {
+            tag_list.split(',').forEach(t => {
+              const isFound = tagOptions.find(tag => tag.tag_id === t)
+              if (isFound) tag_list_res.push(isFound.tag_name)
+            })
+          }
 
-        const exclude_tag_list_res = []
-        if (exclude_tag_list && exclude_tag_list) {
-          exclude_tag_list.split(',').forEach(t => {
-            const isFound = tagOptions.find(tag => tag.tag_id === t)
-            if (isFound) exclude_tag_list_res.push(isFound.tag_name)
+          const exclude_tag_list_res = []
+          if (exclude_tag_list && exclude_tag_list) {
+            exclude_tag_list.split(',').forEach(t => {
+              const isFound = tagOptions.find(tag => tag.tag_id === t)
+              if (isFound) exclude_tag_list_res.push(isFound.tag_name)
+            })
+          }
+
+          resolve({
+            tag_screen_type: tagScreenTypeOptions[tag_screen_type],
+            tag_list: tag_list_res,
+            exclude_tag_list: exclude_tag_list_res,
+          })
+        } else if (operate_type == 2) { // 多企微标签 - 直接返回接口数据
+          resolve({
+            tag_screen_type: tagScreenTypeOptions[tag_screen_type],
+            tag_list: (tag_list && tag_list.length) ? tag_list.split(',') : [],
+            exclude_tag_list: (exclude_tag_list && exclude_tag_list.length) ? exclude_tag_list.split(',') : [],
           })
         }
-
-        resolve({
-          tag_screen_type: tagScreenTypeOptions[tag_screen_type],
-          tag_list: tag_list_res,
-          exclude_tag_list: exclude_tag_list_res,
-        })
       })
     },
     handleGetTagOptions() {