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:
@@ -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" ? (
|
||||
|
||||
Reference in New Issue
Block a user