feat: 邀请入群配置 - 客户补拉

project/src/components/manage/InviteIntoGroup/createData.vue

@@ -46,9 +46,8 @@
         </label>
         <div>
           <div class="flex" style="justify-content: start;">
-            <el-radio v-model="customer_filter" :disabled="!editFlag || (invite_type == 2)" :label="0">全部客户</el-radio><!-- 选择“定时邀请”就不能选择“全部客户” -->
+            <el-radio v-model="customer_filter" :disabled="!editFlag" :label="0">全部客户</el-radio>
             <el-radio v-model="customer_filter" :disabled="!editFlag" :label="1">筛选客户</el-radio>
-            <p v-if="invite_type == 2" style="font-size:13px;line-height:30px;color:#f9a527;margin-left:30px;margin-top:-2px;">“定时邀请”类型时不支持选择“全部客户”</p>
           </div>
           <div class="screeningCustomers" v-show="customer_filter == 1">
             <div class="screeningItem">
@@ -147,19 +146,61 @@
           </el-radio>
         </el-radio-group>
       </div>
+
+      <!-- S 客户补拉(拉群模式为“当前客服群聊”时可编辑) -->
+      <div v-show="main_msg_data.owner_type == 1" class="regulations" style="align-items: center">
+        <label>
+          客户补拉
+        </label>
+        <div class="limitBox">
+          <el-switch
+            v-model="supplementary_invite"
+            active-color="#00B38A"
+            inactive-color="#ddd"
+            :active-value="1"
+            :inactive-value="0"
+            :disabled="!editFlag"
+            @change="onChangeSupplementaryInvite"
+          />
+        </div>
+      </div>
+      <div v-show="supplementary_invite == 1" class="regulations">
+        <label>
+          <em>*</em>
+          补拉入群周期
+        </label>
+        <el-input placeholder="请输入补拉周期" :disabled="!editFlag" style="width:300px" v-model.trim="supplementary_invite_cycle" clearable size="small" @input="onInputSupplementaryInviteCycle">
+          <template slot="append">天</template>
+        </el-input>
+      </div>
+      <div class="regulations" v-show="supplementary_invite == 1">
+        <label><em>*</em>补拉时间点</label>
+        <div class="send-time-item">
+          <div class="timeNums-wrap">
+            <div class="timeNums" v-for="(item, idx) in supplementary_invite_time" :key="idx">
+              <el-time-picker v-model="supplementary_invite_time[idx]" size="mini" placeholder="请选择" value-format="HH:mm" format="HH:mm" :clearable="false" />
+              <i v-if="idx !== 0" class="el-icon-error" @click="onClickDelSupplementaryInviteTime(idx)" />
+            </div>
+          </div>
+          <span class="add-btn" @click="onClickAddSupplementaryInviteTime"><i class="el-icon-circle-plus-outline" />新增时间点</span>
+        </div>
+      </div>
+      <!-- E 客户补拉 -->
+
+
       <!-- 选择群聊 -->
       <div class="regulations">
         <label><em>*</em>选择群聊:</label>
         <chatGroupOptions ref="chatGroupOptionsMain" width="300px" :isHasRoomId="true" :isOnJobUser="true" :chatListResult="main_msg_data.chat_group_config" @change="onChangeGlobalChatGroup" />
       </div>
       <!-- 进群方式 -->
-      <div class="regulations" style="margin-top: 20px;">
+      <!-- <div class="regulations" style="margin-top: 20px;">
         <label>进群方式:</label>
         <el-radio-group v-model="main_msg_data.join_type">
           <el-radio :label="1">顺序进群</el-radio>
           <el-radio :label="2">随机进群</el-radio>
         </el-radio-group>
-      </div>
+      </div> -->
       <!-- 群管理 -->
       <div class="regulations" style="align-items: center">
         <label>渠道群管理:</label>
@@ -240,10 +281,10 @@
       <div class="regulations">
         <label><em>*</em>邀请类型</label>
         <div class="flex">
-          <el-radio v-model="invite_type" :disabled="!editFlag" :label="1">立即邀请</el-radio>
-          <el-radio v-model="invite_type" :disabled="!editFlag || (customer_filter == 0)" :label="2">定时邀请</el-radio>
-          <p v-show="customer_filter == 0" style="font-size:13px;line-height:30px;color:#f9a527;margin-left:30px;margin-top:-2px;">选择“全部客户”时不支持“定时邀请”类型</p>
+          <el-radio v-model="invite_type" :disabled="!editFlag || (supplementary_invite == 1)" :label="1">立即邀请</el-radio><!-- “客户补拉”开启时 只能选择“定时邀请” -->
+          <el-radio v-model="invite_type" :disabled="!editFlag" :label="2">定时邀请</el-radio>
         </div>
+        <p v-show="supplementary_invite == 1" style="font-size:13px;line-height:30px;color:#f9a527;margin-left:10px">*客户补拉仅支持“定时邀请”类型</p>
       </div>
       <div class="regulations" v-show="invite_type == 2">
         <label><em>*</em>邀请时间点</label>
@@ -306,7 +347,7 @@ export default {
       user_id_list: [],
       main_msg_data: {
         owner_type: 2, // 拉群模式 2其他客服群聊 1当前客服群聊
-        join_type: 1, // 进群方式 1:顺序进群 2:随机进群
+        // join_type: 1, // 进群方式 1:顺序进群 2:随机进群
         chat_group_config: [],
         is_limit:0
       },
@@ -324,6 +365,10 @@ export default {
       continuously_attract_groups: 0, // 持续邀请客户入群
       upper_limit: '', // 单次创建群聊数量上限
 
+      supplementary_invite: 0, // 客户补拉
+      supplementary_invite_cycle: '', // 补拉入群周期
+      supplementary_invite_time: [''], // 补拉入群时间点
+
       add_time_later: '', // 快捷筛选
       invite_type: 1, // 邀请类型
       invite_time_list: [''], // 邀请时间点
@@ -499,7 +544,7 @@ export default {
           })
           this.main_msg_data.is_limit = 1
           //进群方式
-          this.main_msg_data.join_type = res.rst.join_type
+          // this.main_msg_data.join_type = res.rst.join_type
           //拉群模式
           this.main_msg_data.owner_type = res.rst.owner_type
 
@@ -513,6 +558,11 @@ export default {
             this.isDisabledAll = false
           }
 
+          // 客户补拉
+          this.supplementary_invite = res.rst.supplementary_invite || 0
+          this.supplementary_invite_cycle = res.rst.supplementary_invite_cycle || ''
+          this.supplementary_invite_time = (res.rst.supplementary_invite_time && isJSON(res.rst.supplementary_invite_time)) ? JSON.parse(res.rst.supplementary_invite_time) : ['']
+
           //表格排序
           this.$nextTick(() => {
             if(this.main_msg_data.is_limit){
@@ -562,6 +612,19 @@ export default {
         return
       }
 
+      if (this.main_msg_data.owner_type == 1 && this.supplementary_invite == 1) { // 客户补拉开启判空
+        if (!this.supplementary_invite_cycle) {
+          this.$message.warning('请输入补拉入群周期(不能为0)')
+          return
+        }
+
+        const isEmpty = this.supplementary_invite_time.some(i => !i)
+        if (isEmpty) {
+          this.$message.warning('请完善补拉时间点')
+          return
+        }
+      }
+
       if (!this.main_msg_data.chat_group_config || this.main_msg_data.chat_group_config.length == 0) {
         this.$message.warning('请选择群聊！')
         return
@@ -575,11 +638,6 @@ export default {
         }
       }
 
-      if (this.customer_filter == 0 && this.invite_type == 2) {
-        this.$message.warning('选择“定时邀请”时不支持选择“全部客户”')
-        return
-      }
-
       if (this.main_msg_data.is_limit == 1) {
         const isEmpty = this.main_msg_data.chat_group_config.some(config => {
           return !config.user_limit || config.user_limit == 0
@@ -597,7 +655,7 @@ export default {
         users:this.user_id_list&&this.user_id_list.length>0 ? this.user_id_list.join(',') : '',
         invite_config:JSON.stringify(this.main_msg_data.chat_group_config),
         owner_type:this.main_msg_data.owner_type,
-        join_type:this.main_msg_data.join_type,
+        // join_type:this.main_msg_data.join_type,
         customer_filter: this.customer_filter,
         // S 自定义筛选参数
         gender: this.gender && this.gender.length ? this.gender.join(',') : '',
@@ -615,6 +673,14 @@ export default {
         invite_time: this.invite_type == 2 ? JSON.stringify(this.invite_time_list) : '',
       }
 
+      // S 客户补拉参数
+      if (this.main_msg_data.owner_type == 1) {
+        params.supplementary_invite = this.supplementary_invite
+        params.supplementary_invite_cycle = this.supplementary_invite == 1 ? this.supplementary_invite_cycle : ''
+        params.supplementary_invite_time = this.supplementary_invite == 1 ? JSON.stringify(this.supplementary_invite_time) : ''
+      }
+      // E 客户补拉参数
+
       if (this.isEdit) {
         params.rule_id = this.rule_id
       }
@@ -652,6 +718,15 @@ export default {
       this.invite_time_list.splice(idx, 1)
     },
 
+    // 监听点击新增时间点
+    onClickAddSupplementaryInviteTime() {
+      this.supplementary_invite_time.push('')
+    },
+    // 监听点击删除时间点
+    onClickDelSupplementaryInviteTime(idx) {
+      this.supplementary_invite_time.splice(idx, 1)
+    },
+
     changeTime(time) {
       if (!time || time && time.length == 0) {
         this.add_times = [];
@@ -693,6 +768,18 @@ export default {
       this.upper_limit = getNot0IntegerNumber(inputVal)
     },
 
+    onInputSupplementaryInviteCycle(inputVal) {
+      // this.supplementary_invite_cycle = getIntegerNumber(inputVal)
+      this.supplementary_invite_cycle = getNot0IntegerNumber(inputVal)
+    },
+
+    // 监听补拉开关
+    onChangeSupplementaryInvite(val) {
+      if (val == 1) { // 客户补拉仅支持“定时邀请”类型
+        this.invite_type = 2
+      }
+    },
+
     onClickDisabled() {
       return false
     },
@@ -886,7 +973,7 @@ export default {
     flex-shrink: 0;
   }
   .el-input {
-    margin: 0 6px;
+    margin: 0 6px 0 0;
     width: 80px;
     font-size: 13px;
   }