仓管端 - 我的

原型图 | React + Tailwind

9:41

控制面板

本页为仓管端「我的」个人中心（CG17）。

展示：个人信息卡（头像 / 姓名 / 所属仓库）、消息中心入口（原报废审批结果通知区升级：未读总数角标 + 最新一条摘要，点击进入 cg18 消息中心；原报废审批详情迁至 cg18）、系统区（语言切换 / 版本信息）。

底部导航「我的」高亮。语言切换与 CG01 一致。

页面说明

最后更新：2026-09-01

页面定位 — PRD §6.7

仓管端个人中心。集中展示个人信息与消息中心入口（原「报废审批结果通知区」升级为消息中心入口，2026-09-01 落地，详情迁出至 cg18/cg19），并承载语言切换与版本信息。操作统计卡已于 2026-08-12 移除。

核心内容

模块	说明
个人信息卡	头像（姓名首字母）+ 姓名（仓管A）+ 所属仓库（曼谷1号仓）
消息中心入口	原「报废审批结果通知区」升级：未读总数角标 + 最新一条消息摘要；点击「查看全部」进入 cg18 消息中心列表；点击最新摘要进入 cg19 详情；原时间线详情（驳回/通过分组）已迁出至 cg18
系统区	语言切换（中文 / ภาษาไทย，与全局一致）+ 版本信息（v1.0.0）+ 退出登录（占位）

关键交互

操作	行为
点击「查看全部」	跳转 cg18 消息中心列表（三类全量）
点击最新消息摘要（整块）	跳转 cg19 消息详情（?id= 最新一条消息）；已读态随进入同步
切换语言	全局中泰双语切换，与 CG01 一致

跳转关系

CG17 我的
├─ 消息中心入口 → cg18 消息中心列表（点击「查看全部」）
├─ 消息中心入口 · 最新摘要 → cg19 消息详情（?id= 最新消息）
└─ 底部导航：首页(CG01) / 入库(CG02) / 出库(CG05) / 库存(CG11) / 我的(CG17，高亮)

业务规则

· 消息中心入口源自「报废审批结果通知区」升级（2026-09-01）：原时间线详情迁出至 cg18 消息中心列表

· 入口展示未读总数角标 + 最新一条消息（报废审批 / 出入库单据 / 系统公告三类）；数据与 cg18/cg19 一致

· 点击入口最新摘要或「查看全部」进入 cg18/cg19；已读状态由 cg-data.js 经 localStorage(cg_msg_read) 跨页同步

· 语言切换复用全局 LanguageSwitcher，与 CG01 完全一致

更新记录

2026-09-01

升级消息中心入口：原「报废审批结果通知区」改为「消息中心」入口卡片（未读总数角标 + 最新摘要），点击进入 cg18/cg19；原时间线详情迁出至 cg18；数据源=cg-data.js。

2026-08-12

新建 CG17「我的」个人中心：个人信息卡 + 操作统计卡（本周/本月入库/出库/报废）+ 报废审批结果通知区（迁出自 CG01，点击进入 CG09）+ 系统区（语言/版本）；底部导航「我的」高亮；i18n 补 my.*（中泰双语）并复用 home.scrapNotice/approved/rejected/viewDetails/rejectReason；报废审批结果通知 mock 数据、NotificationItem 组件、单条关闭逻辑自 CG01 迁入。

2026-08-12（修订）

移除操作统计卡（含 WH_STATS 常量与 my.stats/thisWeek/thisMonth/inbound/outbound/scrap 中泰 i18n 键）；同步更新控制面板、页面定位、核心内容表；报废审批结果通知区改造为时间线样式（左侧状态圆点+连续竖线，按驳回/通过分组小标题，移除大色块背景）；整行可点击跳 CG09（移除「查看详情」文案，✕ 关闭阻止冒泡）；默认展示近 3 条（MAX_VISIBLE=3）。