From 4a5b8c3ab87f94795235bebe58933e650d6ad1b5 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Tue, 20 Jan 2026 02:35:54 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=AD=BE=E5=88=B0?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=EF=BC=8C=E6=95=B4=E5=90=88=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=92=8C=E6=97=A5=E6=9C=9F=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E6=94=AF=E6=8C=81=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E8=BF=87=E6=BB=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/table/index.ts         |  2 +-
 src/components/table/table-base.vue   |  1 +
 src/components/table/table-filter.vue | 18 +++++-
 src/locales/langs/en-us.ts            |  3 +-
 src/locales/langs/zh-cn.ts            |  3 +-
 src/router/elegant/imports.ts         |  1 +
 src/router/elegant/routes.ts          |  9 +++
 src/router/elegant/transform.ts       |  1 +
 src/typings/elegant-router.d.ts       |  3 +
 src/views/check/index.vue             | 87 +++++++++++++++++++++++++++
 src/views/user/components/wallet.vue  |  4 +-
 11 files changed, 126 insertions(+), 6 deletions(-)
 create mode 100644 src/views/check/index.vue

diff --git a/src/components/table/index.ts b/src/components/table/index.ts
index b726144..aaaeb93 100644
--- a/src/components/table/index.ts
+++ b/src/components/table/index.ts
@@ -40,7 +40,7 @@ export type TableFilterColumn = {
   key: string;
   title: string;
   component?: Component | VNode;
-  componentProps?: Record<string, any>;
+  componentProps?: Record<string, any> | ((form: Record<string, any>) => Record<string, any>);
 };
 
 export type TableFilterColumns = Array<TableFilterColumn>;
diff --git a/src/components/table/table-base.vue b/src/components/table/table-base.vue
index edb42b5..fd52483 100644
--- a/src/components/table/table-base.vue
+++ b/src/components/table/table-base.vue
@@ -31,6 +31,7 @@ const props = withDefaults(
   {
     title: '',
     showHeaderOperation: true,
+    filterColumnsCount: 4,
     filterColumns: () => [],
     headerOperations: () => ({
       add: true,
diff --git a/src/components/table/table-filter.vue b/src/components/table/table-filter.vue
index e4aad7b..991b216 100644
--- a/src/components/table/table-filter.vue
+++ b/src/components/table/table-filter.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 import { NInput } from 'naive-ui';
-import type { TableFilterColumns } from '.';
+import type { TableFilterColumn, TableFilterColumns } from '.';
 
 const props = defineProps<{
   columns?: TableFilterColumns;
@@ -15,8 +15,22 @@ const inlineForm: Record<string, any> = {};
 
 const form = ref<Record<string, any>>({});
 
+function transformProps(col: TableFilterColumn) {
+  if (typeof col.componentProps === 'object') {
+    return col.componentProps;
+  } else if (typeof col.componentProps === 'function') {
+    return col.componentProps(form.value);
+  }
+}
 onMounted(() => {
   props.columns?.forEach(col => {
+    if (col.key.includes(',')) {
+      col.key.split(',').forEach(k => {
+        inlineForm[k] = null;
+        form.value[k] = null;
+      });
+      return;
+    }
     inlineForm[col.key] = null;
     form.value[col.key] = null;
   });
@@ -41,7 +55,7 @@ function handleConfirm() {
             <component
               :is="col.component || NInput"
               :value="form[col.key]"
-              v-bind="col.componentProps"
+              v-bind="transformProps(col)"
               @update:value="(val: any) => (form[col.key] = val)"
             />
           </NFormItem>
diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 3bd4ef2..6906b93 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -234,7 +234,8 @@ const local: App.I18n.Schema = {
     news: 'News',
     withdraw: 'Withdraw',
     wallet: 'Wallet',
-    kyc: 'KYC'
+    kyc: 'KYC',
+    check: 'CheckIn'
   },
   page: {
     login: {
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index fb3dc13..08b37ae 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -230,7 +230,8 @@ const local: App.I18n.Schema = {
     news: '新闻管理',
     withdraw: '提现管理',
     wallet: '钱包管理',
-    kyc: '实名管理'
+    kyc: '实名管理',
+    check: '签到管理'
   },
   page: {
     login: {
diff --git a/src/router/elegant/imports.ts b/src/router/elegant/imports.ts
index d99739c..c26de44 100644
--- a/src/router/elegant/imports.ts
+++ b/src/router/elegant/imports.ts
@@ -20,6 +20,7 @@ export const views: Record<LastLevelRouteKey, RouteComponent | (() => Promise<Ro
   500: () => import("@/views/_builtin/500/index.vue"),
   "iframe-page": () => import("@/views/_builtin/iframe-page/[url].vue"),
   login: () => import("@/views/_builtin/login/index.vue"),
+  check: () => import("@/views/check/index.vue"),
   home: () => import("@/views/home/index.vue"),
   kyc: () => import("@/views/kyc/index.vue"),
   news: () => import("@/views/news/index.vue"),
diff --git a/src/router/elegant/routes.ts b/src/router/elegant/routes.ts
index bee9335..072552c 100644
--- a/src/router/elegant/routes.ts
+++ b/src/router/elegant/routes.ts
@@ -39,6 +39,15 @@ export const generatedRoutes: GeneratedRoute[] = [
       hideInMenu: true
     }
   },
+  {
+    name: 'check',
+    path: '/check',
+    component: 'layout.base$view.check',
+    meta: {
+      title: 'check',
+      i18nKey: 'route.check'
+    }
+  },
   {
     name: 'home',
     path: '/home',
diff --git a/src/router/elegant/transform.ts b/src/router/elegant/transform.ts
index 8b4276e..9128abc 100644
--- a/src/router/elegant/transform.ts
+++ b/src/router/elegant/transform.ts
@@ -166,6 +166,7 @@ const routeMap: RouteMap = {
   "403": "/403",
   "404": "/404",
   "500": "/500",
+  "check": "/check",
   "home": "/home",
   "iframe-page": "/iframe-page/:url",
   "kyc": "/kyc",
diff --git a/src/typings/elegant-router.d.ts b/src/typings/elegant-router.d.ts
index d80f35f..1da86f1 100644
--- a/src/typings/elegant-router.d.ts
+++ b/src/typings/elegant-router.d.ts
@@ -20,6 +20,7 @@ declare module "@elegant-router/types" {
     "403": "/403";
     "404": "/404";
     "500": "/500";
+    "check": "/check";
     "home": "/home";
     "iframe-page": "/iframe-page/:url";
     "kyc": "/kyc";
@@ -63,6 +64,7 @@ declare module "@elegant-router/types" {
     | "403"
     | "404"
     | "500"
+    | "check"
     | "home"
     | "iframe-page"
     | "kyc"
@@ -93,6 +95,7 @@ declare module "@elegant-router/types" {
     | "500"
     | "iframe-page"
     | "login"
+    | "check"
     | "home"
     | "kyc"
     | "news"
diff --git a/src/views/check/index.vue b/src/views/check/index.vue
new file mode 100644
index 0000000..11bf38e
--- /dev/null
+++ b/src/views/check/index.vue
@@ -0,0 +1,87 @@
+<script lang="ts" setup>
+import { useTemplateRef } from 'vue';
+import { NDatePicker } from 'naive-ui';
+import dayjs from 'dayjs';
+import { client, safeClient } from '@/service/api';
+import type { TableBaseColumns, TableFetchData, TableFilterColumns, TableInst } from '@/components/table';
+import UserSelect from '@/components/common/user-select.vue';
+
+defineOptions({
+  name: 'CheckInPage'
+});
+
+const props = defineProps<{
+  userId: string;
+}>();
+
+const tableInst = useTemplateRef<TableInst>('tableInst');
+
+const fetchData: TableFetchData = ({ pagination, filter }) => {
+  return safeClient(() => client.api.admin.checkIns.get({ query: { userId: props.userId, ...pagination, ...filter } }));
+};
+
+const columns: TableBaseColumns = [
+  {
+    key: 'userId',
+    title: '用户ID'
+  },
+  {
+    key: 'checkInAt',
+    title: '签到时间',
+    render: (row: any) => {
+      return dayjs(row.checkInAt).format('YYYY-MM-DD HH:mm:ss');
+    }
+  }
+];
+
+const filterColumns: TableFilterColumns = [
+  {
+    key: 'userId',
+    title: '用户',
+    component: UserSelect
+  },
+  {
+    key: 'startDate',
+    title: '开始日期',
+    component: NDatePicker,
+    componentProps: form => ({
+      clearable: true,
+      valueFormat: 'yyyy-MM-dd',
+      formattedValue: form.startDate,
+      onUpdateFormattedValue: val => {
+        form.startDate = val;
+      }
+    })
+  },
+  {
+    key: 'endDate',
+    title: '结束日期',
+    component: NDatePicker,
+    componentProps: form => ({
+      clearable: true,
+      valueFormat: 'yyyy-MM-dd',
+      formattedValue: form.endDate,
+      onUpdateFormattedValue: val => {
+        form.endDate = val;
+      }
+    })
+  }
+];
+</script>
+
+<template>
+  <TableBase
+    ref="tableInst"
+    :fetch-data="fetchData"
+    :columns="columns"
+    :filter-columns="filterColumns"
+    :scroll-x="800"
+    :header-operations="{
+      add: false,
+      refresh: true,
+      columns: true
+    }"
+  />
+</template>
+
+<style lang="css" scoped></style>
diff --git a/src/views/user/components/wallet.vue b/src/views/user/components/wallet.vue
index 15916c4..113fff7 100644
--- a/src/views/user/components/wallet.vue
+++ b/src/views/user/components/wallet.vue
@@ -13,7 +13,9 @@ const props = defineProps<{
 
 const tableInst = useTemplateRef<TableInst>('tableInst');
 const fetchData: TableFetchData = ({ pagination, filter }) => {
-  return safeClient(() => client.api.admin.wallet.wallets.get({ query: { userId: props.userId } }));
+  return safeClient(() =>
+    client.api.admin.wallet.wallets.get({ query: { userId: props.userId, ...pagination, ...filter } })
+  );
 };
 
 const columns: TableBaseColumns = [