feat: 更新提现功能，新增提现方式和状态枚举，优化提现审批流程

src/views/withdraw/approved/index.vue

@@ -1,9 +1,11 @@
 <script lang="ts" setup>
-import { h, ref, useTemplateRef } from 'vue';
-import { NDatePicker, NInputNumber, useDialog, useMessage } from 'naive-ui';
-import dayjs from 'dayjs';
+import { h, useTemplateRef } from 'vue';
+import { useDateFormat } from '@vueuse/core';
+import { useDialog, useMessage } from 'naive-ui';
 import { client, safeClient } from '@/service/api';
-import type { TableBaseColumns, TableFetchData, TableInst } from '@/components/table';
+import type { TableBaseColumns, TableFetchData, TableFilterColumns, TableInst } from '@/components/table';
+import { WithdrawMethodEnum, WithdrawStatusEnum } from '@/enum';
+import Complete from './components/complete.vue';
 
 const dialog = useDialog();
 const message = useMessage();
@@ -25,57 +27,54 @@ const columns: TableBaseColumns = [
     title: 'ID',
     key: 'id'
   },
+  {
+    title: '资产账户',
+    key: 'assetCode'
+  },
   {
     title: '提现金额',
-    key: 'amount'
+    key: 'amount',
+    render: row => {
+      return Number(row.amount).toFixed(2);
+    }
   },
   {
     title: '实际到账金额',
-    key: 'actualAmount'
+    key: 'actualAmount',
+    render: row => {
+      return Number(row.actualAmount).toFixed(2);
+    }
   },
   {
-    title: '资产代码',
-    key: 'assetCode'
+    title: '提现方式',
+    key: 'withdrawMethod',
+    render: row => {
+      return WithdrawMethodEnum[row.withdrawMethod as keyof typeof WithdrawMethodEnum];
+    }
   },
   {
     title: '银行卡ID',
     key: 'bankAccountId'
   },
   {
-    title: '银行转账凭证',
-    key: 'bankTransferProof'
-  },
-  {
-    title: '现金代理ID',
-    key: 'cashAgentId'
-  },
-  {
-    title: '现金提取时间',
-    key: 'cashPickedUpAt',
-    render(row: any) {
-      return h('span', {}, row.cashPickedUpAt ? dayjs(row.cashPickedUpAt).format('YYYY-MM-DD HH:mm:ss') : '-');
+    title: '手续费',
+    key: 'fee',
+    render: row => {
+      return Number(row.fee).toFixed(2);
     }
   },
-  { title: '现金提取码', key: 'cashPickupCode' },
   {
-    title: 'createdAt',
+    title: '状态',
+    key: 'status',
+    render: row => {
+      return WithdrawStatusEnum[row.status as keyof typeof WithdrawStatusEnum];
+    }
+  },
+  {
+    title: '创建时间',
     key: 'createdAt',
-    render(row: any) {
-      return h('span', {}, row.createdAt ? dayjs(row.createdAt).format('YYYY-MM-DD HH:mm:ss') : '-');
-    }
-  },
-  {
-    title: 'updatedAt',
-    key: 'updatedAt',
-    render(row: any) {
-      return h('span', {}, row.updatedAt ? dayjs(row.updatedAt).format('YYYY-MM-DD HH:mm:ss') : '-');
-    }
-  },
-  {
-    title: 'deletedAt',
-    key: 'deletedAt',
-    render(row: any) {
-      return h('span', {}, row.deletedAt ? dayjs(row.deletedAt).format('YYYY-MM-DD HH:mm:ss') : '-');
+    render: (row: any) => {
+      return useDateFormat(row.createdAt, 'YYYY-MM-DD HH:mm').value;
     }
   },
   {
@@ -85,30 +84,41 @@ const columns: TableBaseColumns = [
     width: 160,
     operations: (row: any) => [
       {
-        contentText: '编辑',
+        contentText: '完成',
         type: 'primary',
+        ghost: true,
         onClick: () => {
-          tableInst.value?.reload();
+          const dialogInstance = dialog.create({
+            title: '提示',
+            style: { width: '600px' },
+            content: () =>
+              h(Complete, {
+                data: row,
+                onClose: () => {
+                  dialogInstance.destroy();
+                  tableInst.value?.reload();
+                }
+              })
+          });
         }
       },
       {
-        contentText: '删除',
+        contentText: '拒绝',
         type: 'error',
         ghost: true,
-        size: 'small',
         onClick: async () => {
           dialog.create({
             title: '提示',
             positiveText: '是',
             negativeText: '否',
-            content: '确认删除该银行信息？',
+            content: '确定拒绝该提现申请吗？',
             onPositiveClick: async () => {
-              safeClient(() =>
+              await safeClient(() =>
                 client.api.admin.deposit.reject({ orderId: row.id as string }).post({
                   reviewNote: '管理员拒绝充值'
                 })
               );
-              // tableInst.value?.reload();
+              tableInst.value?.reload();
               message.success('删除成功');
             }
           });
@@ -127,7 +137,13 @@ const filterColumns: TableFilterColumns = [
 </script>
 
 <template>
-  <TableBase ref="tableInst" :columns="columns" :filter-columns="filterColumns" :fetch-data="fetchData" />
+  <TableBase
+    ref="tableInst"
+    show-header-operation
+    :columns="columns"
+    :filter-columns="filterColumns"
+    :fetch-data="fetchData"
+  />
 </template>
 
 <style lang="css" scoped></style>