36 lines
4.9 KiB
Markdown
36 lines
4.9 KiB
Markdown
# 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 项定向复验通过，视觉仍待人工截图确认。
|
|
|
|
|
|
## 2026-10-21 弹框可用性回归
|
|
|
|
新建消息的模板变量名称来自服务端白名单，原来与普通字段共用固定 100px 左侧标签；长英文变量名没有换行约束。仅将变量字段标签上置，使用自动宽度及允许单词内换行，其他发送设置、定时选择、权限和请求数据保持。真实组件挂载新增长变量名与发送载荷回归，和原全屏、失败保留草稿、关闭/重开及详情抽屉用例共 22 项通过。
|
|
|
|
仍待用户截图核对长变量标签、输入区、定时发送、长正文和错误状态；不以挂载测试替代排版与正文/页脚滚动验收。公共 CSS 与 AppDialog/AppDrawer 修复由唯一公共写者集成，本域不覆盖公共规则；未打开浏览器、未截图、未部署。
|