feat: 系统消息

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

@@ -1,7 +1,7 @@
 <template>
   <div class="common-screen-item pay">
     <label class="common-screen-label" v-if="title&&title!=''">{{title}}</label>
-    <el-popover placement="bottom" trigger="click" v-model="visible" @hide="visibleHide">
+    <el-popover placement="bottom" trigger="click" v-model="visible" @hide="visibleHide" :disabled="disabled">
       <div :style="width?'width:'+width:''" :class="['common-screen-self-box','common-input-select',valueObj.radio!=null&&clearable?'common-input-select-hover':'']" slot="reference">
         <div :class="['common-screen-self-con',valueObj.radio!=0&&valueObj.radio==null?'common-screen-self-placeholder':'']" :style="width?'text-align: left;padding-left: 15px !important;':''">
           <div class="common-screen-self-con-div">
@@ -56,6 +56,10 @@ export default {
       type: Object,
       default: () => { }
     },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
   },
   watch: {
     reset () {

project/src/components/manage/systemMsg.vue

@@ -33,7 +33,7 @@
             </template>
 
             <template v-else-if="item.column == 'handler'">
-              <div class="c-00B38A pointer table_button" @click="onClickDetail(row)">详情</div>
+              <div class="c-00B38A pointer table_button" @click="onClickDetail(row)">配置详情</div>
             </template>
 
             <span v-else>{{ (row[item.column] || row[item.column] == 0) ? $formatNum(row[item.column]) : '-' }}</span>
@@ -61,6 +61,12 @@
         <detailKHQF v-if="isShowDetailKHQF" title="群发详情" :rule_id='currentRuleId' :sysMsgCorpid="currentCorpid" @close="detailClose" />
       </el-drawer>
       <!-- E 详情 - 客户群发 -->
+
+      <!-- S 详情 - 智能群发 -->
+      <el-drawer size="1200px" :visible.sync="isShowDetailZNQF" :with-header="false">
+        <detailRuleZNQF v-if="isShowDetailZNQF" title="智能推送详情" :rule_id='currentRuleId' :sysMsgCorpid="currentCorpid" :isCopy="false" :createGroupId="currentGroupId" @close="detailClose" />
+      </el-drawer>
+      <!-- E 详情 - 智能群发 -->
     </div>
     <!-- E 明细表 detailsTable -->
   </div>
@@ -78,6 +84,8 @@ import detailKHQQF from '@/components/customOperate/chatGroup/createMsgDetail.vu
 import detailRuleKHQF from '@/components/customOperate/createMassMsg.vue' // 客户群发-规则详情
 import detailKHQF from '@/components/customOperate/massMsgDetail/index.vue' // 客户群发 - 群发详情
 
+import detailRuleZNQF from '@/components/smartPushV3/createMassMsg.vue' // 智能群发-规则详情
+
 export default {
   components: {
     selfInputV2,
@@ -88,6 +96,7 @@ export default {
     detailKHQQF,
     detailRuleKHQF,
     detailKHQF,
+    detailRuleZNQF,
   },
   data() {
     const DEFAULT_TIME = [this.$getDay(-30, false), this.$getDay(0, false)]
@@ -104,7 +113,7 @@ export default {
         { column: 'msg_type_text', name: '消息类型', 'min_width': 140, fixed: '', },
         { column: 'send_status_text', name: '发送状态', 'min_width': 140, fixed: '', },
         { column: 'notice', name: '消息内容', 'min_width': 400, fixed: '', },
-        { column: 'handler', name: '操作', 'min_width': 60, fixed: 'right', },
+        { column: 'handler', name: '操作', 'min_width': 90, fixed: 'right', },
       ],
       pagination: {
         page: 1,
@@ -124,10 +133,12 @@ export default {
 
       currentCorpid: '',
       currentRuleId: '',
+      currentGroupId: '',
       isShowRuleKHQQF: false,
       isShowDetailKHQQF: false,
       isShowRuleKHQF: false,
       isShowDetailKHQF: false,
+      isShowDetailZNQF: false,
     }
   },
   created() {
@@ -238,11 +249,12 @@ export default {
       this.height = document.documentElement.clientHeight - 240 > 400 ? document.documentElement.clientHeight - 240 : 400
     },
 
-    onClickDetail({ send_status, msg_type, rule_id, corpid }) {
+    onClickDetail({ send_status, msg_type, rule_id, corpid, group_id }) {
       console.log('onClickDetail => send_status ', send_status)
       console.log('onClickDetail => msg_type ', msg_type)
       this.currentRuleId = rule_id
       this.currentCorpid = corpid
+      this.currentGroupId = group_id
       // 客户群发详情
       if (msg_type == 1) this.handleShowKHQF(send_status)
       // 客户群群发
@@ -271,15 +283,18 @@ export default {
     // 智能群发
     handleShowZNQF(send_status) {
       console.log('handleShowZNQF => ', send_status)
+      this.isShowDetailZNQF = true
     },
 
     detailClose() {
       this.currentCorpid = ''
       this.currentRuleId = ''
+      this.currentGroupId = ''
       this.isShowRuleKHQQF = false
       this.isShowDetailKHQQF = false
       this.isShowRuleKHQF = false
       this.isShowDetailKHQF = false
+      this.isShowDetailZNQF = false
     },
   },
 }

project/src/components/smartPushV3/createMassMsg.vue

@@ -13,12 +13,12 @@
       <div class="regulations" style="margin-bottom:20px;">
         <label>选择模板</label>
         <div>
-          <el-select v-model="tempGroupId" class="select-cls" style="width:200px;" size="small" placeholder="请选择模板分组" filterable @change="onChangeTempGroupId">
+          <el-select v-model="tempGroupId" class="select-cls" style="width:200px;" size="small" placeholder="请选择模板分组" filterable @change="onChangeTempGroupId" :disabled="isFromSysMsg">
             <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-select v-model="selectedTempId" class="select-cls" style="width:200px;" size="small" placeholder="请选择模板" filterable @change="onChangeTempId" :disabled="isFromSysMsg">
             <el-option v-for="temp in templateOptions" :key="temp.template_id" :label="temp.title" :value="temp.template_id" />
           </el-select>
         </div>
@@ -31,7 +31,7 @@
         <div style="margin-top: 10px;" class="screeningCustomers">
           <div class="screeningItem">
             <label>性别：</label>
-            <el-checkbox-group class="checkboxGroup" v-model="gender">
+            <el-checkbox-group class="checkboxGroup" v-model="gender" :disabled="isFromSysMsg">
               <el-checkbox label="1">男性</el-checkbox>
               <el-checkbox label="2">女性</el-checkbox>
               <el-checkbox label="0">未知性别</el-checkbox>
@@ -39,27 +39,29 @@
           </div>
           <div class="screeningItem">
             <label>付费情况：</label>
-            <screen-pay title="" width="355px" :reset='resetFlag' @payChange="payChange" :afferent_obj='payInfo' style="margin:0" />
+            <screen-pay title="" width="355px" :reset='resetFlag' @payChange="payChange" :afferent_obj='payInfo' style="margin:0" :disabled="isFromSysMsg" />
           </div>
 
           <div class="screeningItem" style="align-items: flex-start;">
             <label><em>*</em>添加客服时间：</label>
             <div class="send-time-wrap">
               <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)" />
+                <el-input v-model.trim="conf.natural_day" size="mini" maxlength="3" clearable @input="onInputDays($event, idx)" @change="onChangeDays($event, idx)" :disabled="isFromSysMsg" />
                 <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)" />
+                <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)" :disabled="isFromSysMsg" />
                 <!-- E 天数为1时 设置添加时间段 -->
                 <span class="text">当天</span>
                 <div class="timeNums-wrap">
                   <div class="timeNums">
-                    <el-time-picker v-model="conf.send_time" size="mini" placeholder="请选择" value-format="HH:mm:ss" :clearable="false" />
+                    <el-time-picker v-model="conf.send_time" size="mini" placeholder="请选择" value-format="HH:mm:ss" :clearable="false" :disabled="isFromSysMsg" />
                   </div>
                 </div>
                 <span class="text">提醒发送</span>
-                <i v-if="idx > 0" class="el-icon-error" @click="onClickDelConf(idx)" />
-                <i v-if="idx === send_conf.length -1" class="el-icon-circle-plus-outline" @click="onClickAddConf" />
+                <template v-if="!isFromSysMsg">
+                  <i v-if="idx > 0" class="el-icon-error" @click="onClickDelConf(idx)" />
+                  <i v-if="idx === send_conf.length -1" class="el-icon-circle-plus-outline" @click="onClickAddConf" />
+                </template>
               </div>
             </div>
           </div>
@@ -70,11 +72,11 @@
       <div class="regulations" style="margin-bottom:20px;align-items:center;">
         <label><em>*</em>选择分组</label>
         <div>
-          <el-select v-model="group_id" class="select-cls" style="width:300px;" size="small" placeholder="请选择" filterable clearable @change="onChangeGroupId">
+          <el-select v-model="group_id" class="select-cls" style="width:300px;" size="small" placeholder="请选择" filterable clearable @change="onChangeGroupId" :disabled="isFromSysMsg">
             <el-option v-for="group in groupOptions" :key="group.group_id" :label="group.title" :value="group.group_id" />
           </el-select>
         </div>
-        <div class="newGroupCss" @click="onClickCreateGroup">新建分组</div>
+        <div v-if="!isFromSysMsg" class="newGroupCss" @click="onClickCreateGroup">新建分组</div>
       </div>
       <!-- E 选择分组 -->
 
@@ -82,12 +84,12 @@
       <h3 class="bigTitle">编辑群发消息</h3>
       <div class="regulations regulations2">
         <label><em>*</em>标题</label>
-        <el-input placeholder="例：活动推送/拉新等" style="width:300px" v-model.trim="name" clearable size="small" />
+        <el-input placeholder="例：活动推送/拉新等" style="width:300px" v-model.trim="name" clearable size="small" :disabled="isFromSysMsg" />
         <p style="font-size:13px;line-height:30px;color:#f9a527;margin-left:10px">*仅作为企业内部人员记录群发摘要，不会推送给客户</p>
       </div>
       <div class="regulations regulations2">
         <label style="margin-top:4px"><em>*</em>内容</label>
-        <edit-con v-if="isShowEditCon" ref="editCon" :afferent_content='content' :afferent_attachments='attachments' @editContent="(val) => { content = val }" @changeAttachment='getAttachment' />
+        <edit-con v-if="isShowEditCon" ref="editCon" :afferent_content='content' :afferent_attachments='attachments' @editContent="(val) => { content = val }" @changeAttachment='getAttachment' :disabled="isFromSysMsg" />
       </div>
       <div class="regulations regulations2">
         <label></label>
@@ -101,7 +103,7 @@
           <img v-if="processFlag" src="@/assets/img/exterprise-mass-send.png" class="img" alt="">
         </div>
       </div>
-      <div class="button_box">
+      <div v-if="!isFromSysMsg" class="button_box">
         <button class="button" @click="massMsg_set">应用规则</button>
       </div>
     </div>
@@ -129,7 +131,7 @@ import { getIntegerNumber, isJSON } from '@/assets/js/common'
 
 export default {
   components: { selfChannel, selfCustomerservice, customerServiceCorpV2, datePicker, enterpriseTag, editCon, screenPay, pushGroupDialog },
-  props: ['title', 'rule_id', 'isCopy', 'createTempGroupId', 'createTemplateId', 'createGroupId'],
+  props: ['title', 'rule_id', 'isCopy', 'createTempGroupId', 'createTemplateId', 'createGroupId', 'sysMsgCorpid'], //sysMsgCorpid是否来自“系统消息” 系统消息查看详情不可编辑
   data () {
     return {
       loading: true,
@@ -171,6 +173,9 @@ export default {
     isEdit() {
       return this.rule_id && !this.isCopy
     },
+    isFromSysMsg() {
+      return !!this.sysMsgCorpid
+    },
   },
   created () {
     this.handleGetTempGroupOptions()
@@ -205,11 +210,11 @@ export default {
     detail () {//详情
       this.loading = true
       this.isShowEditCon = false
-      this.$axios.get(this.URL.BASEURL + this.URL.smartPushV2_detail, {
-        params: {
-          rule_id: this.rule_id
-        }
-      }).then((res) => {
+      const params = {
+        rule_id: this.rule_id
+      }
+      if (this.sysMsgCorpid) { params.corpid = this.sysMsgCorpid }
+      this.$axios.get(this.URL.BASEURL + this.URL.smartPushV2_detail, { params }).then((res) => {
         var res = res.data
         this.loading = false
         this.isShowEditCon = true
@@ -561,6 +566,7 @@ export default {
 
     async handleGetGroupOptions() {
       const params = { status: 1, page: 1, page_size: 1000 }
+      if (this.sysMsgCorpid) { params.corpid = this.sysMsgCorpid }
       const { data: res = {} } = await this.$axios.post(this.URL.BASEURL + this.URL.smartPushV3_groupList, params)
       if (res && res.errno == 0 && Array.isArray(res.rst.data)) {
         this.groupOptions = res.rst.data;
@@ -585,6 +591,7 @@ export default {
 
     async handleGetTempGroupOptions() {
       const params = { status: 1, page: 1, page_size: 1000 }
+      if (this.sysMsgCorpid) { params.corpid = this.sysMsgCorpid }
       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 = [
@@ -605,6 +612,7 @@ export default {
 
     async handleGetTemplateOptions() {
       const params = { group_id: this.tempGroupId, status: 1, page: 1, page_size: 1000 }
+      if (this.sysMsgCorpid) { params.corpid = this.sysMsgCorpid }
       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;
@@ -622,6 +630,7 @@ export default {
     async handleGetTempDetail() {
       try {
         const params = { template_id: this.selectedTempId }
+        if (this.sysMsgCorpid) { params.corpid = this.sysMsgCorpid }
         const { data: res = {} } = await this.$axios.get(this.URL.BASEURL + this.URL.smartPushV3_templateDetail, { params })
         if (res && res.errno == 0) {
           if (res.rst.send_conf) {
@@ -900,4 +909,7 @@ export default {
   margin-left: 10px;
   cursor: pointer;
 }
+/deep/ .el-input.is-disabled .el-input__inner {
+  color: #666;
+}
 </style>