让凭证数组与套餐作废任务进入可联调状态

Constraint: 后端订单套餐作废接口使用 /api/admin/order-package-invalidate-tasks，上传
  purpose 只能使用 attachment。
  Rejected: 继续提交逗号拼接凭证字符串 | 新提交路径必须使用 string[]，历史字符串只做读取归一化。
  Confidence: high
  Scope-risk: broad
  Directive: 新增订单套餐作废权限时需同时配置菜单 URL 与
  order_package_invalidate_task:create/detail 按钮权限。
  Tested: bun run build；development 真实后端联调上传、创建、列表、详情通过；复机接口未触发。
  Not-tested: 未逐一手工覆盖所有历史凭证数据、全部角色权限组合和所有文件扩展名预览

src/views/finance/refund/index.vue

@@ -49,7 +49,10 @@
         <CreateRefundDialog v-model="createDialogVisible" @success="handleCreateSuccess" />
 
         <!-- 退款凭证预览 -->
-        <PaymentVoucherDialog :file-key="refundVoucherFileKey" @close="refundVoucherFileKey = ''" />
+        <PaymentVoucherDialog
+          :file-keys="refundVoucherFileKeys"
+          @close="refundVoucherFileKeys = []"
+        />
 
         <!-- 审批通过对话框 -->
         <ElDialog
@@ -217,12 +220,26 @@
                 placeholder="请输入退款原因"
               />
             </ElFormItem>
+            <ElFormItem label="退款凭证" prop="refund_voucher_key">
+              <VoucherUpload
+                ref="resubmitUploadRef"
+                v-model="resubmitForm.refund_voucher_key"
+                voucher-name="退款凭证"
+                @uploading-change="resubmitVoucherUploading = $event"
+                @change="resubmitFormRef?.validateField('refund_voucher_key')"
+              />
+            </ElFormItem>
           </ElForm>
           <template #footer>
             <div class="dialog-footer">
               <ElButton @click="resubmitDialogVisible = false">取消</ElButton>
-              <ElButton type="primary" @click="handleResubmitRefund" :loading="resubmitLoading">
-                确认提交
+              <ElButton
+                type="primary"
+                @click="handleResubmitRefund"
+                :loading="resubmitLoading || resubmitVoucherUploading"
+                :disabled="resubmitVoucherUploading"
+              >
+                {{ resubmitVoucherUploading ? '凭证上传中...' : '确认提交' }}
               </ElButton>
             </div>
           </template>
@@ -250,8 +267,10 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { fenToYuan, formatDateTime, yuanToFen } from '@/utils/business/format'
+  import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
   import { RoutesAlias } from '@/router/routesAlias'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
+  import VoucherUpload from '@/components/business/VoucherUpload.vue'
 
   import { useAuth } from '@/composables/useAuth'
 
@@ -266,14 +285,16 @@
   const rejectLoading = ref(false)
   const returnLoading = ref(false)
   const resubmitLoading = ref(false)
+  const resubmitVoucherUploading = ref(false)
   const tableRef = ref()
+  const resubmitUploadRef = ref<InstanceType<typeof VoucherUpload>>()
   const createDialogVisible = ref(false)
   const approveDialogVisible = ref(false)
   const rejectDialogVisible = ref(false)
   const returnDialogVisible = ref(false)
   const resubmitDialogVisible = ref(false)
   const currentRefund = ref<Refund | null>(null)
-  const refundVoucherFileKey = ref('')
+  const refundVoucherFileKeys = ref<string[]>([])
 
   // 搜索表单初始值
   const initialSearchState: RefundQueryParams = {
@@ -410,10 +431,12 @@
   const resubmitForm = reactive<{
     requested_refund_amount?: number
     actual_received_amount?: number
+    refund_voucher_key: string[]
     refund_reason?: string
   }>({
     requested_refund_amount: undefined,
     actual_received_amount: undefined,
+    refund_voucher_key: [],
     refund_reason: ''
   })
 
@@ -812,6 +835,7 @@
     // 预填充原有数据
     resubmitForm.requested_refund_amount = fenToYuan(row.requested_refund_amount) || undefined
     resubmitForm.actual_received_amount = fenToYuan(row.actual_received_amount) || undefined
+    resubmitForm.refund_voucher_key = []
     resubmitForm.refund_reason = row.refund_reason
     resubmitDialogVisible.value = true
   }
@@ -821,13 +845,20 @@
     resubmitFormRef.value?.resetFields()
     resubmitForm.requested_refund_amount = undefined
     resubmitForm.actual_received_amount = undefined
+    resubmitForm.refund_voucher_key = []
     resubmitForm.refund_reason = ''
+    resubmitVoucherUploading.value = false
+    resubmitUploadRef.value?.clearFiles(false)
     currentRefund.value = null
   }
 
   // 重新提交
   const handleResubmitRefund = async () => {
     if (!resubmitFormRef.value || !currentRefund.value) return
+    if (resubmitVoucherUploading.value) {
+      ElMessage.warning('退款凭证上传中，请稍候')
+      return
+    }
 
     await resubmitFormRef.value.validate(async (valid) => {
       if (valid) {
@@ -840,6 +871,9 @@
             actual_received_amount: yuanToFen(resubmitForm.actual_received_amount),
             refund_reason: resubmitForm.refund_reason || undefined
           }
+          if (hasVoucherKeys(resubmitForm.refund_voucher_key)) {
+            data.refund_voucher_key = toVoucherKeyList(resubmitForm.refund_voucher_key)
+          }
 
           await RefundService.resubmitRefund(refundId, data)
           ElMessage.success('重新提交成功')
@@ -873,7 +907,7 @@
   // 获取操作按钮
   const getActions = (row: Refund) => {
     const actions: any[] = []
-    const voucherKey = row.refund_voucher_key
+    const voucherKeys = toVoucherKeyList(row.refund_voucher_key)
 
     // 待审批状态可以打回重填、审批通过或审批拒绝
     if (row.status === 1) {
@@ -912,7 +946,7 @@
       })
     }
 
-    if (voucherKey && hasAuth('refund:view_voucher')) {
+    if (voucherKeys.length && hasAuth('refund:view_voucher')) {
       actions.push({
         label: '查看退款凭证',
         handler: () => handleViewRefundVoucher(row),
@@ -925,8 +959,8 @@
 
   const handleViewRefundVoucher = (row: Refund) => {
     const voucherKey = row.refund_voucher_key
-    if (!voucherKey) return
-    refundVoucherFileKey.value = voucherKey
+    if (!hasVoucherKeys(voucherKey)) return
+    refundVoucherFileKeys.value = toVoucherKeyList(voucherKey)
   }
 </script>