仓管端 - 我的

原型图 | React + Tailwind

← 返回总览 CG01 首页 CG02 入库列表 CG03 入库详情 CG04 入库确认 CG05 出库列表 CG06 出库详情 CG07 出库确认 CG08 借用出库创建 CG09 报废列表 CG10 发起报废 CG11 库存总览 CG12 设备库存列表 CG15 扫一扫 CG17 我的
9:41

控制面板

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

展示:个人信息卡(头像 / 姓名 / 所属仓库)、报废审批结果通知区(迁出自 CG01,点击进入 CG09 报废列表)、系统区(语言切换 / 版本信息)。

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

页面说明

最后更新:2026-08-12

页面定位 — PRD §6.7

仓管端个人中心。集中展示个人信息与报废审批结果通知(报废审批结果通知由原 CG01 首页迁出,2026-08-12 落地),并承载语言切换与版本信息。操作统计卡已于 2026-08-12 移除。

核心内容

模块说明
个人信息卡头像(姓名首字母)+ 姓名(仓管A)+ 所属仓库(曼谷1号仓)
报废审批结果通知区迁出自 CG01:时间线样式,按「驳回 / 通过」分组小标题(带条数),左侧状态圆点(绿/红)+ 连续竖线;整行点击跳 CG09 报废列表(无独立「查看详情」文案);驳回附原因;单条可关闭(✕,阻止冒泡);默认展示近 3 条;整区可「查看全部」跳 CG09
系统区语言切换(中文 / ภาษาไทย,与全局一致)+ 版本信息(v1.0.0)+ 退出登录(占位)

关键交互

操作行为
点击通知条目(整行)跳转 CG09 报废列表(单据维度);✕ 关闭按钮阻止冒泡,不触发跳转
点击 ✕ 关闭单条本地移除该通知(mock 内存态,刷新恢复)
切换语言全局中泰双语切换,与 CG01 一致

跳转关系

CG17 我的
├─ 报废审批结果通知卡片 → CG09 报废列表(含「查看全部」)
├─ 查看全部 → CG09 报废列表
└─ 底部导航:首页(CG01) / 入库(CG02) / 出库(CG05) / 库存(CG11) / 我的(CG17,高亮)

业务规则

· 报废审批结果通知源自 CG01 首页迁出(2026-08-12):原首页报废通知条移除
· 通知类型:通过(绿)/ 驳回(红,附驳回原因);数据与 CG09 报废列表单据状态一致
· 通知清除为本地内存态,刷新页面恢复初始 mock,不持久化
· 语言切换复用全局 LanguageSwitcher,与 CG01 完全一致
更新记录
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)。