1. 文档信息
- 页面名称：采购协同进度看板
- 目标角色：采购经理 / 部门负责人
- 核心目标：总量进度可视化
- 业务样例：电路 / 申请单 PR001 / 申请量 1000
2. 页面目标
围绕采购协同链路，面向管理者展示：
- 当前申请量在各阶段的承接情况
- 中标后拆单履约的数量结构
- 每个分支从要货到入库的推进状态
- 全链路是否最终闭环到结算
页面不以逐单操作为主，而以：
为核心价值。
3. 业务链路
3.1 单据关系
申请 PR001 / 0001 / 1000
→ 立项 PS001 / 0001 / 1000
→ 竞价 CB001 / 0001 / 1000
→ 中标 FP001 / 0001 / 1000
→ 要货拆单
├ CF001 / 0001 / 200 → P0001 → ASN001 → RCV001
├ CF002 / 0001 / 500 → P0002 → ASN002 → RCV002
└ CF003 / 0001 / 300 → P0003 → ASN003 → RCV003
→ 结算 AOS001 / 0001 / 1000
3.2 关系类型
| 上游 |
下游 |
关系 |
| 申请 |
立项 |
1:1 |
| 立项 |
竞价 |
1:1 |
| 竞价 |
中标 |
1:1 |
| 中标 |
要货 |
1:N |
| 要货 |
订单 |
1:1 |
| 订单 |
发货 |
1:1 |
| 发货 |
入库 |
1:1 |
| 入库 |
结算 |
N:1 |
3.3 数量规则
- 立项数量 = 申请数量
- 竞价数量 = 立项数量
- 中标数量 = 竞价数量
- 所有要货数量合计 = 中标数量
- 每张订单数量 = 对应要货数量
- 每张发货数量 = 对应订单数量
- 每张入库数量 = 对应发货数量
- 结算数量 = 所有入库数量合计
4. 页面模块
4.1 顶部头部区
功能目标
- 标识当前页面主题
- 显示当前链路的核心上下文
- 提供视角切换入口
展示内容
- 页面标题：采购协同进度看板
- 页面说明：主链 + 拆单 + 闭环
- 视图按钮：
4.2 筛选条件区
字段清单
| 字段 |
类型 |
说明 |
| 物料名称 |
文本 / 选择 |
例如：电路 |
| 申请单号 |
文本 |
例如：PR001 |
| 行号 |
文本 |
例如：0001 |
| 申请数量 |
数值 |
例如：1000 |
| 状态 |
枚举 |
已闭环 / 进行中 / 异常 |
| 更新时间 |
日期 |
当前数据更新时间 |
交互说明
- 页面默认带入当前链路上下文
- 点击“重置高亮”恢复全链路视图
- 点击“定位最大分支”高亮数量最大的分支
4.3 核心指标区
指标卡清单
| 指标卡 |
字段 |
样例值 |
说明 |
| 申请总量 |
applicationQuantity |
1000 |
全链路基准量 |
| 已中标量 |
awardedQuantity |
1000 |
中标阶段承接量 |
| 已下单量 |
orderedQuantity |
1000 |
所有订单数量合计 |
| 已入库量 |
receivedQuantity |
1000 |
所有入库数量合计 |
| 已结算量 |
settledQuantity |
1000 |
结算闭环量 |
| 异常分支数 |
abnormalBranchCount |
0 |
当前异常分支数 |
交互说明
- 点击“申请总量”，高亮 PR001
- 点击“已中标量”，高亮 FP001 和所有要货节点
- 点击“已下单量”，高亮全部订单分支
- 点击“已入库量”，高亮全部入库节点
- 点击“已结算量”，高亮 AOS001 和全部入库节点
- 点击“异常分支数”，若异常数 > 0，定位异常分支；当前样例显示正常态说明
4.4 全链路总量推进区
展示字段
| 阶段 |
字段 |
样例值 |
说明 |
| 申请 |
requestStageQuantity |
1000 |
当前阶段数量 |
| 立项 |
projectStageQuantity |
1000 |
当前阶段数量 |
| 竞价 |
biddingStageQuantity |
1000 |
当前阶段数量 |
| 中标 |
awardedStageQuantity |
1000 |
当前阶段数量 |
| 要货 |
requireStageQuantity |
1000 |
当前阶段数量 |
| 订单 |
orderStageQuantity |
1000 |
当前阶段数量 |
| 发货 |
deliveryStageQuantity |
1000 |
当前阶段数量 |
| 入库 |
receiptStageQuantity |
1000 |
当前阶段数量 |
| 结算 |
settlementStageQuantity |
1000 |
当前阶段数量 |
节点附带信息
交互说明
- 点击任一阶段节点，右侧焦点卡切换为该阶段说明
- 阶段节点高亮同步影响关系图中的同类节点
- 若存在差值 > 0，则该节点进入预警态
4.5 待推进 / 卡点分布区
展示字段
| 指标 |
字段 |
说明 |
| 已申请未立项 |
pendingProjectQuantity |
申请有量、立项未承接 |
| 已中标未要货 |
pendingRequireQuantity |
中标有量、要货未承接 |
| 已要货未下单 |
pendingOrderQuantity |
要货有量、订单未承接 |
| 已下单未发货 |
pendingDeliveryQuantity |
订单有量、发货未承接 |
| 已发货未入库 |
pendingReceiptQuantity |
发货有量、入库未承接 |
| 已入库未结算 |
pendingSettlementQuantity |
入库有量、结算未承接 |
交互说明
- 当前样例均为 0，显示正常态
- 若任一值 > 0，则横条按比例渲染
- 若任一值为异常阈值以上，则切换为红色态
4.6 单据关联全景区
展示结构
- 主链节点区
- 拆单摘要区
- 分支履约区
- 结算汇总区
节点字段
| 字段 |
说明 |
billType |
单据类型 |
billNo |
单据号 |
lineNo |
行号 |
quantity |
数量 |
status |
当前状态 |
focusKey |
联动高亮标识 |
交互说明
- 点击主链节点：高亮当前主链路径
- 点击分支摘要卡：高亮该分支所有节点
- 点击分支节点：高亮所属分支
- 点击结算节点：高亮全部入库节点 + 结算节点
4.7 分支履约明细区
表格字段
| 字段 |
说明 |
样例 |
| 分支 |
分支名称 |
分支 01 |
| 要货单 |
要货单号 |
CF001 |
| 要货数量 |
要货量 |
200 |
| 订单 |
订单号 |
P0001 |
| 发货单 |
发货单号 |
ASN001 |
| 入库单 |
入库单号 |
RCV001 |
| 分支完成率 |
入库量 / 要货量 |
100% |
| 当前节点 |
当前推进位置 |
结算 |
| 状态 |
完成 / 进行中 / 异常 |
已完成 |
| 异常说明 |
异常描述 |
无 |
交互说明
- 点击某一行，高亮对应分支
- 表格行与关系图分支双向联动
- 状态列按枚举颜色展示
5. 焦点卡说明
右上角焦点卡用于展示当前点击对象的管理信息。
焦点态清单
| 焦点 |
展示内容 |
| 全链路总览 |
申请总量、拆单数量、完成率、异常数 |
| 申请起点 |
申请单号、行号、申请数量、承接状态 |
| 主链追踪 |
主链节点数、主链承接率、差值、状态 |
| 中标与拆单承接 |
中标量、拆单量合计、拆单完整率 |
| 拆单履约总览 |
分支数量、最大分支、最小分支、履约完成情况 |
| 订单覆盖 |
订单数、覆盖率、要货量、订单量 |
| 入库完成 |
入库单数、入库总量、完成率、未入库量 |
| 结算闭环 |
结算单、结算量、闭环率、异常 |
| 异常状态 |
异常分支数、缺单数、数量差值、状态 |
6. 状态定义
6.1 正常态
6.2 预警态
6.3 异常态
7. 异常规则
| 异常类型 |
判断规则 |
| 主链断档 |
上游阶段有量，下游阶段无单据 |
| 数量不承接 |
下游数量 ≠ 上游数量 |
| 拆单不完整 |
所有要货量合计 ≠ 中标量 |
| 分支缺单 |
要货有单，订单 / 发货 / 入库缺失 |
| 汇总异常 |
结算量 ≠ 入库量合计 |
| 超量异常 |
下游数量 > 上游数量 |
8. 前端取值要求
为避免前端做兜底，接口需遵守以下规则：
- 页面使用字段固定，不允许临时换字段
- 数值字段统一返回 number
- 枚举字段统一返回固定枚举值
- 列表字段统一返回数组，空时返回
[]
- 对象字段必须完整返回，不允许
null / undefined
9. 页面产出物
已生成文件
采购协同进度看板.html采购协同进度看板_PRD.md
使用方式
- 双击打开
采购协同进度看板.html
- 可点击指标卡、阶段节点、分支摘要卡、表格行查看高亮联动
- PRD 文件用于产品 / 设计 / 开发评审
