feat: 智能推送 - 规则配置"添加客服时间段"

project/src/components/smartPushV2/createMassMsg.vue

@@ -45,6 +45,9 @@
               <div v-for="(conf, idx) in send_conf" :key="idx" class="send-time-item">
                 <el-input v-model.trim="conf.natural_day" size="mini" maxlength="3" clearable @input="onInputDays($event, idx)" @change="onChangeDays($event, idx)" />
                 <span class="text">天&nbsp;&nbsp;</span>
+                <!-- S 天数为1时 设置添加时间段 -->
+                <el-time-picker v-if="conf.natural_day == 1" v-model="conf.add_time" is-range size="mini" placeholder="客户添加起止时间" start-placeholder="起始时间" end-placeholder="截止时间" value-format="HH:mm:ss" :clearable="false" class="add-time" @change="onChangeAddTime($event, idx)" />
+                <!-- E 天数为1时 设置添加时间段 -->
                 <span class="text">当天</span>
                 <div class="timeNums-wrap">
                   <div class="timeNums">
@@ -127,6 +130,9 @@ export default {
         {
           natural_day: '',
           send_time: '',
+          add_time: null,
+          add_start_time: '',
+          add_end_time: '',
         }
       ],
       afferent_exclude_tag_obj: { // 规则配置 - 排除客户 标签
@@ -190,7 +196,22 @@ export default {
             tag_type: this.afferent_tag_obj.tag
           }
 
-          this.send_conf = res.rst.send_conf ? res.rst.send_conf : [{natural_day: '',send_time: ''}]
+          if (res.rst.send_conf) {
+            this.send_conf = res.rst.send_conf.map(s => ({
+              ...s,
+              add_start_time: s.add_start_time || '',
+              add_end_time: s.add_end_time || '',
+              add_time: (s.add_start_time && s.add_end_time) ? [s.add_start_time, s.add_end_time] : null,
+            }))
+          } else {
+            this.send_conf = [{
+              natural_day: '',
+              send_time: '',
+              add_start_time: '',
+              add_end_time: '',
+              add_time: null,
+            }]
+          }
 
           this.afferent_exclude_tag_obj.tag_id_list = res.rst.exclude_tag_list ? res.rst.exclude_tag_list.split(',') : [];
           this.exclude_tag_info = this.afferent_exclude_tag_obj
@@ -227,6 +248,18 @@ export default {
         return
       }
 
+      const isHasNullAddTime = this.send_conf.some(conf => {
+        if (conf.natural_day == 1 && (!conf.add_time || !conf.add_time.length)) {
+          return true
+        } else {
+          return false
+        }
+      })
+      if (isHasNullAddTime) {
+        this.$message.warning('请选择客户添加起止时间')
+        return
+      }
+
       if (this.name == '') {
         this.$message.warning('请输入标题！')
         return
@@ -259,7 +292,6 @@ export default {
 
       if (this.isCopy) {
         const isSameParams = this.handleGetIsSameParams(params)
-        console.log('isSameParams => ', isSameParams)
         if (isSameParams) {
           this.$message.warning('推送规则及内容重复！')
           return
@@ -268,6 +300,9 @@ export default {
         params.send_conf = JSON.stringify(this.send_conf.map(s => ({
           natural_day: s.natural_day,
           send_time: s.send_time,
+          add_time: s.add_time,
+          add_start_time: s.add_start_time,
+          add_end_time: s.add_end_time,
         })))
       }
 
@@ -287,9 +322,6 @@ export default {
       } else {
         params.rule_id = ''
       }
-
-      console.log('params => ', JSON.parse(JSON.stringify(params)))
-
       this.$loading(this.$loadingConfig)
       this.$axios.post(this.URL.BASEURL + this.URL.smartPushV2_set, params).then((res) => {
         var res = res.data
@@ -331,7 +363,6 @@ export default {
         pay_num_max: this.payInfo.pay_num_max || this.payInfo.pay_num_max == 0 ? Number(this.payInfo.pay_num_max) : '',
       }
       this.oldParams = JSON.parse(JSON.stringify(oldParams))
-      console.log('oldParams => ', this.oldParams)
     },
     handleGetIsSameParams(newParams) {
       let isSameParams = true
@@ -447,6 +478,15 @@ export default {
         this.$message.warning('天数不能为0')
       }
     },
+    onChangeAddTime(val, idx) {
+      if (val && val.length) {
+        this.send_conf[idx].add_start_time = val[0]
+        this.send_conf[idx].add_end_time = val[1]
+      } else {
+        this.send_conf[idx].add_start_time = ''
+        this.send_conf[idx].add_end_time = ''
+      }
+    },
     // 监听点击删除时间配置
     onClickDelConf(idx) {
       this.send_conf.splice(idx, 1)
@@ -456,6 +496,9 @@ export default {
       this.send_conf.push({
         natural_day: '',
         send_time: '',
+        add_start_time: '',
+        add_end_time: '',
+        add_time: null,
       })
     },
   }
@@ -512,6 +555,20 @@ export default {
 
       }
     }
+    /deep/ .add-time {
+      margin-right: 10px;
+      padding: 3px;
+      width: 140px;
+      justify-content: center;
+      .el-range__close-icon,
+      .el-icon-time {
+        width: 3px;
+        opacity: 0;
+      }
+      .el-range-separator {
+        padding: 0 10px 0 2px;
+      }
+    }
   }
 }
 
@@ -560,7 +617,7 @@ export default {
 }
 
 .screeningCustomers {
-  width: 659px;
+  width: 670px;
   background: #fafafa;
   border: 1px solid #e9e9e9;
   padding: 15px 10px;