From 172e124d4ded9e2196a128afea886b8d3b77a5d6 Mon Sep 17 00:00:00 2001
From: chengkai3 <chengkai3@asiainfo.com>
Date: Thu, 18 Jun 2026 12:04:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:[FL-194][=E7=94=A8=E6=88=B7=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2=E7=9A=84=E8=A7=86=E5=9B=BE=E5=BC=80?=
 =?UTF-8?q?=E5=85=B3=E4=BC=98=E5=8C=96]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将视图切换按钮从卡片标题区移至搜索栏右侧，移除按钮文字仅保留图标，优化页面布局。

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: multica-agent <github@multica.ai>
---
 web/src/app/admin/users/page.tsx | 43 +++++++++++++++-----------------
 1 file changed, 20 insertions(+), 23 deletions(-)

diff --git a/web/src/app/admin/users/page.tsx b/web/src/app/admin/users/page.tsx
index fa59b20..f33ebab 100644
--- a/web/src/app/admin/users/page.tsx
+++ b/web/src/app/admin/users/page.tsx
@@ -794,29 +794,9 @@ export default function AdminUsersPage() {
         title="用户管理"
         style={{ height: '100%' }}
         extra={(
-          <Space>
-            {!isMobile && (
-              <Button.Group>
-                <Button
-                  icon={<TableOutlined />}
-                  type={viewMode === "table" ? "primary" : "default"}
-                  onClick={() => setViewMode("table")}
-                >
-                  表格
-                </Button>
-                <Button
-                  icon={<AppstoreOutlined />}
-                  type={viewMode === "card" ? "primary" : "default"}
-                  onClick={() => setViewMode("card")}
-                >
-                  卡片
-                </Button>
-              </Button.Group>
-            )}
-            <Button type="primary" onClick={openCreateUserModal}>
-              新增用户
-            </Button>
-          </Space>
+          <Button type="primary" onClick={openCreateUserModal}>
+            新增用户
+          </Button>
         )}
       >
         <Form layout="inline" style={{ rowGap: 12 }}>
@@ -851,6 +831,23 @@ export default function AdminUsersPage() {
               搜索
             </Button>
           </Form.Item>
+
+          {!isMobile && (
+            <Form.Item style={{ marginLeft: 'auto' }}>
+              <Button.Group>
+                <Button
+                  icon={<TableOutlined />}
+                  type={viewMode === "table" ? "primary" : "default"}
+                  onClick={() => setViewMode("table")}
+                />
+                <Button
+                  icon={<AppstoreOutlined />}
+                  type={viewMode === "card" ? "primary" : "default"}
+                  onClick={() => setViewMode("card")}
+                />
+              </Button.Group>
+            </Form.Item>
+          )}
         </Form>
 
         {viewMode === "table" ? (