优化表格组件，新增过滤功能，调整数据获取逻辑，更新相关页面及路由

src/views/deposit/fiat/index.vue

@@ -1,18 +1,18 @@
 <script lang="ts" setup>
 import { h, ref, useTemplateRef } from 'vue';
-import { NInputNumber, useDialog, useMessage } from 'naive-ui';
+import { NInputNumber, NSelect, useDialog, useMessage } from 'naive-ui';
 import { client, safeClient } from '@/service/api';
 import { DepositTypeEnum } from '@/enum';
-import type { Pagination, TableBaseColumns, TableFetchData, TableInst } from '@/components/table';
+import type { TableBaseColumns, TableFetchData, TableFilterColumns, TableInst } from '@/components/table';
 
 const dialog = useDialog();
 const message = useMessage();
 const tableInst = useTemplateRef<TableInst>('tableInst');
 
-const fetchData: TableFetchData = (pagination: Pagination) => {
+const fetchData: TableFetchData = ({ pagination, filter }) => {
   return safeClient(() =>
     client.api.admin.deposit.pending.get({
-      query: pagination
+      query: { ...pagination, ...filter }
     })
   );
 };
@@ -108,10 +108,38 @@ const columns: TableBaseColumns = [
     ]
   }
 ];
+
+const filterColumns: TableFilterColumns = [
+  {
+    title: '用户ID',
+    key: 'userId'
+  },
+  {
+    title: '资产代码',
+    key: 'assetCode'
+  },
+  {
+    title: '充值类型',
+    key: 'depositType',
+    component: NSelect,
+    componentProps: {
+      options: [
+        { label: '法币充值', value: 'fiat' },
+        { label: '加密货币充值', value: 'crypto' }
+      ]
+    }
+  }
+];
 </script>
 
 <template>
-  <TableBase ref="tableInst" :columns="columns" :fetch-data="fetchData" />
+  <TableBase
+    ref="tableInst"
+    :columns="columns"
+    :fetch-data="fetchData"
+    show-header-operation
+    :filter-columns="filterColumns"
+  />
 </template>
 
 <style lang="css" scoped></style>