refactor:[FL-11][将卡片操作按钮移至右上角]
- 将编辑、删除、三个点按钮从卡片底部移至右上角 - 使用 Card 组件的 extra 属性放置按钮 - 移除底部的 admin-users-user-card-actions 区域 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
@@ -891,6 +891,37 @@ export default function AdminUsersPage() {
|
||||
</Tag>
|
||||
</Space>
|
||||
}
|
||||
extra={
|
||||
<Space size={4}>
|
||||
<Button
|
||||
type="text"
|
||||
size="small"
|
||||
disabled={rowBusy}
|
||||
icon={<EditOutlined />}
|
||||
onClick={() => openEditUserModal(userItem)}
|
||||
/>
|
||||
<Popconfirm
|
||||
title={`确认删除用户 ${userItem.username}(${userItem.id})?`}
|
||||
okText="删除"
|
||||
cancelText="取消"
|
||||
okButtonProps={{ danger: true, loading: deleteLoading }}
|
||||
onConfirm={() => deleteUserMutation.mutate(userItem.id)}
|
||||
disabled={rowBusy}
|
||||
>
|
||||
<Button
|
||||
type="text"
|
||||
danger
|
||||
size="small"
|
||||
icon={<DeleteOutlined />}
|
||||
loading={deleteLoading}
|
||||
disabled={rowBusy}
|
||||
/>
|
||||
</Popconfirm>
|
||||
<Dropdown menu={{ items: moreMenuItems }} trigger={["click"]}>
|
||||
<Button type="text" size="small" disabled={rowBusy} icon={<MoreOutlined />} />
|
||||
</Dropdown>
|
||||
</Space>
|
||||
}
|
||||
>
|
||||
<Space direction="vertical" size={10} style={{ width: "100%" }}>
|
||||
<div className="admin-users-user-card-field">
|
||||
@@ -917,37 +948,6 @@ export default function AdminUsersPage() {
|
||||
{userItem.email || "-"}
|
||||
</Typography.Text>
|
||||
</div>
|
||||
<div className="admin-users-user-card-actions" style={{ display: "flex", justifyContent: "flex-end" }}>
|
||||
<Space size={4}>
|
||||
<Button
|
||||
type="text"
|
||||
size="small"
|
||||
disabled={rowBusy}
|
||||
icon={<EditOutlined />}
|
||||
onClick={() => openEditUserModal(userItem)}
|
||||
/>
|
||||
<Popconfirm
|
||||
title={`确认删除用户 ${userItem.username}(${userItem.id})?`}
|
||||
okText="删除"
|
||||
cancelText="取消"
|
||||
okButtonProps={{ danger: true, loading: deleteLoading }}
|
||||
onConfirm={() => deleteUserMutation.mutate(userItem.id)}
|
||||
disabled={rowBusy}
|
||||
>
|
||||
<Button
|
||||
type="text"
|
||||
danger
|
||||
size="small"
|
||||
icon={<DeleteOutlined />}
|
||||
loading={deleteLoading}
|
||||
disabled={rowBusy}
|
||||
/>
|
||||
</Popconfirm>
|
||||
<Dropdown menu={{ items: moreMenuItems }} trigger={["click"]}>
|
||||
<Button type="text" size="small" disabled={rowBusy} icon={<MoreOutlined />} />
|
||||
</Dropdown>
|
||||
</Space>
|
||||
</div>
|
||||
</Space>
|
||||
</AntCard>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user