ai-coding/deploy-ease-platform
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
dengqichen 2025-01-10 17:38:14 +08:00
parent b807f856a5
commit c86f0decf6
1 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
frontend/src/pages/Deploy/ProjectGroup/List/index.tsx
View File

@ -73,6 +73,7 @@ const ProjectGroupList: React.FC = () => {
const [currentProject, setCurrentProject] = useState<ProjectGroup>();
const [list, setList] = useState<ProjectGroup[]>([]);
const [loading, setLoading] = useState(false);
const [deleteDialogOpen, setDeleteDialogOpen] = useState<Record<string | number, boolean>>({});
const {toast} = useToast();
const form = useForm<SearchFormValues>({
@ -116,6 +117,7 @@ const ProjectGroupList: React.FC = () => {
duration: 3000,
});
loadData(form.getValues());
setDeleteDialogOpen(prev => ({...prev, [id]: false}));
} catch (error) {
toast({
variant: "destructive",
@ -126,6 +128,14 @@ const ProjectGroupList: React.FC = () => {
}
};
const openDeleteDialog = (id: number) => {
setDeleteDialogOpen(prev => ({...prev, [id]: true}));
};
const closeDeleteDialog = (id: number) => {
setDeleteDialogOpen(prev => ({...prev, [id]: false}));
};
const handleAdd = () => {
setCurrentProject(undefined);
setModalVisible(true);
@ -232,12 +242,18 @@ const ProjectGroupList: React.FC = () => {
<EditOutlined className="mr-1"/>
编辑
</Button>
<AlertDialog>
<AlertDialog
open={deleteDialogOpen[row.original.id] || false}
onOpenChange={(open) => {
if (!open) closeDeleteDialog(row.original.id);
}}
>
<AlertDialogTrigger asChild>
<Button
variant="ghost"
size="sm"
className="text-destructive"
onClick={() => openDeleteDialog(row.original.id)}
>
<DeleteOutlined className="mr-1"/>
删除
@ -251,7 +267,9 @@ const ProjectGroupList: React.FC = () => {
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel>取消</AlertDialogCancel>
<AlertDialogCancel onClick={() => closeDeleteDialog(row.original.id)}>
取消
</AlertDialogCancel>
<AlertDialogAction
onClick={() => handleDelete(row.original.id)}
>
@ -394,12 +412,18 @@ const ProjectGroupList: React.FC = () => {
<EditOutlined className="mr-1"/>
编辑
</Button>
<AlertDialog>
<AlertDialog
open={deleteDialogOpen[item.id] || false}
onOpenChange={(open) => {
if (!open) closeDeleteDialog(item.id);
}}
>
<AlertDialogTrigger asChild>
<Button
variant="ghost"
size="sm"
className="text-destructive"
onClick={() => openDeleteDialog(item.id)}
>
<DeleteOutlined className="mr-1"/>
删除
@ -413,7 +437,9 @@ const ProjectGroupList: React.FC = () => {
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel>取消</AlertDialogCancel>
<AlertDialogCancel onClick={() => closeDeleteDialog(item.id)}>
取消
</AlertDialogCancel>
<AlertDialogAction
onClick={() => handleDelete(item.id)}
>