Skip to content

推送中心

基础信息

说明
菜单路径/operationsManagement/msgNoticeManagement/pushCenter
路由名称pushCenter
页面组件src/views/operationsManagement/msgNoticeManagement/pushCenter/index.vue
接口模块组件内 this.$api.post/put/get(...) 直接调用
Store
页面定位按业务类型(宠物/手机)+ 角色类型(服务商/销售商/C端)维度管理推送消息列表,新增/编辑跳转详情页配置完整推送任务

页面功能

页面为「推送中心」列表,由筛选区 + 业务类型 Tab + 角色类型左侧 Tab + 消息列表组成。

1. 筛选区

  • 消息类型:级联选择(字典 message_type,取最后一级 key)。
  • 推送状态:下拉(字典 message_send_status)。
  • 消息名称:文本输入。

2. Tab 维度切换

  • 业务类型 Tab(message_business_type,过滤掉 3-家电):1-宠物 / 2-手机
    • 业务类型为 1 时,角色左侧 Tab 用 message_role_type(服务商/销售商/C端)。
    • 业务类型为 2 时,角色左侧 Tab 用销售商数组(仅 key==2)。
  • 切换角色会重置分页并重新拉取列表。

3. 消息列表(TableList)

右上角「新建消息」按钮跳转详情页(带 businessType / roleType / type=add)。

列:消息名称、消息类型、状态(启用/禁用)、消息编号、发送策略、生效时间、推送状态(待发送/发送中/已发送/发送失败,发送中带已推送次数徽标)、创建时间、拟发数|发送数|到达数|点击数(C端角色隐藏,表头带说明气泡)、点击率。

行操作:

操作条件说明
启用/禁用互斥(按 status切换状态;发送中无法禁用
修改status === 0跳详情页(type=edit
删除status === 0删除消息
查看详情始终跳详情页(type=view

4. 详情页(detail)

路由 /operationsManagement/msgNoticeManagement/pushCenter/detail,按 type(add/edit/view)控制可编辑性,由以下卡片组成:

  • 基本信息(BaseInfo):消息名称、消息类型、模板选择、消息/用户描述等。
  • 推送策略(PushStrategy):发送策略(1-立即/2-定时/3-重试)、目标渠道树(公众号渠道/短信/语音,按业务+角色动态裁剪)、发送周期/时间等。
  • 重试机制(RetryMechanism):仅 sendStrategy==3 展示;语音交互涉及 dtmfKeyList(按键配置)。
  • 配置对象(ConfigObj):配置接收对象与首选/备用模板(messageNotifyTemplates)。
  • 历史记录(History):仅非新增时展示,按消息维度查看历史推送与用户数据。

提交逻辑:合并各卡片参数后调用 message/update(PUT);C端立即发送(sendStrategy==1 && roleType==3)新增时先调 messageTargetObject/add 建对象再 update;编辑时若策略未变更则删除 sendStrategy 字段、清空 sceneId

使用组件

组件路径用途
Container@/components/container页面容器
SearchContainer / TableContainer@/components/SearchTableContainer筛选区/表格区容器
TableList./components/TableList消息列表(含行操作、分页插槽)
BaseInfo./detail/components/BaseInfo详情-基本信息
PushStrategy./detail/components/PushStrategy详情-推送策略(含 ConfigParam/PushTimeDialog/SmsTme/TemDialog/VoiceConfigParams)
RetryMechanism./detail/components/RetryMechanism详情-重试机制
ConfigObj./detail/components/ConfigObj详情-配置对象(含 SearchList/ConfigObjDialog)
History./detail/components/History详情-历史记录(含 TablePop/UserData/UserDialog)

使用 Store

无。

调用接口

所有接口实际请求统一带 /api 前缀(下表为业务路径简写)。

接口 URL方法用途
message/queryPagePOST消息分页列表
message/updatePUT启用/禁用、详情创建/保存
message/delPOST删除消息(?idList=
message/idGET详情回显(?id=
messageTargetObject/addPOSTC端立即发送新增时先建目标对象
messageTemplateVoiceFields/queryInfoPOST语音重试的按键字段(dtmf)
ddic/getListPOST字典(业务类型 message_business_type、角色 message_role_type、消息类型 message_type、推送状态 message_send_status、目标类型 message_target_type、公众号渠道 message_channel_type

修改记录

修改人修改时间修改内容
zhouw2026-07-03初始化页面
zhouw2026-07-09编写页面内容