37 lines
1.8 KiB
Markdown
37 lines
1.8 KiB
Markdown
# Change: 更新支付凭证拖拽上传交互
|
|
|
|
## Why
|
|
|
|
当前后台已有“创建订单”和“创建充值订单”两个线下支付凭证上传入口，但都只支持点击选择文件，不支持把图片直接拖入上传区域。
|
|
|
|
对于运营后台高频处理线下支付的场景，拖拽上传是更直接的交互方式；如果两个入口交互不一致，也会增加学习成本和误操作概率。
|
|
|
|
## What Changes
|
|
|
|
- 更新订单管理中的“创建订单”弹窗支付凭证上传区：
|
|
- 支持拖拽图片上传
|
|
- 保留现有单文件限制、图片类型校验、5MB 大小校验、异步上传和上传中禁提交流程
|
|
- 更新资产信息中的“创建充值订单”弹窗支付凭证上传区：
|
|
- 支持拖拽图片上传
|
|
- 保留现有单文件限制、图片类型校验、5MB 大小校验、异步上传和上传中禁提交流程
|
|
- 更新财务管理中的“创建充值订单”弹窗支付凭证上传区：
|
|
- 支持拖拽图片上传
|
|
- 保留现有单文件限制、图片类型校验、5MB 大小校验和异步上传流程
|
|
- 统一两个入口的拖拽上传文案和基础视觉结构，明确支持“拖到此处”与“点击选择”
|
|
|
|
## Impact
|
|
|
|
- Affected specs:
|
|
- `order-management`
|
|
- `asset-information`
|
|
- `agent-recharge`
|
|
- Affected code:
|
|
- `src/views/order-management/order-list/index.vue`
|
|
- `src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue`
|
|
- `src/views/finance/agent-recharge/index.vue`
|
|
- Dependencies:
|
|
- 复用现有 `StorageService.getUploadUrl()` 与 `StorageService.uploadFile()` 上传流程
|
|
- 与活跃变更 `update-order-upload-and-device-switch-mode` 共享订单创建支付凭证上传能力
|
|
- Breaking changes:
|
|
- 无接口或请求参数变更，仅前端上传交互增强
|