✅ 需求 1:普通网购不需要上传配件照片和物流支付截图
普通网购类型的采购核销,移除"配件照片"和"物流支付截图"上传要求,仅需上传:网购订单详情、支付记录(共 2 张)
✅ 需求 2:工单详情页与参考图片完全一致
工单详情页重新设计,包含:工单状态卡片、基本信息、SKU 列表(支持添加/编辑/删除),点击"添加"按钮进入添加 SKU 界面
| 类型 | 颜色 | 色值 | 使用场景 |
|---|---|---|---|
| 核心品牌色 | 专业蓝 | #0070FF | LOGO、行动点、主按钮、选中状态 |
| 辅助色 | 奖励绿 | #00CC9C | 奖励提示、成功状态、标签 |
| 辅助色 | 警示红 | #FF2F2B | 负激励、警示状态 |
| 辅助色 | 警告橙 | #FF9000 | 警告提示、待处理状态 |
| 中立色 | 主标题 | #1F2123 | 正文文字、主标题 |
| 中立色 | 副标题 | #606162 | 正文文字、副标题 |
| 中立色 | 辅助灰 | #999A9B | 辅助文字、占位文字、禁用状态 |
| 中立色 | 背景灰 | #F0F1F2 | 浅灰背景 |
规范来源:啄木鸟 UED、交互设计组
| 属性 | 规范 |
|---|---|
| 字体 | 汉字默认方字体;特殊数字默认 Din 字体 |
| 行高 | 所有文字行高默认 150% |
| 间距 | 左右间距统一 12px;上下间距需减除行高留白 |
| 组件 | 尺寸 | 圆角 | 状态 |
|---|---|---|---|
| 按钮 | 高度 40px | 4px | 正常/悬停/点击/禁用 |
| 输入框 | 高度 40px | 4px | 正常/焦点/错误/禁用 |
| 卡片 | 自适应 | 8px | 阴影 0 2px 8px rgba(0,0,0,0.1) |
| 列表项 | 高度 60px | 0 | 正常/悬停/选中 |
📋 设计说明:根据工单产品自动过滤,只显示该工单产品能报销的配件(配件基础信息配置已按产品限制)
当前工单产品:空调 3 匹(仅展示空调配件)
空调压缩机
编码:KT-YSJ-001
适用:空调 3 匹
空调电容
编码:KT-DL-002
适用:空调 1.5 匹
空调支架
编码:KT-ZJ-003
适用:空调 3 匹
配件:空调压缩机
编码:KT-YSJ-001
单位来自配件基础信息配置(个/台/套等)
已采购的配件(3 个)
空调压缩机 KT-YSJ-001
购买数量:1 | 单价:¥580
空调电容 KT-DL-002
购买数量:2 | 单价:¥45
空调支架 KT-ZJ-003
购买数量:1 | 单价:¥80
✅ 提示:以上配件在同一家店购买,只需上传一次凭证即可
🏪 线下门店
默认
📱 普通网购
🚴 工程师自提
默认
🚚 叫跑腿取货
⚠️ 温馨提示:选择叫跑腿取货,运费需单独报销,请保留好运费支付凭证
📦 线下门店采购(工程师自提)
需要上传 4 张凭证
凭证 4:配件照(每个配件都需要) *
📖 查看示例图空调压缩机 KT-YSJ-001
空调电容 KT-DL-002
空调支架 KT-ZJ-003
要求:每个配件都需要单独拍摄,清晰展示配件外观、标签、型号
🚚 线下门店采购(叫跑腿取货)
需要上传 4 张凭证
📦 普通网购
需要上传 1 张凭证
凭证:网购订单详情 *
📖 查看示例图要求:电商平台订单详情页,显示商品、金额、下单时间
📝 说明:如果是新机,需要上传发票和网购订单详情,工程师可以自行上传两张图片
✅ 2026-03-14 修正:普通网购类型工单不需要上传配件照片和支付记录,仅需上传网购订单详情即可
配件:空调压缩机
新旧配件合照
12
库存配件数
¥2,340
库存总金额
3
待核销配件
库存配件列表
空调压缩机
充足编码:KT-YSJ-001 | 类别:空调配件
购入数量
10 个
已使用
1 个
当前库存
9 个
空调电容
充足编码:KT-DL-002 | 类别:空调配件
购入数量
5 个
已使用
0 个
当前库存
5 个
从个人库存中选择要使用的配件
本次在用户家中实际使用的数量
📦 使用后库存变化
当前库存:9 个
使用数量:1 个
剩余库存:8 个
| 超标类型 | 配置判断 | 处理方式 |
|---|---|---|
| 备件数量超标 | - | ❌ 不允许提交,无需报备 |
| 使用数量超标 | 超量可提交=是 | ✅ 允许提交,需要报备截图 |
| 使用数量超标 | 超量可提交=否 | ❌ 不允许提交 |
| 单价超标 | 超额可提交=是 | ✅ 允许提交,需要报备截图 |
| 单价超标 | 超额可提交=否 | ❌ 不允许提交 |
场景 1:备件数量超标
⚠️ 备件数量超标
配件:空调压缩机
该配件一次性只能备 10 个,请减少配件数量
场景 2:使用数量超标(允许提交)
⚠️ 使用数量超标
配件:空调电容
该配件的使用数量超过常规值,请上传领导审批钉钉截图
场景 3:使用数量超标(不允许提交)
⚠️ 使用数量超标
配件:空调电容
该配件的使用数量超过常规值,不允许提交,请减少数量。
场景 4:单价超标(允许提交)
⚠️ 单价超标
配件:空调压缩机
该配件的单价超过市场价,请上传领导审批钉钉截图。
场景 5:单价超标(不允许提交)
⚠️ 单价超标
配件:空调压缩机
该配件的单价超过市场价,不允许提交。
工单号
GD20260313001
工程师
张三
提交时间
2026-03-13 15:30
采购渠道
线下门店
配件名称
空调压缩机
金额
¥580
配件照片
发票照片
支付记录
新旧合照
工单号
GD20260313002
工程师
李四
提交时间
2026-03-13 14:20
采购渠道
普通网购
配件名称
空调电容
金额
¥45
配件照片
发票照片
支付记录
新旧合照
| 配件编码 | 配件名称 | 产品 | 一级分类 | 二级分类 | 三级分类 | 标准用量 | 最大用量 | 超量可提交 | 标准价 (元) | 最大单价 | 超额可提交 | 是否可备件 | 最大备件数 | 操作 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| KT-YSJ-001 | 空调压缩机 | 空调 3 匹 | 空调配件 | 核心部件 | 压缩机 | 1 | 2 | 是 | 580 | 650 | 是 | 是 | 5 | 编辑 删除 | |
| KT-DL-002 | 空调电容 | 空调 1.5 匹 | 空调配件 | 电气部件 | 电容 | 2 | 3 | 否 | 45 | 50 | 否 | 否 | - | 编辑 删除 | |
| BX-WDK-003 | 冰箱温控器 | 双门冰箱 | 冰箱配件 | 控制部件 | 温控器 | 1 | 1 | 否 | 120 | 120 | 否 | 是 | 3 | 编辑 删除 |
已选择 0 项,共 3 项
配件照片
编辑发票照片
编辑支付记录
编辑旧配件照
编辑流程步骤:
流程步骤:
流程步骤:
📋 设计说明:管理后台新增工程师外报库存管理功能,支持查看所有工程师的库存数据(包含线下门店采购和普通网购),支持查看、导出、禁用操作
管理所有工程师的外报配件库存数据
156
工程师总数
2,340
库存配件总数
¥458,920
库存总金额
3
已禁用工程师
| 验收项 | 标准 | 状态 |
|---|---|---|
| UI 设计规范 | 色彩/字体/组件规范完整 | ✅ 通过 |
| 工程师端 UI | 5 个页面 UI 图完整 | ✅ 通过 |
| 审核员端 UI(PC 端) | 2 个页面 UI 图完整 | ✅ 通过 |
| 后台管理 UI | 3 个页面 UI 图完整(含工程师库存管理) | ✅ 通过 |
| 交互原型 | 采购/审核/核销流程完整 | ✅ 通过 |
| 设计一致性 | 11 个页面风格统一 | ✅ 通过 |