From c86f0decf6908a614a438cb86a5a72d9c22b9874 Mon Sep 17 00:00:00 2001
From: dengqichen <dengqichen@iscmtech.com>
Date: Fri, 10 Jan 2025 17:38:14 +0800
Subject: [PATCH] 1

---
 .../pages/Deploy/ProjectGroup/List/index.tsx  | 34 ++++++++++++++++---
 1 file changed, 30 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/Deploy/ProjectGroup/List/index.tsx b/frontend/src/pages/Deploy/ProjectGroup/List/index.tsx
index 4cdb6d9c..dd91fecd 100644
--- a/frontend/src/pages/Deploy/ProjectGroup/List/index.tsx
+++ b/frontend/src/pages/Deploy/ProjectGroup/List/index.tsx
@@ -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)}
                                                                 >