feat: 7月迭代

src/views/finance/agent-recharge/index.vue

@@ -24,6 +24,9 @@
               v-if="hasAuth('agent_recharge:create')"
               >创建充值订单</ElButton
             >
+            <ElButton v-if="hasAuth('agent_recharge:export')" @click="exportDialogVisible = true">
+              导出
+            </ElButton>
           </template>
         </ArtTableHeader>
 
@@ -66,7 +69,7 @@
                 placeholder="请输入充值金额（元）"
               />
               <div style="margin-top: 8px; font-size: 12px; color: var(--el-text-color-secondary)">
-                最小: ¥0.01，最大: 不限制
+                最小: ¥0.01，最大: ¥1,000,000.00
               </div>
             </ElFormItem>
             <ElFormItem label="支付方式" prop="payment_method">
@@ -129,6 +132,15 @@
           </template>
         </ElDialog>
 
+        <!-- 导出任务对话框 -->
+        <ExportTaskCreateDialog
+          v-model="exportDialogVisible"
+          scene="agent_recharge"
+          :query="exportQuery"
+          confirm-permission="agent_recharge:export"
+          title="导出代理充值"
+        />
+
         <!-- 确认线下支付对话框 -->
         <ElDialog
           v-model="confirmPayDialogVisible"
@@ -245,6 +257,7 @@
   import { useAuth } from '@/composables/useAuth'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
+  import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
   import { buildAgentRechargeActions } from './agentRechargeActions'
   import { formatRejectionReason } from './agentRechargeDisplay'
 
@@ -260,6 +273,7 @@
   const rejectLoading = ref(false)
   const tableRef = ref()
   const createDialogVisible = ref(false)
+  const exportDialogVisible = ref(false)
   const confirmPayDialogVisible = ref(false)
   const rejectDialogVisible = ref(false)
   const currentRecharge = ref<AgentRecharge | null>(null)
@@ -336,8 +350,11 @@
       placeholder: '请选择状态',
       options: [
         { label: '待支付', value: 1 },
-        { label: '已完成', value: 2 },
-        { label: '已取消', value: 3 }
+        { label: '已支付', value: 2 },
+        { label: '已完成', value: 3 },
+        { label: '已关闭', value: 4 },
+        { label: '已退款', value: 5 },
+        { label: '已驳回', value: 6 }
       ],
       config: {
         clearable: true
@@ -370,16 +387,19 @@
     { label: '店铺名称', prop: 'shop_name' },
     { label: '充值金额', prop: 'amount' },
     { label: '状态', prop: 'status' },
+    { label: '审批渠道', prop: 'approval_provider' },
     { label: '提交人', prop: 'submitter_name' },
     { label: '审批状态', prop: 'approval_status' },
     { label: '当前审批人摘要', prop: 'current_approver_summary' },
     { label: '业务处理状态', prop: 'processing_status_name' },
     { label: '支付方式', prop: 'payment_method' },
     { label: '支付通道', prop: 'payment_channel' },
+    { label: '运营备注', prop: 'remark' },
     { label: '驳回原因', prop: 'rejection_reason' },
     { label: '创建时间', prop: 'created_at' },
     { label: '支付时间', prop: 'paid_at' },
-    { label: '完成时间', prop: 'completed_at' }
+    { label: '完成时间', prop: 'completed_at' },
+    { label: '更新时间', prop: 'updated_at' }
   ]
 
   const createFormRef = ref<FormInstance>()
@@ -387,6 +407,7 @@
   const rejectFormRef = ref<FormInstance>()
   const uploadRef = ref<InstanceType<typeof VoucherUpload>>()
   const MIN_RECHARGE_AMOUNT = 0.01
+  const MAX_RECHARGE_AMOUNT = 1_000_000
 
   const createRules = computed<FormRules>(() => {
     const rules: FormRules = {
@@ -402,6 +423,10 @@
               callback(new Error(`充值金额最小为 ¥${MIN_RECHARGE_AMOUNT.toFixed(2)}`))
               return
             }
+            if (Number(value) > MAX_RECHARGE_AMOUNT) {
+              callback(new Error(`充值金额最大为 ¥${MAX_RECHARGE_AMOUNT.toFixed(2)}`))
+              return
+            }
             callback()
           },
           trigger: 'blur'
@@ -464,26 +489,12 @@
       2: 'success', // 已支付
       3: 'success', // 已完成
       4: 'info', // 已关闭
-       5: 'danger', // 已退款
-       6: 'danger' // 已驳回
+      5: 'danger', // 已退款
+      6: 'danger' // 已驳回
     }
     return statusMap[status] || 'info'
   }
 
-  // 获取状态文本（优先使用 status_name，否则使用本地映射）
-  const getStatusText = (status: AgentRechargeStatus, statusName?: string): string => {
-    if (statusName) return statusName
-    const statusMap: Record<AgentRechargeStatus, string> = {
-      1: '待支付',
-      2: '已支付',
-      3: '已完成',
-      4: '已关闭',
-       5: '已退款',
-       6: '已驳回'
-    }
-    return statusMap[status] || '-'
-  }
-
   // 获取支付方式文本
   const getPaymentMethodText = (method: AgentRechargePaymentMethod): string => {
     const methodMap: Record<AgentRechargePaymentMethod, string> = {
@@ -530,9 +541,17 @@
       label: '状态',
       width: 100,
       formatter: (row: AgentRecharge) => {
-        return h(ElTag, { type: getStatusType(row.status) }, () =>
-          getStatusText(row.status, row.status_name)
-        )
+        return h(ElTag, { type: getStatusType(row.status) }, () => row.status_name || '-')
+      }
+    },
+    {
+      prop: 'approval_provider',
+      label: '审批渠道',
+      width: 110,
+      formatter: (row: AgentRecharge) => {
+        if (row.approval_provider === 'wecom' || row.approval_source === 'wecom') return '企微'
+        if (row.approval_source === 'legacy') return '历史审批'
+        return row.approval_provider || row.approval_source || '-'
       }
     },
     {
@@ -605,6 +624,12 @@
       label: '完成时间',
       width: 180,
       formatter: (row: AgentRecharge) => (row.completed_at ? formatDateTime(row.completed_at) : '-')
+    },
+    {
+      prop: 'updated_at',
+      label: '更新时间',
+      width: 180,
+      formatter: (row: AgentRecharge) => formatDateTime(row.updated_at)
     }
   ])
 
@@ -711,6 +736,13 @@
     getTableData()
   }
 
+  const exportQuery = computed(() => ({
+    shop_id: searchForm.shop_id,
+    status: searchForm.status,
+    start_date: searchForm.start_date || searchForm.dateRange?.[0],
+    end_date: searchForm.end_date || searchForm.dateRange?.[1]
+  }))
+
   // 刷新表格
   const handleRefresh = () => {
     getTableData()