demo-ecom-cbo/README.md

demo-ecom-cbo · CBO 电商经营驾驶舱 Demo

为熵增案例《对抗熵增》打造的可点击全链下钻驾驶舱。虚构品牌 慢严舒柠 · 杭爽净果系列（清咽润喉类快消新品系列，年销约 2000 万），Angular 18 + 原生 ECharts。

⚠️ 模拟演示数据：品牌与全部数字均为虚构（由自洽数据生成器计算），不指向任何真实品牌或供应商。页内所有商品图为品牌色块占位 SVG（诚实标注"模拟演示数据 · 占位示意图"）。

• 线上体验：https://app.fmode.cn/dev/d7c5916f8f1/index.html （独立 Product ID d7c5916f8f1，DevApp wswYkiUkR9）
• 技术栈：Angular 18（standalone + signals）· ECharts 6 · 无后端（数据内置生成器）

核心理念：数字自洽，LLM/观众零心算

src/app/data-generator.ts 是唯一的数字来源：

• GMV = 访客 × 转化率 × 客单价——每一层都是现场由明细行计算，不预先写死
• 费用四拆可加和：种草/付费广告/达人/平台佣金+其他，逐日加和 = 总费用（页面内嵌"✅ 自洽校验"注脚）
• 比率跨层一致：渠道 GMV 加和 = 全局 GMV；24 条蚂蚁雄兵链接 GMV 加和 = 京唯渠道 GMV；3 SPU GMV 加和 = 全局 GMV；可释放资金 = 库存值 × (1−清货进度) × 65% 由生成器计算
• 固定随机种子（mulberry32），每次构建数据完全一致

五层下钻（对应豆子看板经验 + 熵增素材）

层	内容	理念映射
L1 经营总览	GMV/贡献毛利/费比/ROI/CAC 大数卡 + 健康分（QW3 式打分）+ 周度趋势 + 渠道占比 + 费用拆分	S16 T+1 经营决策 · haleon-quickwin QW3 健康分
L2 外部赛道	类目大盘份额 / 我方 vs 3 竞品周度 GMV 对比 / 竞品动态时间线	S9 全链下钻·大盘层
L3 渠道	四渠道日堆叠 · 天猫种草词→搜索成交（CID 溯源，大品类失效小品类有效）· 抖音自播 vs 达人 · 京东+唯品蚂蚁雄兵 24 链接矩阵（价格/货架/费用/利润四类指标逐链接，预警着色）· 小红书种草池	S9 下钻·渠道层 · 豆子"蚂蚁雄兵"与 CID 溯源打法
L4 产品与人群	3 SPU 商品卡（新客率/复购率/CAC/ROI/VOC 投诉率）+ SPU 雷达 + A2→A5 人群漏斗（种草→回搜→购买→复购）	S20-S23 语义化 SKU · A2-A5 全过程下钻
L5 执行细节	达人矩阵 → 点击展开单视频/笔记贡献度（归因 GMV/CPM/互动/回搜贡献/回搜率/单内容 ROI + 脱敏脚本要点）· 供应链库存占资金/周转/清货释放现金流	S9 下钻·达人→帖子→视频 · S19 路谱真资产 · 供应链指标

贯穿机制

• 层层可下钻：L1 渠道行"下钻"→L3；L3 达人行"看内容"→L5；L5 达人行点击展开单视频贡献度；顶部面包屑可回溯
• AI 决策建议卡：每层右下常驻，T+1 口吻（建议 + 预期影响 + 置信度 + 数据依据），文案由各层生成器指标触发，无手写数字
• 四部门子集切换：财务/业务/产品/供应链——切换后每层只显示该部门的数据子集（"把每个部门的数据变成子集，看板实现跨部门打通"），无子集数据的层显示空态说明

本地运行

npm install   # Node 20+
npm start     # ng serve → http://localhost:4200

构建与部署

ng build --configuration production --base-href /dev/d7c5916f8f1/
# 产物 dist/demo-ecom-cbo/browser → 上传 obs://nova-cloud/dev/d7c5916f8f1/
# CDN 刷新用 app.fmode.cn 域名组（fmode-app/scripts/refresh-cdn.js）

数据声明

• 品牌"慢严舒柠"为虚构演示品牌；竞品 A/B/C 为匿名化占位
• 全部经营指标由 data-generator.ts 固定种子生成，仅用于产品形态演示
• 不包含任何真实供应商名称或真实经营数据