From e6750902b99e7403a3803850107cd955a2d4706a Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Sat, 24 Jan 2026 18:16:40 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=91=98=E7=94=A8=E6=88=B7=E5=B0=81=E7=A6=81=E5=92=8C=E8=A7=A3?=
 =?UTF-8?q?=E5=B0=81=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BC=98=E5=8C=96=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E7=AE=A1=E7=90=86=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/service/api/auth.ts  |  4 ++--
 src/views/user/index.vue | 42 +++++++++++++++++++++++++++++++++++++---
 2 files changed, 41 insertions(+), 5 deletions(-)

diff --git a/src/service/api/auth.ts b/src/service/api/auth.ts
index f2ee2a4..0f664a2 100644
--- a/src/service/api/auth.ts
+++ b/src/service/api/auth.ts
@@ -1,5 +1,5 @@
 import { createAuthClient } from 'better-auth/client';
-import { twoFactorClient, usernameClient } from 'better-auth/client/plugins';
+import { adminClient, twoFactorClient, usernameClient } from 'better-auth/client/plugins';
 import { getToken } from '@/store/modules/auth/shared';
 import { request } from '../request';
 
@@ -16,7 +16,7 @@ export const authClient = createAuthClient({
       token: () => getToken()
     }
   },
-  plugins: [usernameClient(), twoFactorClient()]
+  plugins: [usernameClient(), twoFactorClient(), adminClient()]
 });
 
 /**
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index 76c4620..edc6269 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import { h, useTemplateRef } from 'vue';
-import { useDialog } from 'naive-ui';
+import { useDialog, useMessage } from 'naive-ui';
 import dayjs from 'dayjs';
-import { client, safeClient } from '@/service/api';
+import { authClient, client, safeClient } from '@/service/api';
 import type { TableBaseColumns, TableFetchData, TableFilterColumns, TableInst } from '@/components/table';
 import UserSelect from '@/components/common/user-select.vue';
 import Wallet from './components/wallet.vue';
@@ -14,7 +14,7 @@ import Kyc from './components/kyc.vue';
 import Ledger from './components/ledger.vue';
 
 const dialog = useDialog();
-
+const message = useMessage();
 const tableInst = useTemplateRef<TableInst>('tableInst');
 
 const fetchData: TableFetchData = ({ pagination, filter }) => {
@@ -164,6 +164,42 @@ const columns: TableBaseColumns = [
             content: () => h(Ledger, { userId: row.id })
           });
         }
+      },
+      {
+        contentText: row.banned === false ? '封禁' : '解封',
+        size: 'small',
+        type: row.banned === false ? 'error' : 'success',
+        ghost: true,
+        onClick: () => {
+          dialog.warning({
+            title: row.banned === false ? '封禁用户' : '解封用户',
+            content:
+              row.banned === false
+                ? '确认解封该用户吗？解封后用户将恢复正常使用。'
+                : '确认封禁该用户吗？封禁后用户将无法登录和使用相关服务。',
+            positiveText: '确认',
+            negativeText: '取消',
+            onPositiveClick: async () => {
+              if (row.banned === true) {
+                await safeClient(() =>
+                  authClient.admin.unbanUser({
+                    userId: row.id
+                  })
+                );
+                message.success('该用户已被成功解封。');
+                tableInst.value?.reload();
+              } else {
+                await safeClient(() =>
+                  authClient.admin.banUser({
+                    userId: row.id
+                  })
+                );
+                message.success('该用户已被成功封禁。');
+                tableInst.value?.reload();
+              }
+            }
+          });
+        }
       }
     ]
   }