重要说明：本页面包含 Gate5 UI 设计的所有更新内容，包括：
✓ 购买数量校验（最大备件数） ✓ 单价校验（标准价×1.1） ✓ 删除使用数量字段 ✓ 凭证示例图功能
✓ 购买数量校验（最大备件数） ✓ 单价校验（标准价×1.1） ✓ 删除使用数量字段 ✓ 凭证示例图功能
📊 操作流程总览
🛒 操作流程
- 工单详情 → 选择配件
- 选择 SKU（自动过滤匹配产品）
- 填写采购信息（购买数量/单价）
- 实时校验（最大值判断）
- 上传凭证（可看示例图）
- 提交报销
✅ 审核流程
- 系统自动审核
- 超标转人工审核
- 审核员查看凭证
- 审核通过/驳回
- 通知工程师
🔄 核心更新内容
✅ 已完成的 UI 优化
🔢 更新 1：购买数量最大值校验
UI 设计要求：在填写采购信息页面，必须实时校验购买数量是否超过最大备件数。
实现效果：输入购买数量时，下方显示"最大备件数：X 个"，超标时显示红色错误提示。
示例：压缩机最大备件数为 5 个，输入 6 个时显示错误"购买数量 6 超过最大备件数 5 个"。
实现效果：输入购买数量时，下方显示"最大备件数：X 个"，超标时显示红色错误提示。
示例：压缩机最大备件数为 5 个，输入 6 个时显示错误"购买数量 6 超过最大备件数 5 个"。
💰 更新 2：单价最大值校验
UI 设计要求：在填写采购信息页面，必须实时校验单价是否超过最大单价（标准价×1.1）。
实现效果：输入单价时，下方显示"标准价：¥X | 最高：¥Y"，超标时显示红色错误提示。
示例：压缩机标准价¥300，最高价¥330，输入¥350 时显示错误"单价 350 超过最高限价 330 元"。
实现效果：输入单价时，下方显示"标准价：¥X | 最高：¥Y"，超标时显示红色错误提示。
示例：压缩机标准价¥300，最高价¥330，输入¥350 时显示错误"单价 350 超过最高限价 330 元"。
❌ 更新 3：删除使用数量字段
UI 设计要求：填写采购信息页面不需要使用数量字段。
实现效果：采购信息页面仅包含：SKU 选择、购买数量、单价，无使用数量输入框。
原因：简化操作流程，使用数量在配件使用环节填写。
实现效果：采购信息页面仅包含：SKU 选择、购买数量、单价，无使用数量输入框。
原因：简化操作流程，使用数量在配件使用环节填写。
🖼️ 更新 4：凭证示例图功能
UI 设计要求：每个凭证上传项都有"📖 查看示例图"链接。
实现效果：点击"查看示例"按钮，弹出对话框显示该凭证的示例图片。
示例：门头照、购买单据、支付截图等都有对应的示例图。
待完善：需要使用真实示例图片，而非占位符。
实现效果：点击"查看示例"按钮，弹出对话框显示该凭证的示例图片。
示例：门头照、购买单据、支付截图等都有对应的示例图。
待完善：需要使用真实示例图片，而非占位符。
📋 功能特性对比
| 功能特性 | UI 设计要求 | 当前实现 | 状态 |
|---|---|---|---|
| 购买数量校验 | ≤ 最大备件数 | ✅ 按配件配置的最大备件数校验 | ✅ 完成 |
| 单价校验 | ≤ 标准价×1.1 | ✅ 按标准价×1.1 校验 | ✅ 完成 |
| 使用数量 | 采购页面不填写 | ✅ 已删除该字段 | ✅ 完成 |
| 凭证示例图 | 每个凭证可查看 | ✅ 功能已实现，需真实图片 | ⚠️ 待完善 |
| 实时校验 | 输入时立即校验 | ✅ 输入时实时校验 | ✅ 完成 |
| UI 提示 | 显示限值提示 | ✅ 显示最大备件数/限价 | ✅ 完成 |
🎯 详细功能说明
📝 填写采购信息
- SKU 选择（自动过滤匹配产品）
- 购买数量输入（最大备件数校验）
- 单价输入（标准价×1.1 校验）
- 实时错误提示
- 限值提示显示
📸 上传凭证
- 根据采购渠道显示对应凭证
- 每个凭证可查看示例图
- 支持拖拽上传
- 图片格式限制（JPG/PNG/GIF）
- 大小限制（5MB）
✅ 自动审核
- 购买数量校验
- 单价校验
- 凭证数量校验
- 超标转人工审核
- 审核结果通知
📊 数据管理
- 配件基础信息配置
- 最大备件数配置
- 标准价/限价配置
- 示例图管理（待开发）
- 超量/超额可提交配置