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