feat:[FL-194][用户管理页面的视图开关优化]

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

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
chengkai3
2026-06-18 12:04:29 +08:00
parent f3e5640290
commit 172e124d4d
+20 -23
View File
@@ -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" ? (