diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 1b63e95..68658b7 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -231,7 +231,8 @@ const local: App.I18n.Schema = {
     home: 'Home',
     product: 'Product',
     user: ' User',
-    news: 'News'
+    news: 'News',
+    withdraw: 'Withdraw'
   },
   page: {
     login: {
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index b9a4232..4472a26 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -227,7 +227,8 @@ const local: App.I18n.Schema = {
     home: '首页',
     product: '产品管理',
     user: '用户管理',
-    news: '新闻管理'
+    news: '新闻管理',
+    withdraw: '提现管理'
   },
   page: {
     login: {
diff --git a/src/router/elegant/imports.ts b/src/router/elegant/imports.ts
index 3454b50..fb19d70 100644
--- a/src/router/elegant/imports.ts
+++ b/src/router/elegant/imports.ts
@@ -24,4 +24,5 @@ export const views: Record<LastLevelRouteKey, RouteComponent | (() => Promise<Ro
   news: () => import("@/views/news/index.vue"),
   product: () => import("@/views/product/index.vue"),
   user: () => import("@/views/user/index.vue"),
+  withdraw: () => import("@/views/withdraw/index.vue"),
 };
diff --git a/src/router/elegant/routes.ts b/src/router/elegant/routes.ts
index 94a4b37..f1fec75 100644
--- a/src/router/elegant/routes.ts
+++ b/src/router/elegant/routes.ts
@@ -99,5 +99,14 @@ export const generatedRoutes: GeneratedRoute[] = [
       title: 'user',
       i18nKey: 'route.user'
     }
+  },
+  {
+    name: 'withdraw',
+    path: '/withdraw',
+    component: 'layout.base$view.withdraw',
+    meta: {
+      title: 'withdraw',
+      i18nKey: 'route.withdraw'
+    }
   }
 ];
diff --git a/src/router/elegant/transform.ts b/src/router/elegant/transform.ts
index 97bb034..f7a6c25 100644
--- a/src/router/elegant/transform.ts
+++ b/src/router/elegant/transform.ts
@@ -171,7 +171,8 @@ const routeMap: RouteMap = {
   "login": "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?",
   "news": "/news",
   "product": "/product",
-  "user": "/user"
+  "user": "/user",
+  "withdraw": "/withdraw"
 };
 
 /**
diff --git a/src/typings/elegant-router.d.ts b/src/typings/elegant-router.d.ts
index 4c2911d..daed5f1 100644
--- a/src/typings/elegant-router.d.ts
+++ b/src/typings/elegant-router.d.ts
@@ -26,6 +26,7 @@ declare module "@elegant-router/types" {
     "news": "/news";
     "product": "/product";
     "user": "/user";
+    "withdraw": "/withdraw";
   };
 
   /**
@@ -66,6 +67,7 @@ declare module "@elegant-router/types" {
     | "news"
     | "product"
     | "user"
+    | "withdraw"
   >;
 
   /**
@@ -91,6 +93,7 @@ declare module "@elegant-router/types" {
     | "news"
     | "product"
     | "user"
+    | "withdraw"
   >;
 
   /**
diff --git a/src/views/user/components/withdraw.vue b/src/views/user/components/withdraw.vue
index 99859ad..0a790d5 100644
--- a/src/views/user/components/withdraw.vue
+++ b/src/views/user/components/withdraw.vue
@@ -1,154 +1,17 @@
 <script lang="ts" setup>
-import { useTemplateRef } from 'vue';
-import dayjs from 'dayjs';
-import { client, safeClient } from '@/service/api';
-import type { TableBaseColumns, TableFetchData, TableInst } from '@/components/table';
+import WithdrawPage from '@/views/withdraw/index.vue';
 
 defineOptions({
   name: 'WithdrawDialog'
 });
 
 const props = defineProps<{
-  userId: string;
+  userId?: string;
 }>();
-
-enum WithdrawStatus {
-  pending_review = '审核中',
-  pending_payout = '待打款',
-  completed = '已完成',
-  rejected = '已拒绝'
-}
-
-const tableInst = useTemplateRef<TableInst>('tableInst');
-
-const fetchData: TableFetchData = ({ pagination, filter }) => {
-  return safeClient(() => client.api.admin.withdraw.get({ query: { userId: props.userId, ...pagination, ...filter } }));
-};
-
-const columns: TableBaseColumns = [
-  {
-    key: 'walletTypeId',
-    title: '收款方式类型'
-  },
-  {
-    key: 'orderNo',
-    title: '订单号'
-  },
-  {
-    key: 'amount',
-    title: '金额(元)',
-    render: (row: any) => {
-      return Number(row.amount);
-    }
-  },
-  {
-    key: 'receiptMethodId',
-    title: '收款方式ID'
-  },
-  {
-    key: 'createdAt',
-    title: '创建时间',
-    render: (row: any) => {
-      return dayjs(row.createdAt).format('YYYY-MM-DD HH:mm');
-    }
-  },
-  {
-    key: 'status',
-    title: '状态',
-    render: (row: any) => {
-      return WithdrawStatus[row.status];
-    }
-  },
-  {
-    key: 'operations',
-    title: '操作',
-    width: 150,
-    fixed: 'right',
-    operations: (row: any) => [
-      {
-        contentText: '通过',
-        size: 'small',
-        ghost: true,
-        type: 'primary',
-        visible: row.status === 'pending_review',
-        onClick: async () => {
-          window.$dialog?.create({
-            title: '确认通过该提现请求吗？',
-            content: '通过后将无法撤销',
-            type: 'warning',
-            positiveText: '确认通过',
-            negativeText: '取消',
-            onPositiveClick: async () => {
-              await safeClient(() =>
-                client.api.admin.withdraw({ orderId: row.orderNo }).approve.post({
-                  reviewNote: `管理员通过于 ${dayjs().format('YYYY-MM-DD HH:mm:ss')}`
-                })
-              );
-              window.$message?.success('操作成功');
-              tableInst.value?.reload();
-            }
-          });
-        }
-      },
-      {
-        contentText: '拒绝',
-        size: 'small',
-        ghost: true,
-        type: 'error',
-        visible: row.status === 'pending_review',
-        onClick: async () => {
-          window.$dialog?.create({
-            title: '确认拒绝该提现请求吗？',
-            content: '拒绝后将无法撤销',
-            type: 'warning',
-            positiveText: '确认拒绝',
-            negativeText: '取消',
-            onPositiveClick: async () => {
-              await safeClient(() =>
-                client.api.admin.withdraw({ orderId: row.orderNo }).reject.post({
-                  rejectReason: `管理员拒绝于 ${dayjs().format('YYYY-MM-DD HH:mm:ss')}`
-                })
-              );
-              window.$message?.success('操作成功');
-              tableInst.value?.reload();
-            }
-          });
-        }
-      },
-      {
-        contentText: '已打款',
-        size: 'small',
-        ghost: true,
-        type: 'success',
-        visible: row.status === 'pending_payout',
-        onClick: async () => {
-          window.$dialog?.create({
-            title: '确认已打款该提现请求吗？',
-            content: '确认后将无法撤销',
-            type: 'warning',
-            positiveText: '确认已打款',
-            negativeText: '取消',
-            onPositiveClick: async () => {
-              await safeClient(() => client.api.admin.withdraw({ orderId: row.orderNo }).paid.post());
-              window.$message?.success('操作成功');
-              tableInst.value?.reload();
-            }
-          });
-        }
-      }
-    ]
-  }
-];
 </script>
 
 <template>
-  <TableBase
-    ref="tableInst"
-    :fetch-data="fetchData"
-    :columns="columns"
-    :scroll-x="800"
-    :show-header-operation="false"
-  />
+  <WithdrawPage :user-id="userId" :scroll-x="800" :show-header-operation="false" />
 </template>
 
 <style lang="css" scoped></style>
diff --git a/src/views/withdraw/index.vue b/src/views/withdraw/index.vue
new file mode 100644
index 0000000..cc4a05f
--- /dev/null
+++ b/src/views/withdraw/index.vue
@@ -0,0 +1,186 @@
+<script lang="ts" setup>
+import { useTemplateRef } from 'vue';
+import { NSelect } from 'naive-ui';
+import dayjs from 'dayjs';
+import { client, safeClient } from '@/service/api';
+import type { TableBaseColumns, TableFetchData, TableFilterColumns, TableInst } from '@/components/table';
+
+defineOptions({
+  name: 'WithdrawPage'
+});
+
+const props = defineProps<{
+  userId?: string;
+}>();
+
+enum WithdrawStatus {
+  pending_review = '审核中',
+  pending_payout = '待打款',
+  completed = '已完成',
+  rejected = '已拒绝'
+}
+
+const tableInst = useTemplateRef<TableInst>('tableInst');
+
+const fetchData: TableFetchData = ({ pagination, filter }) => {
+  return safeClient(() => client.api.admin.withdraw.get({ query: { userId: props.userId, ...pagination, ...filter } }));
+};
+
+const columns: TableBaseColumns = [
+  {
+    key: 'walletTypeId',
+    title: '收款方式类型'
+  },
+  {
+    key: 'orderNo',
+    title: '订单号'
+  },
+  {
+    key: 'amount',
+    title: '金额(元)',
+    render: (row: any) => {
+      return Number(row.amount);
+    }
+  },
+  {
+    key: 'receiptMethodId',
+    title: '收款方式ID'
+  },
+  {
+    key: 'createdAt',
+    title: '创建时间',
+    render: (row: any) => {
+      return dayjs(row.createdAt).format('YYYY-MM-DD HH:mm');
+    }
+  },
+  {
+    key: 'status',
+    title: '状态',
+    render: (row: any) => {
+      return WithdrawStatus[row.status];
+    }
+  },
+  {
+    key: 'operations',
+    title: '操作',
+    width: 150,
+    fixed: 'right',
+    operations: (row: any) => [
+      {
+        contentText: '通过',
+        size: 'small',
+        ghost: true,
+        type: 'primary',
+        visible: row.status === 'pending_review',
+        onClick: async () => {
+          window.$dialog?.create({
+            title: '确认通过该提现请求吗？',
+            content: '通过后将无法撤销',
+            type: 'warning',
+            positiveText: '确认通过',
+            negativeText: '取消',
+            onPositiveClick: async () => {
+              await safeClient(() =>
+                client.api.admin.withdraw({ orderId: row.orderNo }).approve.post({
+                  reviewNote: `管理员通过于 ${dayjs().format('YYYY-MM-DD HH:mm:ss')}`
+                })
+              );
+              window.$message?.success('操作成功');
+              tableInst.value?.reload();
+            }
+          });
+        }
+      },
+      {
+        contentText: '拒绝',
+        size: 'small',
+        ghost: true,
+        type: 'error',
+        visible: row.status === 'pending_review',
+        onClick: async () => {
+          window.$dialog?.create({
+            title: '确认拒绝该提现请求吗？',
+            content: '拒绝后将无法撤销',
+            type: 'warning',
+            positiveText: '确认拒绝',
+            negativeText: '取消',
+            onPositiveClick: async () => {
+              await safeClient(() =>
+                client.api.admin.withdraw({ orderId: row.orderNo }).reject.post({
+                  rejectReason: `管理员拒绝于 ${dayjs().format('YYYY-MM-DD HH:mm:ss')}`
+                })
+              );
+              window.$message?.success('操作成功');
+              tableInst.value?.reload();
+            }
+          });
+        }
+      },
+      {
+        contentText: '已打款',
+        size: 'small',
+        ghost: true,
+        type: 'success',
+        visible: row.status === 'pending_payout',
+        onClick: async () => {
+          window.$dialog?.create({
+            title: '确认已打款该提现请求吗？',
+            content: '确认后将无法撤销',
+            type: 'warning',
+            positiveText: '确认已打款',
+            negativeText: '取消',
+            onPositiveClick: async () => {
+              await safeClient(() => client.api.admin.withdraw({ orderId: row.orderNo }).paid.post());
+              window.$message?.success('操作成功');
+              tableInst.value?.reload();
+            }
+          });
+        }
+      }
+    ]
+  }
+];
+
+const filterColumns: TableFilterColumns = [
+  {
+    key: 'uid',
+    title: '用户UID'
+  },
+  {
+    key: 'orderNo',
+    title: '订单号'
+  },
+  {
+    key: 'status',
+    title: '状态',
+    component: NSelect,
+    componentProps: {
+      options: [
+        { label: '审核中', value: 'pending_review' },
+        { label: '待打款', value: 'pending_payout' },
+        { label: '已完成', value: 'completed' },
+        { label: '已拒绝', value: 'rejected' }
+      ]
+    }
+  }
+];
+</script>
+
+<template>
+  <TableBase
+    ref="tableInst"
+    :fetch-data="fetchData"
+    :columns="columns"
+    :filter-columns="filterColumns"
+    :scroll-x="1000"
+    :show-header-operation="true"
+    :header-operations="{
+      add: false,
+      refresh: true,
+      columns: true
+    }"
+    v-bind="{ ...$attrs }"
+  />
+</template>
+
+<style lang="css" scoped></style>