From df876ffc3cc1e7658c3ed59369d5d3f1624965de Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Wed, 17 Dec 2025 23:39:33 +0700
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=A1=A8=E6=A0=BC=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E6=96=B0=E5=A2=9E=E8=BF=87=E6=BB=A4=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=EF=BC=8C=E8=B0=83=E6=95=B4=E6=95=B0=E6=8D=AE=E8=8E=B7?=
 =?UTF-8?q?=E5=8F=96=E9=80=BB=E8=BE=91=EF=BC=8C=E6=9B=B4=E6=96=B0=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E9=A1=B5=E9=9D=A2=E5=8F=8A=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/table/table-base.vue   | 21 +++++++++------
 src/components/table/table-filter.vue | 22 +++++++++++++---
 src/views/deposit/fiat/index.vue      | 38 +++++++++++++++++++++++----
 3 files changed, 64 insertions(+), 17 deletions(-)

diff --git a/src/components/table/table-base.vue b/src/components/table/table-base.vue
index a01bfe5..5487ed4 100644
--- a/src/components/table/table-base.vue
+++ b/src/components/table/table-base.vue
@@ -14,16 +14,21 @@ import type { TableColumnCheck } from '~/packages/hooks/src';
 
 const route = useRoute();
 const { t } = useI18n();
+
 const title = t(route.meta.i18nKey as string);
-const props = defineProps<{
-  fetchData: TableFetchData;
-  columns: TableBaseColumns;
-  showHeaderOperation?: boolean;
-  filterColumns?: TableFilterColumns;
-}>();
+const props = withDefaults(
+  defineProps<{
+    fetchData: TableFetchData;
+    columns: TableBaseColumns;
+    showHeaderOperation?: boolean;
+    filterColumns?: TableFilterColumns;
+  }>(),
+  {
+    filterColumns: () => []
+  }
+);
 const emit = defineEmits<{
   (e: 'add'): void;
-  (e: 'refresh'): void;
   (e: 'delete'): void;
 }>();
 
@@ -86,7 +91,7 @@ defineExpose({
 
 <template>
   <div class="space-y-5">
-    <TableFilter :columns="filterColumns" @confirm="handleSearch" />
+    <TableFilter v-if="filterColumns.length > 0" :columns="filterColumns" @confirm="handleSearch" />
 
     <div class="rounded-lg bg-white p-5 space-y-5">
       <TableHeaderOperation
diff --git a/src/components/table/table-filter.vue b/src/components/table/table-filter.vue
index 4e45c2c..9cde571 100644
--- a/src/components/table/table-filter.vue
+++ b/src/components/table/table-filter.vue
@@ -1,19 +1,28 @@
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { onMounted, ref } from 'vue';
 import { NInput } from 'naive-ui';
 import type { TableFilterColumns } from '.';
 
-defineProps<{
+const props = defineProps<{
   columns?: TableFilterColumns;
 }>();
 const emit = defineEmits<{
   (e: 'confirm', form: Record<string, any>): void;
 }>();
 
+const inlineForm: Record<string, any> = {};
+
 const form = ref<Record<string, any>>({});
 
+onMounted(() => {
+  props.columns?.forEach(col => {
+    inlineForm[col.key] = null;
+    form.value[col.key] = null;
+  });
+});
+
 function handleReset() {
-  form.value = {};
+  form.value = { ...inlineForm };
   emit('confirm', form.value);
 }
 
@@ -30,7 +39,12 @@ function handleConfirm() {
       <NGrid x-gap="20" :cols="4">
         <NGi v-for="col in columns" :key="col.key">
           <NFormItem :label="col.title" :path="col.key">
-            <component :is="col.component || NInput" v-model:value="form[col.key]" v-bind="col.componentProps" />
+            <component
+              :is="col.component || NInput"
+              :value="form[col.key]"
+              v-bind="col.componentProps"
+              @update:value="(val: any) => (form[col.key] = val)"
+            />
           </NFormItem>
         </NGi>
         <NGi>
diff --git a/src/views/deposit/fiat/index.vue b/src/views/deposit/fiat/index.vue
index 09a20dd..10f5de7 100644
--- a/src/views/deposit/fiat/index.vue
+++ b/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>