中保智慧综合服务平台

主题

公告通知管理 ​

基础信息 ​

项说明
菜单路径/operationsManagement/afficheMsgManage/list
路由名称/operationsManagement/afficheMsgManage/list
页面组件src/views/operationsManagement/afficheMsgManage/list/index.vue（列表）+ list/info/index.vue（新建/编辑/详情）
接口模块组件内 this.$api.post/get(...) 直接调用
Store无
页面定位公告通知的发布与管理中心，支持按多维条件筛选、新建/编辑/作废/删除公告，并查看发布范围与已读人员

页面功能 ​

页面分为「列表页」与「详情页（info）」两个视图，详情页通过路由 query 参数 type（1 新建 / 2 编辑 / 3 查看）区分模式。

1. 列表页（index.vue） ​

  • 筛选区：类型（notice_type）、生效/终止期（日期区间）、状态（notice_status）、发布渠道（notice_channel）、是否作废（未作废 / 已作废）。
  • 操作按钮：右上角「新建公告通知」跳转详情页（type=1）。
  • 数据表格（notice/pageList）：发布人、类型、发布渠道、主题、创建时间、生效时间、终止时间、状态、是否作废。
  • 行操作：
    • 修改（type=2）、删除（notice/deleteById，二次确认）、查看详情（type=3）。
    • 作废：仅 obsoleteStatus === '0'（未作废）时显示，受按钮权限 v-jurisdiction-check="'/api/notice/cancelNotice'" 控制，调用 notice/cancelNotice。
  • 分页：pagination 组件，params.index / params.size。

2. 详情页（info/index.vue） ​

按 type 区分新建（1）、编辑（2）、查看（3，disabled 只读）。

  • 公告通知信息表单：主题（≤30字）、发布渠道、类型（notice_type）、主题颜色（notice_colour）、生效时间、终止时间、公告通知内容（tinymceEditor 富文本）。
  • 生效/终止时间联动：发布渠道为 7 时，生效时间、终止时间均非必填。
  • 发布范围（ReleaseRange）：仅 type !== '3' 且渠道不属于 [2,3,4,7] 时显示，可配置公告的发布范围与目标网点（form.releaseScope + networkIds）。渠道为 1 时校验发布范围必填，范围选「网点/导入网点」时还需校验网点非空。
  • 发布范围只读展示（ShowRange）：仅查看态（type === '3'）且渠道不属于 [2,3,4,7] 时展示，按网点名称/地区查询关联网点列表（notice/selectRelationNetworkList）及是否已读。
  • 已读人员：仅查看态（type === '3'）且渠道为 2 时展示（/noticeRead/pageQuery），列出姓名、角色类型、账号、手机号、邮箱、是否已读。
  • 操作日志（Log）：编辑态有 id 且查看态时展示。
  • 保存：notice/addNotice（新增）或 notice/editNotice（编辑）；渠道属于 [2,3,4,7] 时移除 releaseScope / networkIds。

使用组件 ​

组件路径用途
Container@/components/container列表页容器（标题「公告通知管理列表」）
SearchContainer / TableContainer@/components/SearchTableContainer列表页筛选区 / 表格容器
pagination@/components/pagination列表、已读人员、发布范围分页
tinymceEditor@/components/tinymceEditor/tinymceEditor公告内容富文本编辑
ReleaseRange@/views/operationsManagement/contentManagement/configurationCenter/homeConfig/info/ReleaseRange.vue发布范围配置（复用首页配置模块）
ShowRange./info/ShowRange发布范围只读展示（关联网点列表）
Log@/views/operationsManagement/contentManagement/configurationCenter/homeConfig/info/Log.vue操作日志（复用首页配置模块）
DistrictSelect@/components/DistrictSelectShowRange 中省/市/区选择

使用 Store ​

无。

调用接口 ​

所有接口实际请求统一带 /api 前缀（下表 URL 为业务路径简写，如 notice/xxx → /api/notice/xxx）。

接口 URL用途
notice/pageList列表分页查询
notice/deleteById删除公告（GET，?id=）
notice/cancelNotice作废公告
notice/queryInfo详情查询（GET，?id=&type=）
notice/addNotice新增公告
notice/editNotice编辑公告
notice/selectRelationNetworkList发布范围关联网点分页查询
/noticeRead/pageQuery已读人员分页查询
ddic/getList字典（notice_type / notice_status / notice_channel / notice_colour）

修改记录 ​

修改人修改时间修改内容
zhouw2026-07-09编写页面内容