# 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:
  - 无接口或请求参数变更，仅前端上传交互增强