feat(admin): apply shared blue-white self-operated workbench style

2026-10-20 19:16:47 +08:00
parent 9bfce44988
commit 464b72cff9
38 changed files with 1851 additions and 340 deletions
@@ -1,9 +1,16 @@
 # 自营分析逐操作矩阵

-依据：2026-10-12 用户提供的销量/库存页面截图及“主要统计SKU，在看当前SKU是哪个货主就行，货主不重要”的明确纠正，优先于一期方案中的货主经营面板目标；密度沿用 `docs/Admin高密度界面规范.md`。用户最新确认销量、库存样式已完成，本轮以其截图为数据采集统一样板；采集页修改后的视觉仍待人工1920×1080、100%截图。
+依据：2026-10-12 用户提供的销量/库存页面截图及“主要统计SKU，在看当前SKU是哪个货主就行，货主不重要”的明确纠正，优先于一期方案中的货主经营面板目标；密度沿用 `docs/Admin高密度界面规范.md`。2026-10-20 用户提供蓝白工作台参考，选经营总览制作样板，并追加销量、库存与数据采集；本次新样式均待人工1920×1080、100%截图确认。

 | 页面 | 操作 | 依据与承载结论 | 布局与验证 |
 | --- | --- | --- | --- |
+| 自营四个入口 | 蓝白样板截图收尾 | 2026-10-20 用户提供五张实际截图并授权收尾及 Admin 测试环境发布：统一数量千分位、明确货主／关注／样本筛选文案、收紧多余留白，库存横向滚动时保留行标识；采集关闭／暂停状态优先展示，已保存进度与批次事实分别表达。随后明确清爽要求：库存快照、采集时间、图表范围等解释收至已有说明，取消正常指标重复的“已确认／完整”，图表入口并入顶部 | 不改变数量精度、筛选含义、调度和接口；未知、过期及失败仍可辨认，详细来源和估算口径按需查看。公共规则及后续页面参考入口写入蓝白工作台规范。整端推广待本轮样板确认，收尾后的实际视觉待人工截图确认 |
+| 数据采集 | 蓝白账号运行看板 | 2026-10-20 用户追加数据采集一并调整：复用公共圆角面板、紧凑数量卡、进度环主题、阶段节点与状态标签；保留左侧当前进度和右侧后续安排、阶段流程与各仓发布结果 | 不变更只读刷新、轮询、阶段计数及预计时间依据；未知进度不补百分比，待机不表示完成；待人工1920×1080、100%截图确认 |
+| 销量分析／库存明细 | 蓝白列表样板 | 2026-10-20 用户在经营总览样板基础上明确要求一起调整：保留原 DataTable／QueryToolbar、字段顺序、操作列、排序分页、来源条件与统计气泡；统一白底圆角容器、浅色表头与筛选带、蓝色操作和库存视图页签 | 公共 `admin-workbench` 作用域显式接入，补公共表格／页签外观；不重复壳层标题，不改查询及权限；待人工1920×1080、100%截图确认 |
+| 库存周转 | 蓝白指标／图表／关注筛选 | 同次用户授权：保留两组各三张摘要卡、两列图表及货主件数／体积／日均三种内容，复用紧凑工作台卡片和公共图表主题；保留关注、隐藏零库存、阈值、扩展列和导出 | 紧凑指标不采用总览大卡最小高度；画布保留现有伸缩高度，真实比例、未知值、单位与货主下钻不变；待人工截图确认 |
+| 销量／库存／经营总览 | 共用 SKU 趋势与证据弹窗外观 | 同次用户授权统一共用 SKU 趋势：仍为1120px居中 AppDialog，统计证据继续沿现有居中弹窗；接入蓝白主题、公共标题／说明／内容外观 | 保留全屏、关闭取消、缺日断线、部分日虚线、未知不补零及原覆盖明细；不改变弹窗尺寸与承载，待人工截图确认 |
+| /self-operated/overview | 图表主题与空态 | 2026-10-20 用户提供五张图表区域截图并要求按蓝白样板优化：主趋势采用蓝色、连续完整段淡填色、灰蓝坐标与轻缩放条；柱图采用圆角、真实尺度、语义分桶配色及统一提示框；标题与空榜单使用公共样式 | 主题入口 `src/styles/adminWorkbenchChartTheme.ts`，不在 AnalyticsChart 全局注册；缺日断线、部分段虚线、未知/零及下钻不变；共用 SKU 趋势及采集环按本表新增授权接入，待人工新截图确认 |
+| /self-operated/overview | 蓝白卡片风格样板 | 2026-10-20 用户选择本页直接改版；参考 `docs/界面参考/蓝白卡片式工作台参考.png`。保留 DataTable 顶栏、QueryToolbar、六指标、2:1 主图及三榜、统计说明和全部明细/趋势弹窗；指标改浅彩底座与蓝色大数字，增加分区标题，图表使用轻边框圆角容器 | 公共外观由 `src/styles/adminWorkbenchTokens.css` 与 `adminWorkbench.css` 维护，仅显式 `admin-workbench` 根启用；原图表高度、统计口径、下钻与弹窗密度保留。尚未批准全 Admin 推广；待人工1920×1080、100%截图及老板确认 |
 | 库存周转 | 库存／出库立方数与客户汇总 | 2026-10-14 用户确认：仓库实测尺寸优先，商品尺寸补充并标估算；历史出库按当前尺寸估算。沿现有客户筛选、SKU／货主分组和客户下钻，增加两项概览、体积列与单件尺寸来源，不新增弹框 | 正式总量未知显示“—”；小计、缺尺寸件数／SKU和数量待确认分开显示；出库体积跟随所选时间；待人工1920×1080、100%截图确认 |
 | 库存周转 | 库存过期、采集失败与未知总量 | 2026-10-14 用户库存空白截图及本轮修复确认：沿现有同页提示展示过期时间、同仓失败原因与任务号；整体刷新同步只读采集状态，失败独立提示；指标主数值未知显示“—”，小计留辅助说明；原样本证据弹框解释库存日样本与出库历史的区别 | 保留原数据采集入口与弹框承载，不新增写入操作；回归未知／真实0、切仓和刷新恢复，待人工1920×1080、100%截图确认 |
 | /self-operated/inventory | 页签与操作栏整合 | 2026-10-14 用户截图 `codex-clipboard-784338aa-b985-4eb7-9f5e-b14f87f6d5e8.png`：页签独立在外、操作栏左侧空白；两个视图的切换页签统一放入DataTable的toolbar-start，操作按钮保留右侧，筛选紧接下方；阈值提示缩短为“天数阈值（天）” | 保留视图选中态、切仓与原图下钻；不改接口与计算，待人工1920×1080、100%截图确认 |