# 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 口吻(建议 + 预期影响 + 置信度 + 数据依据),文案由各层生成器指标触发,无手写数字 - **四部门子集切换**:财务/业务/产品/供应链——切换后每层只显示该部门的数据子集("把每个部门的数据变成子集,看板实现跨部门打通"),无子集数据的层显示空态说明 ## 本地运行 ```bash npm install # Node 20+ npm start # ng serve → http://localhost:4200 ``` ## 构建与部署 ```bash 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` 固定种子生成,仅用于产品形态演示 - 不包含任何真实供应商名称或真实经营数据