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:
chengkai3
2026-06-19 12:45:43 +08:00
parent dfa97df8d1
commit 51cb711b4c
+31 -31
View File
@@ -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>
);