feat: 智能推送 - 推送模板分组

project/src/components/smartPushV3/createMassMsg.vue

@@ -13,7 +13,12 @@
       <div class="regulations" style="margin-bottom:20px;">
         <label>选择模板</label>
         <div>
-          <el-select v-model="selectedTempId" class="select-cls" style="width:300px;" size="small" placeholder="请选择" filterable @change="onChangeTempId">
+          <el-select v-model="tempGroupId" class="select-cls" style="width:200px;" size="small" placeholder="请选择模板分组" filterable @change="onChangeTempGroupId">
+            <el-option v-for="tempGroup in tempGroupOptions" :key="tempGroup.group_id" :label="tempGroup.title" :value="tempGroup.group_id" />
+          </el-select>
+        </div>
+        <div style="margin-left:10px;">
+          <el-select v-model="selectedTempId" class="select-cls" style="width:200px;" size="small" placeholder="请选择模板" filterable @change="onChangeTempId">
             <el-option v-for="temp in templateOptions" :key="temp.template_id" :label="temp.title" :value="temp.template_id" />
           </el-select>
         </div>
@@ -179,7 +184,7 @@ import { getIntegerNumber, isJSON } from '@/assets/js/common'
 
 export default {
   components: { selfChannel, selfCustomerservice, customerServiceCorpV2, datePicker, enterpriseTag, editCon, screenPay, pushGroupDialog },
-  props: ['title', 'rule_id', 'isCopy', 'createTemplateId'],
+  props: ['title', 'rule_id', 'isCopy', 'createTempGroupId', 'createTemplateId'],
   data () {
     return {
       loading: true,
@@ -217,8 +222,10 @@ export default {
       oldParams: {}, // 复制对象的参数 => 用于新旧参数比较 判断用户是否做出修改
       detailFromApi: Object.freeze({}), // 后端返回的详情完整数据
 
-      selectedTempId: '',
-      templateOptions: [],
+      tempGroupId: '', // 模板分组id
+      tempGroupOptions: [], // 模板分组选项
+      selectedTempId: '', // 已选模板id
+      templateOptions: [], // 模板选项
 
       group_id: '',
       groupOptions: [],
@@ -237,7 +244,7 @@ export default {
     },
   },
   created () {
-    this.handleGetTemplateOptions()
+    this.handleGetTempGroupOptions()
     this.handleGetGroupOptions()
 
     if (this.rule_id) {//详情
@@ -247,6 +254,10 @@ export default {
       this.isShowEditCon = true;
     }
 
+    if (this.createTempGroupId || String(this.createTempGroupId) === '0') {
+      this.tempGroupId = this.createTempGroupId
+      this.handleGetTemplateOptions()
+    }
     if (this.createTemplateId) { // 根据指定模板创建
       this.onChangeTempId(this.createTemplateId)
     }
@@ -707,8 +718,28 @@ export default {
       this.pushGroupVisible = false
     },
 
+    async handleGetTempGroupOptions() {
+      const params = { status: 1, page: 1, page_size: 1000 }
+      const { data: res = {} } = await this.$axios.post(this.URL.BASEURL + this.URL.smartPushV3_tempGroupList, params)
+      if (res && res.errno == 0 && Array.isArray(res.rst.data)) {
+        this.tempGroupOptions = [
+          { group_id: 0, title: '未分组' },
+          ...res.rst.data
+        ]
+      } else if (res.errno != 4002) {
+        this.$message.warning(res.err)
+        this.tempGroupOptions = [];
+      }
+    },
+    onChangeTempGroupId(tempGroupId) {
+      this.selectedTempId = ''
+      this.templateOptions = []
+      this.tempGroupId = tempGroupId
+      this.handleGetTemplateOptions()
+    },
+
     async handleGetTemplateOptions() {
-      const params = { group_id: this.$route.query.group_id, status: 1, page: 1, page_size: 1000 }
+      const params = { group_id: this.tempGroupId, status: 1, page: 1, page_size: 1000 }
       const { data: res = {} } = await this.$axios.get(this.URL.BASEURL + this.URL.smartPushV3_templateList, { params })
       if (res && res.errno == 0 && Array.isArray(res.rst.data)) {
         this.templateOptions = res.rst.data;

project/src/components/smartPushV3/detailList.vue

@@ -2,7 +2,7 @@
   <div v-loading="loading">
     <div class="screenBox" style="align-items: center;padding-right:16px">
       <div class="flex-align-center" style="flex:1">
-        <div @click="$router.go(-1)">
+        <div @click="onClickBack">
           <i class="el-icon-back" />
         </div>
         <div v-if="groupName" style="margin:10px;">分组【{{ groupName }}】详情</div>
@@ -153,6 +153,14 @@ export default {
     }
   },
   methods: {
+    onClickBack() {
+      this.$router.replace({
+        path: 'smartPushV3',
+        query: {
+          tag: 1
+        }
+      })
+    },
     detailClose (val) {
       if (val == 'update') {//编辑
         this.init(this.page)

project/src/components/smartPushV3/index.vue

@@ -19,7 +19,7 @@ export default {
   components: { pushGroupList, templateGroupList, },
   data() {
     return {
-      tagType: 1
+      tagType: this.$route.query.tag || 1,
     }
   },
   methods:{

project/src/components/smartPushV3/templateList.vue

@@ -2,7 +2,7 @@
   <div v-loading="loading">
     <div class="screenBox" style="align-items: center;padding-right:16px">
       <div class="flex-align-center" style="flex:1">
-        <div @click="$router.go(-1)">
+        <div @click="onClickBack">
           <i class="el-icon-back" />
         </div>
         <div v-if="groupName" style="margin:10px;">模板分组【{{ groupName }}】详情</div>
@@ -70,6 +70,7 @@
       <createMassMsg
         v-if="createMassMsgFlag"
         ref="createMassMsg"
+        :createTempGroupId="detail_template_group_id"
         :createTemplateId="detail_template_id"
         title="新建智能推送"
         @close="createMassMsgClose"
@@ -110,6 +111,7 @@ export default {
       create_time_end: '',//创建时间 截止
       resetFlag: false,//重置
       height: '',
+      detail_template_group_id: '',
       detail_template_id: '',
       title: '',
 
@@ -125,6 +127,14 @@ export default {
     this.init(1)
   },
   methods: {
+    onClickBack() {
+      this.$router.replace({
+        path: 'smartPushV3',
+        query: {
+          tag: 2
+        }
+      })
+    },
     detailClose (val) {
       if (val == 'update') {//编辑
         this.init(this.page)
@@ -178,12 +188,14 @@ export default {
         this.$loading(this.$loadingConfig).close();
       }
     },
-    // 监听点击"推送记录"
+    // 监听点击"创建智能推送"
     onClickCreateSmartPush (data) {
+      this.detail_template_group_id = data.group_id
       this.detail_template_id = data.template_id
       this.createMassMsgFlag = true
     },
     createMassMsgClose() {
+      this.detail_template_group_id = ''
       this.detail_template_id = ''
       this.createMassMsgFlag = false
       this.$refs.multipleTable.bodyWrapper.scrollTop = 0;