Files
one-pipe-system/openspec/changes/update-payment-voucher-drag-upload/proposal.md
sexygoat 6654972ddb
All checks were successful
构建并部署前端到测试环境 / build-and-deploy (push) Successful in 4m27s
feat: 新增退款凭证
2026-05-27 14:58:37 +08:00

1.8 KiB

Change: 更新支付凭证拖拽上传交互

Why

当前后台已有“创建订单”和“创建充值订单”两个线下支付凭证上传入口,但都只支持点击选择文件,不支持把图片直接拖入上传区域。

对于运营后台高频处理线下支付的场景,拖拽上传是更直接的交互方式;如果两个入口交互不一致,也会增加学习成本和误操作概率。

What Changes

  • 更新订单管理中的“创建订单”弹窗支付凭证上传区:
    • 支持拖拽图片上传
    • 保留现有单文件限制、图片类型校验、异步上传和上传中禁提交流程
    • 不再做前端文件大小限制
  • 更新资产信息中的“创建充值订单”弹窗支付凭证上传区:
    • 支持拖拽图片上传
    • 保留现有单文件限制、图片类型校验、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:
    • 无接口或请求参数变更,仅前端上传交互增强