fix

apps/web-antd/src/views/agent/agent-withdrawal/data.ts

@@ -14,6 +14,18 @@ export function useWithdrawalColumns(): VxeTableGridOptions['columns'] {
       width: 120,
       formatter: ({ cellValue }) => `¥${cellValue?.toFixed(2) || '0.00'}`,
     },
+    {
+      title: '扣税金额',
+      field: 'tax_amount',
+      width: 120,
+      formatter: ({ cellValue }) => `¥${cellValue?.toFixed(2) || '0.00'}`,
+    },
+    {
+      title: '实际转账金额',
+      field: 'actual_amount',
+      width: 120,
+      formatter: ({ cellValue }) => `¥${cellValue?.toFixed(2) || '0.00'}`,
+    },
     {
       title: '提现类型',
       field: 'withdraw_type',

apps/web-antd/src/views/agent/agent-withdrawal/list.vue

@@ -92,7 +92,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       <template #operation="{ row }">
         <Space>
           <Button
-            v-if="row.withdraw_type === 2 && row.status === 1"
+            v-if="row.status === 1"
             type="link"
             @click="onActionClick({ code: 'review', row })"
           >

apps/web-antd/src/views/agent/agent-withdrawal/modules/review-modal.vue

@@ -7,6 +7,7 @@ import { message } from 'ant-design-vue';
 
 import { useVbenForm } from '#/adapter/form';
 import { reviewBankCardWithdrawal } from '#/api/agent';
+import type { VbenFormSchema } from '#/adapter/form';
 
 const emit = defineEmits<{
   (e: 'success'): void;
@@ -14,8 +15,8 @@ const emit = defineEmits<{
 
 const formData = ref<any>(null);
 
-const [Form, formApi] = useVbenForm({
+// 表单配置（包含所有字段）
-  schema: [
+const getFormSchema = (): VbenFormSchema[] => [
   {
     component: 'Input',
     fieldName: 'withdraw_no',
@@ -24,6 +25,14 @@ const [Form, formApi] = useVbenForm({
       disabled: true,
     },
   },
+  {
+    component: 'Input',
+    fieldName: 'withdraw_type',
+    label: '提现类型',
+    componentProps: {
+      disabled: true,
+    },
+  },
   {
     component: 'InputNumber',
     fieldName: 'amount',
@@ -36,6 +45,7 @@ const [Form, formApi] = useVbenForm({
       addonBefore: '¥',
     },
   },
+  // 银行卡提现特有字段：扣税金额
   {
     component: 'InputNumber',
     fieldName: 'tax_amount',
@@ -47,7 +57,12 @@ const [Form, formApi] = useVbenForm({
       style: { width: '100%' },
       addonBefore: '¥',
     },
+    dependencies: {
+      show: (values) => values.withdraw_type === '银行卡',
+      triggerFields: ['withdraw_type'],
     },
+  },
+  // 银行卡提现特有字段：实际转账金额
   {
     component: 'InputNumber',
     fieldName: 'actual_amount',
@@ -59,15 +74,21 @@ const [Form, formApi] = useVbenForm({
       style: { width: '100%' },
       addonBefore: '¥',
     },
+    dependencies: {
+      show: (values) => values.withdraw_type === '银行卡',
+      triggerFields: ['withdraw_type'],
     },
+  },
+  // 银行卡和支付宝都有：收款账号
   {
     component: 'Input',
-      fieldName: 'bank_card_no',
+    fieldName: 'payee_account',
-      label: '银行卡号',
+    label: '收款账号',
     componentProps: {
       disabled: true,
     },
   },
+  // 银行卡提现特有字段：开户支行
   {
     component: 'Input',
     fieldName: 'bank_name',
@@ -75,7 +96,12 @@ const [Form, formApi] = useVbenForm({
     componentProps: {
       disabled: true,
     },
+    dependencies: {
+      show: (values) => values.withdraw_type === '银行卡',
+      triggerFields: ['withdraw_type'],
     },
+  },
+  // 银行卡提现特有字段：收款人姓名
   {
     component: 'Input',
     fieldName: 'payee_name',
@@ -83,6 +109,10 @@ const [Form, formApi] = useVbenForm({
     componentProps: {
       disabled: true,
     },
+    dependencies: {
+      show: (values) => values.withdraw_type === '银行卡',
+      triggerFields: ['withdraw_type'],
+    },
   },
   {
     component: 'RadioGroup',
@@ -109,11 +139,16 @@ const [Form, formApi] = useVbenForm({
       style: { width: '100%' },
     },
   },
-  ],
+];
+
+const [Form, formApi] = useVbenForm({
+  schema: getFormSchema(),
   showDefaultActions: false,
+  wrapperClass: 'agent-withdrawal-form-wrapper',
 });
 
 const [Drawer, drawerApi] = useVbenDrawer({
+  class: 'agent-withdrawal-review-drawer',
   async onConfirm() {
     const { valid } = await formApi.validate();
     if (!valid) return;
@@ -153,30 +188,70 @@ const [Drawer, drawerApi] = useVbenDrawer({
       formApi.resetForm();
       if (data) {
         formData.value = data;
-        // 设置表单初始值
+
-        formApi.setValues({
+        // 根据提现类型设置不同的表单初始值
+        const typeMap: Record<number, string> = {
+          1: '支付宝',
+          2: '银行卡',
+        };
+        const initialValues: any = {
           withdraw_no: data.withdraw_no || '',
+          withdraw_type: typeMap[data.withdraw_type] || '未知',
           amount: data.amount || 0,
-          tax_amount: data.tax_amount || 0,
-          actual_amount: data.actual_amount || 0,
-          bank_card_no: data.bank_card_no || '',
-          bank_name: data.bank_name || '',
-          payee_name: data.payee_name || '',
           action: 1, // 默认选择确认
           remark: '',
-        });
+        };
+
+        // 银行卡提现特有字段
+        if (data.withdraw_type === 2) {
+          initialValues.tax_amount = data.tax_amount || 0;
+          initialValues.actual_amount = data.actual_amount || 0;
+          initialValues.payee_account = data.bank_card_no || '';
+          initialValues.bank_name = data.bank_name || '';
+          initialValues.payee_name = data.payee_name || '';
+        } else {
+          // 支付宝提现
+          initialValues.tax_amount = data.tax_amount || 0;
+          initialValues.actual_amount = data.actual_amount || 0;
+          initialValues.payee_account = data.payee_account || '';
+        }
+
+        formApi.setValues(initialValues);
       }
     }
   },
 });
 
 const getDrawerTitle = computed(() => {
-  return `银行卡提现审核 ${formData.value?.withdraw_no || ''}`;
+  const typeMap: Record<number, string> = {
+    1: '支付宝',
+    2: '银行卡',
+  };
+  const typeName = typeMap[formData.value?.withdraw_type] || '未知';
+  return `${typeName}提现审核 ${formData.value?.withdraw_no || ''}`;
 });
 </script>
 
 <template>
-  <Drawer :title="getDrawerTitle" width="600">
+  <Drawer :title="getDrawerTitle" :width="800">
+    <div class="agent-withdrawal-review-content">
       <Form />
+    </div>
   </Drawer>
 </template>
+
+<style scoped>
+.agent-withdrawal-review-content {
+  padding: 0 4px;
+  max-height: calc(100vh - 120px);
+  overflow-y: auto;
+}
+
+.agent-withdrawal-review-content :deep(.ant-form-item) {
+  margin-bottom: 16px;
+}
+
+.agent-withdrawal-review-content :deep(.ant-form-item-label) {
+  padding-bottom: 4px;
+}
+</style>