Files
order_site/apps/frontend/src/pages/admin/AdminCostCenterPage.tsx
T
yml2213 55a3e0df9c refactor(admin-ui): 成本中心导航收敛为 4 个固定 Tab
原结构是「4 个来源 Tab(内容只有一句提示语)× 6 个内容 Tab」,
且来源 Tab 会增删内容 Tab:选「自动发货」后标准商品/渠道映射/发单价格直接消失,
切换来源还会强制跳转。用户反馈「逻辑不顺、很多 tab 没必要」。

- 来源改为工具栏 Segmented:只筛数据,不改变导航;Tab 永远 4 个
  标准商品 / 渠道映射 / 成本配置 / 成本异常;
- 自动发货 SKU、发单价格、人工 SKU 配置合并为「成本配置」,
  选「全部」时给三个入口卡片,选具体来源时直接渲染对应面板;
- 自动发货 SKU 原本是标准商品的同数据子集(同一个接口 + carrierType),
  合并后不再有重复入口;
- 渠道映射在自动发货/人工来源下改为说明性提示,不再展示空表;
- 异常徽标改用当前来源的计数,不再出现「徽标 10 万、列表几百条」;
- refreshAll 改为按 queryKey 前缀失效,修好漏刷
  (诊断、未归一队列、人工 SKU 等 5 个查询);
- 删除 Context 里 12 个从未被读取的字段(products/versions/exceptions 等
  空数组与 loading 常量),注释改为与实现一致;
- 「生效发单价格」改名「生效成本版本」——它统计的是全部 active 版本,
  按来源过滤后叫发单价格会误导。

验证:后端 786 测试、前端 lint/typecheck/test/build 通过。
2026-10-25 13:55:36 +08:00

20 lines
987 B
TypeScript

/**
* 成本中心页面入口。
*
* 页面结构(2026-10-25 收敛为 4 个固定 Tab):
* - CostCenterShell.tsx 页面骨架:来源筛选(Segmented)、统计卡、4 个 Tab
* - ProductCatalogPanel.tsx 标准商品
* - ChannelMappingPanel.tsx 渠道映射(映射目录 + 未归一队列)
* - CostConfigPanel.tsx 成本配置:按来源切换
* ├ AffiliateSkuPanel 自动发货采购价
* ├ WorkOrderPricePanel 接单平台发单金额(只读)
* └ ManualSkuConfigPanel 人工客服 SKU 消耗
* - CostExceptionPanel.tsx 成本异常(按原因聚合 + 近 24 小时默认)
* - CostPreviewModal.tsx 成本解析弹窗(异常行 / 订单详情进入)
*/
import CostCenterShell from './cost-center/CostCenterShell'
export default function AdminCostCenterPage() {
return <CostCenterShell />
}