← 返回 Gate4 产品设计

📐 信息架构设计(页面 BDD)

版本: v2.0-2026-03-19 更新

最后更新: 2026-03-19 10:34

文档大小: 8.2 KB

信息架构总览

页面数量 页面列表
工程师端 APP 6 个 工单详情页、选择 SKU 页面、选择采购渠道页面、填写采购信息页面、上传凭证页面、我的库存页面
审核员端 PC 2 个 审核列表页面、审核详情页面
后台管理 3 个 配件基础信息配置、示例图管理、工程师库存管理页面

页面 BDD 详情

工程师端

1. 工单详情页

场景:工程师查看工单并选择采购/使用配件
当 工程师打开工单详情页
那么 显示工单基本信息
并且 显示"采购配件"按钮
并且 显示"使用库存"按钮
当 点击"采购配件"
那么 跳转到选择 SKU 页面
当 点击"使用库存"
那么 跳转到我的库存页面

2. 选择 SKU 页面

场景:工程师搜索和选择配件
当 工程师进入选择 SKU 页面
那么 显示工单产品信息(如:XXX 冰箱)
并且 只显示该工单允许核销的配件(如空调工单只显示空调配件)
并且 显示配件列表(只展示 SKU 名称,不展示编码和适配产品)
并且 显示搜索框(按名称搜索)
并且 无分类筛选
并且 不展示最高限价(仅后台校验)
当 搜索配件
那么 显示匹配的配件列表
当 选择配件
那么 跳转到选择采购渠道页面

3. 填写采购信息页面

场景:工程师填写采购信息
当 工程师进入填写采购信息页面
那么 显示单价输入框
并且 显示购买数量输入框
并且 不显示使用量输入框
并且 如果采购渠道为线下门店,显示取货方式选择(自提/跑腿,默认自提)
并且 如果采购渠道为普通网购,不显示取货方式选择
并且 不展示最高限价(仅后台校验)
当 输入信息
那么 实时校验(超标提示但不阻止)
当 选择取货方式
那么 记录取货方式
当 提交
那么 跳转到上传凭证页面

3. 我的库存页面

场景:工程师从库存选择配件
当 工程师进入我的库存页面
那么 显示个人库存配件列表
并且 显示渠道筛选器(线下门店/普通网购)
并且 支持同配件不同价格选择
当 筛选渠道
那么 显示对应渠道的配件
当 选择配件
那么 跳转到核销操作页面

4. 核销操作页面

场景:工程师完成核销操作
当 工程师进入核销操作页面
那么 显示使用数量输入框
并且 显示新旧配件合照上传区域
当 输入使用数量
并且 拍摄新旧配件合照
并且 点击提交
那么 生成新的报销单
并且 报销单状态为 X 级待审批
并且 库存状态变为冻结
当 报销单状态变化
那么 库存状态相应变化:
  - 结算 → 库存自动扣减
  - X 级审批驳回 → 库存自动还原
  - 待报销 → 库存冻结
当 提交成功
那么 显示提交成功页面

审核员端(PC 端)

1. 审核列表页面

场景:审核员查看待审核单据
当 审核员进入审核列表页面
那么 显示待审核单据列表
并且 显示状态筛选器
并且 显示时效标签
当 筛选状态
那么 显示对应状态的单据
当 点击单据
那么 跳转到审核详情页面

2. 审核详情页面

场景:审核员审核单据
当 审核员进入审核详情页面
那么 显示工单信息
并且 显示配件信息
并且 显示 4 张凭证
并且 显示系统校验结果
当 填写审核意见
并且 点击"通过"或"驳回"
那么 提交审核结果

后台管理

工程师库存管理页面

场景:管理员查看工程师库存
当 管理员进入工程师库存管理页面
那么 显示维度筛选器(子公司/产品组/业务线/服务商/工程师/工程师 ID)
并且 显示库存列表
并且 显示配件信息(数量/单价/出库记录/购买单据)
当 选择维度筛选
那么 显示对应维度的库存
当 禁用配件
那么 工程师端不可见该配件