4.1 KiB
Admin 消息中心样式核对记录
范围为顶部消息中心实际注册的三个页面及其现有操作。入口由 apps/admin-web/src/app/layouts/AppLayout.vue:181 和 src/modules/notifications/routes.ts 证明，不计入左侧 48 个菜单。采用当前用户确认的国内订单样板与公共密度规范。
| 页面 | 操作 | 原型依据 / 承载 | 当前实现与调整结论 |
|---|---|---|---|
| 我的消息 | 查询、查看、标为已读、全部已读 | prototype-src/modules/11-system-messages.html:283 的 page-msg-my；详情容器未定义 |
保留正式列表及 680px 详情抽屉；列表按钮、抽屉字号和正文间距接入公共密度，不改变打开未读消息时的标记逻辑 |
| 消息管理 | 列表、查看 | 同文件 260 行 page-msg-manage；原型仅给详情按钮 |
保留正式列表及现有 820px 任务详情抽屉；六项摘要改连续两列键值表，保留收件人表和失败原因 |
| 消息管理 | 新建、立即/定时发送 | prototype-src/overlays.html:354 的 modal-msg-create，680px 居中弹框 |
保留宽度、两列表单、整行模板变量及定时选项；独立浮层显式接入密度 |
| 消息管理 | 取消、重试 | 原型未定义；现有确认框及权限、状态限定 | 保留确认和 API；取消为危险色、重试为普通描边，不增加操作入口 |
| 模板管理 | 列表、激活、禁用 | prototype-src/modules/11-system-messages.html:272 的 page-msg-template；状态确认原型未定义 |
保留现有状态门禁及确认；激活为成功色、禁用为危险色 |
| 模板管理 | 新增、编辑、变量插入、预览 | prototype-src/overlays.html:367 的 modal-msg-template-create，760px 居中弹框；编辑复用现有容器 |
保留两列基本字段和整行正文、变量、预览；统一表单间距与浮层密度 |
现有 notifications/PROTOTYPE_MATRIX.md 中“我的消息未注册”和“无任务详情”与当前正式路由、顶部入口及 getTask 实现不符。本次按实际入口核对样式，不移除已存在功能，不新增发送渠道、草稿或导出能力。各行最多两个可用操作，全部直接展示，不引入更多菜单。
本次只调整样式，消息发送、标记已读、模板写入、取消与重试均仅使用离线 Mock 验证，不向真实账号发送消息。42 项定向检查、253 个文件 / 1981 项全量测试、类型检查、构建和 git diff --check 均通过；本地 Vite 五个组件资源均返回 200。三个列表、两处抽屉、两处编辑弹框及状态确认均待人工在 1920×1080、100% 缩放下截图确认。
对五个组件的脚本 AST 与修改前比较，排除样式导入和确认框 customClass 后相同。新增原生 Element Plus 挂载用例核对了按权限查看/已读、任务与模板状态操作、两处详情抽屉、模板不可变编码/变量预览/版本及定时发送表单。实际字段校验、消息发送及服务端结果仍由人工业务验收补充。
2026-10-20 蓝白样式接入
沿用上方六行逐操作矩阵。三个正式列表及新建消息/模板编辑两个弹框显式接入主题；列表使用外层 workbench-table，两个弹框自身带 admin-workbench is-dialog，我的消息和任务详情仍分别为 680px/820px 抽屉并声明 admin-workbench is-drawer 独立主题作用域。取消/重试、激活/禁用确认同样显式接入；正文、模板变量、接收范围、失败原因和投递明细保持原语义。
消息中心定向回归通过；全量门禁由总控统一执行，所有修改后的状态及浮层均待人工截图确认。未新增渠道、草稿、导出或业务写入，未部署。
2026-10-20 用户追加修正：整页主列表与详情外壳使用 is-page-surface 取消外围整圈边框、圆角与阴影，页面保持连续白底；本组共 22 处主列表和 6 处详情容器，内部子表、指标/图表卡片、独立并列面板及弹框保持原边界。布局、内边距和脚本不因本修正改变；公共规则与全量门禁由总控统一收口。财务相关三文件 41 项定向复验通过，视觉仍待人工截图确认。