首页 · 学习导航 P01 / 共 34 页
这是一套面向产品经理新人的供应链管理系统（SCM）演示原型。所有页面都是纯静态 HTML， 用于「看懂业务」而非「跑真实数据」：每张页面都讲清楚业务是什么、系统怎么做、新人容易踩什么坑。
全局导览：34 个页面的模块地图、7 天学习路径、以及这套原型的阅读方法。
SCM、SCOR 模型（计划/采购/生产/交付/退货）、信息流 · 物流 · 资金流三流合一。
新人最容易犯的错：一上来就画界面，没先理清单据链和状态机，导致需求反复推翻。
先动手：9 个可操作的功能演示区
不是截图，是真的能点、能改、能存；左侧导航里带「可操作」标记的就是这类页面采购订单 P10 可操作
建单 → 提交审批 → 通过/驳回 → 发送供应商 → 收货入待检 → 质检放行。每一步都真改数据并留下操作日志。
销售订单 P16 可操作
建单时实时预判 ATP；可用量不足会自动挂起；分配只加占用不动在库，发货才同时扣减——两个动作的区别一测就懂。
库存台账 P12 可操作
锁定/解冻、库存调整、低于安全库存筛选。与销售订单联动：那边分配一次，这边「已占用」立刻变化。
P08 采购申请：按金额自动分级审批，通过后一键转成 P10 的采购订单 · P11 收货质检：收货入待检、IQC 三种判定、三单匹配超容差即冻结付款 · P13 波次作业：分配 → 拣货完成 → 生成单据并过账库存 · P20 运单轨迹：逐节点推进、注入异常与恢复、签收 · P22 供应商：准入、认证、分级、冻结、淘汰 · P24 物料主数据：新建查重、审核发布、变更升版本留痕。
操作结果保存在浏览器本地（localStorage），刷新不丢；每个演示区都有「重置演示数据」按钮，随时还原初始状态重来一遍。九套数据共用一份存储，因此跨模块联动是真实的：在 P16 分配一次库存，P12 的占用就会变。
模块地图（34 页）
34 页已全部产出，可直接点击；带「可操作」标记的页面含可真实操作的功能演示区怎么用这套原型（建议按顺序读一遍）
① 先看流程图，再看字段
每张页面顶部都有 SVG 流程/结构图。先建立「谁 → 做什么 → 产生什么单据」的骨架，再钻到字段细节，否则会陷在表单里出不来。
② 点开每个「折叠面板」
面板里放的是业务规则与设计考量，比如为什么采购单要分头/行、为什么库存要区分「在库/可用/在途」。这些是面试和评审高频追问点。
③ 动手点交互
流程可播放动画、状态机可切换、参数可调并实时重算。点一遍比读三遍记得牢，尤其是 MRP 展开和库存水位这两处。
7 天学习路径
勾选状态保存在浏览器本地，刷新不丢全站通用交互图例
▶ 播放流程
按顺序点亮流程节点，配合右侧说明理解每一步。
状态机切换
点击胶囊按钮，查看该状态下的字段、可执行动作与出口条件。
Tab 视图切换
同一份数据换角度呈现（如表格视图 / 图形视图 / 泳道视图）。
参数调节
拖动或点击改参数，页面实时重算结果，用于理解公式敏感性。