feat: 新增退款凭证

src/views/finance/refund/index.vue

@@ -36,7 +36,7 @@
           :marginTop="10"
           :actions="getActions"
           :actionsWidth="220"
-          :inlineActionsCount="3"
+          :inlineActionsCount="2"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         >
@@ -48,6 +48,9 @@
         <!-- 创建退款申请对话框 -->
         <CreateRefundDialog v-model="createDialogVisible" @success="handleCreateSuccess" />
 
+        <!-- 退款凭证预览 -->
+        <PaymentVoucherDialog :file-key="refundVoucherFileKey" @close="refundVoucherFileKey = ''" />
+
         <!-- 审批通过对话框 -->
         <ElDialog
           v-model="approveDialogVisible"
@@ -248,6 +251,7 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { fenToYuan, formatDateTime, yuanToFen } from '@/utils/business/format'
   import { RoutesAlias } from '@/router/routesAlias'
+  import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
 
   import { useAuth } from '@/composables/useAuth'
 
@@ -269,6 +273,7 @@
   const returnDialogVisible = ref(false)
   const resubmitDialogVisible = ref(false)
   const currentRefund = ref<Refund | null>(null)
+  const refundVoucherFileKey = ref('')
 
   // 搜索表单初始值
   const initialSearchState: RefundQueryParams = {
@@ -364,7 +369,6 @@
     { label: '审批时间', prop: 'processed_at' }
   ]
 
-  const createFormRef = ref<FormInstance>()
   const approveFormRef = ref<FormInstance>()
   const rejectFormRef = ref<FormInstance>()
   const returnFormRef = ref<FormInstance>()
@@ -856,6 +860,7 @@
   // 获取操作按钮
   const getActions = (row: Refund) => {
     const actions: any[] = []
+    const voucherKey = row.refund_voucher_key
 
     // 待审批状态可以打回重填、审批通过或审批拒绝
     if (row.status === 1) {
@@ -894,8 +899,22 @@
       })
     }
 
+    if (voucherKey && hasAuth('refund:view_voucher')) {
+      actions.push({
+        label: '查看退款凭证',
+        handler: () => handleViewRefundVoucher(row),
+        type: 'primary'
+      })
+    }
+
     return actions
   }
+
+  const handleViewRefundVoucher = (row: Refund) => {
+    const voucherKey = row.refund_voucher_key
+    if (!voucherKey) return
+    refundVoucherFileKey.value = voucherKey
+  }
 </script>
 
 <style scoped lang="scss">