diff --git a/.env.prod b/.env.prod
index b33bddf..6f38732 100644
--- a/.env.prod
+++ b/.env.prod
@@ -1,5 +1,5 @@
 # backend service base url, prod environment
-VITE_SERVICE_BASE_URL=http://192.168.1.36:9528
+VITE_SERVICE_BASE_URL=http://192.168.1.27:9528
 
 # other backend service base url, prod environment
 VITE_OTHER_SERVICE_BASE_URL= `{}`
diff --git a/src/router/elegant/routes.ts b/src/router/elegant/routes.ts
index 7e58c59..ec26124 100644
--- a/src/router/elegant/routes.ts
+++ b/src/router/elegant/routes.ts
@@ -184,16 +184,6 @@ export const generatedRoutes: GeneratedRoute[] = [
       order: 3
     },
     children: [
-      {
-        name: 'withdraw_fiat',
-        path: '/withdraw/fiat',
-        component: 'view.withdraw_fiat',
-        meta: {
-          title: 'withdraw_fiat',
-          i18nKey: 'route.withdraw_fiat',
-          order: 1
-        },
-      },
       {
         name: 'withdraw_approved',
         path: '/withdraw/approved',
@@ -202,8 +192,18 @@ export const generatedRoutes: GeneratedRoute[] = [
           title: 'withdraw_approved',
           i18nKey: 'route.withdraw_approved',
           order: 2
-        },
+        }
       },
+      {
+        name: 'withdraw_fiat',
+        path: '/withdraw/fiat',
+        component: 'view.withdraw_fiat',
+        meta: {
+          title: 'withdraw_fiat',
+          i18nKey: 'route.withdraw_fiat',
+          order: 1
+        }
+      }
     ]
   }
 ];
diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index 2d4242b..e270e9b 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -13,7 +13,6 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     AppProvider: typeof import('./../components/common/app-provider.vue')['default']
-    Base: typeof import('./../components/table/base.vue')['default']
     BetterScroll: typeof import('./../components/custom/better-scroll.vue')['default']
     ButtonIcon: typeof import('./../components/custom/button-icon.vue')['default']
     CountTo: typeof import('./../components/custom/count-to.vue')['default']
@@ -47,7 +46,6 @@ declare module 'vue' {
     NButton: typeof import('naive-ui')['NButton']
     NCard: typeof import('naive-ui')['NCard']
     NCheckbox: typeof import('naive-ui')['NCheckbox']
-    NCol: typeof import('naive-ui')['NCol']
     NColorPicker: typeof import('naive-ui')['NColorPicker']
     NDataTable: typeof import('naive-ui')['NDataTable']
     NDescriptions: typeof import('naive-ui')['NDescriptions']
@@ -72,13 +70,10 @@ declare module 'vue' {
     NMessageProvider: typeof import('naive-ui')['NMessageProvider']
     NModal: typeof import('naive-ui')['NModal']
     NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
-    NPopconfirm: typeof import('naive-ui')['NPopconfirm']
     NPopover: typeof import('naive-ui')['NPopover']
-    NRow: typeof import('naive-ui')['NRow']
     NScrollbar: typeof import('naive-ui')['NScrollbar']
     NSelect: typeof import('naive-ui')['NSelect']
     NSpace: typeof import('naive-ui')['NSpace']
-    NSpin: typeof import('naive-ui')['NSpin']
     NStatistic: typeof import('naive-ui')['NStatistic']
     NSwitch: typeof import('naive-ui')['NSwitch']
     NTab: typeof import('naive-ui')['NTab']
@@ -106,7 +101,6 @@ declare module 'vue' {
 // For TSX support
 declare global {
   const AppProvider: typeof import('./../components/common/app-provider.vue')['default']
-  const Base: typeof import('./../components/table/base.vue')['default']
   const BetterScroll: typeof import('./../components/custom/better-scroll.vue')['default']
   const ButtonIcon: typeof import('./../components/custom/button-icon.vue')['default']
   const CountTo: typeof import('./../components/custom/count-to.vue')['default']
@@ -140,7 +134,6 @@ declare global {
   const NButton: typeof import('naive-ui')['NButton']
   const NCard: typeof import('naive-ui')['NCard']
   const NCheckbox: typeof import('naive-ui')['NCheckbox']
-  const NCol: typeof import('naive-ui')['NCol']
   const NColorPicker: typeof import('naive-ui')['NColorPicker']
   const NDataTable: typeof import('naive-ui')['NDataTable']
   const NDescriptions: typeof import('naive-ui')['NDescriptions']
@@ -165,13 +158,10 @@ declare global {
   const NMessageProvider: typeof import('naive-ui')['NMessageProvider']
   const NModal: typeof import('naive-ui')['NModal']
   const NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
-  const NPopconfirm: typeof import('naive-ui')['NPopconfirm']
   const NPopover: typeof import('naive-ui')['NPopover']
-  const NRow: typeof import('naive-ui')['NRow']
   const NScrollbar: typeof import('naive-ui')['NScrollbar']
   const NSelect: typeof import('naive-ui')['NSelect']
   const NSpace: typeof import('naive-ui')['NSpace']
-  const NSpin: typeof import('naive-ui')['NSpin']
   const NStatistic: typeof import('naive-ui')['NStatistic']
   const NSwitch: typeof import('naive-ui')['NSwitch']
   const NTab: typeof import('naive-ui')['NTab']
diff --git a/src/views/user/bank/index.vue b/src/views/user/bank/index.vue
index 85d5bd2..64d7030 100644
--- a/src/views/user/bank/index.vue
+++ b/src/views/user/bank/index.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { h, ref, useTemplateRef } from 'vue';
-import { NDatePicker, NInputNumber, useDialog, useMessage } from 'naive-ui';
-import dayjs from 'dayjs';
+import { 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';
 
 const dialog = useDialog();
 const message = useMessage();
@@ -30,44 +30,35 @@ const columns: TableBaseColumns = [
     key: 'nameCn'
   },
   {
-    title: 'nameEn',
-    key: 'nameEn'
-  },
-  {
-    title: 'bankCode',
+    title: '银行编号',
     key: 'bankCode'
   },
   {
-    title: 'swiftCode',
-    key: 'swiftCode'
+    title: '是否激活',
+    key: 'isActive',
+    render(row: any) {
+      return row.isActive ? '是' : '否';
+    }
   },
   {
-    title: 'isActive',
-    key: 'isActive'
-  },
-  {
-    title: 'sortOrder',
-    key: 'sortOrder'
-  },
-  {
-    title: 'createdAt',
+    title: '创建时间',
     key: 'createdAt',
     render(row: any) {
-      return h('span', {}, row.createdAt ? dayjs(row.createdAt).format('YYYY-MM-DD HH:mm:ss') : '-');
+      return useDateFormat(row.createdAt, 'YYYY-MM-DD HH:mm:ss').value;
     }
   },
   {
-    title: 'updatedAt',
+    title: '更新时间',
     key: 'updatedAt',
     render(row: any) {
-      return h('span', {}, row.updatedAt ? dayjs(row.updatedAt).format('YYYY-MM-DD HH:mm:ss') : '-');
+      return row.updatedAt ? useDateFormat(row.updatedAt, 'YYYY-MM-DD HH:mm:ss').value : '-';
     }
   },
   {
-    title: 'deletedAt',
+    title: '删除时间',
     key: 'deletedAt',
     render(row: any) {
-      return h('span', {}, row.deletedAt ? dayjs(row.deletedAt).format('YYYY-MM-DD HH:mm:ss') : '-');
+      return row.deletedAt ? useDateFormat(row.deletedAt, 'YYYY-MM-DD HH:mm:ss').value : '-';
     }
   },
   {
@@ -116,14 +107,20 @@ const filterColumns: TableFilterColumns = [
     key: 'nameCn'
   },
   {
-    title: 'nameEn',
-    key: 'nameEn'
+    title: '银行编号',
+    key: 'bankCode'
   }
 ];
 </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>