update:Dialog替换

frontend/app/features/admin/RoleManagementPage.tsx

@@ -10,6 +10,7 @@ import {
 } from "../../services/api";
 import { useApi, useAuth } from "../../context/AuthContext";
 import { Button } from "~/components/ui/button";
+import { ConfirmDialog } from "~/components/common/ConfirmDialog";
 import { PermissionEditDialog } from "./PermissionEditDialog";
 import { RoleEditDialog } from "./RoleEditDialog";
 import {
@@ -50,6 +51,7 @@ export function RoleManagementPage({
   // 权限配置弹窗
   const [permissionDialogOpen, setPermissionDialogOpen] = useState(false);
   const [permissionTarget, setPermissionTarget] = useState<Role | null>(null);
+  const [deleteTarget, setDeleteTarget] = useState<Role | null>(null);
 
   const canManage = user?.role_code === "admin";
 
@@ -150,9 +152,7 @@ export function RoleManagementPage({
     }
   };
 
-  const removeRole = async (role: Role): Promise<void> => {
-    if (role.is_builtin) return;
-    if (!window.confirm(`确定删除角色"${role.role_name}"吗？`)) return;
+  const executeRemoveRole = async (role: Role): Promise<void> => {
     try {
       await api.deletePlatformRole(role.role_code);
       setRoles((current) => current.filter(
@@ -271,7 +271,7 @@ export function RoleManagementPage({
                     type="button"
                     disabled={!canManage || role.is_builtin}
                     title={role.is_builtin ? "内置角色不可删除" : "删除角色"}
-                    onClick={() => void removeRole(role)}
+                    onClick={() => setDeleteTarget(role)}
                     className="h-6 gap-1 rounded-[4px] border-red-200 bg-white px-[9px] text-[11px] text-red-700 hover:bg-red-50 disabled:cursor-not-allowed disabled:opacity-[0.45]"
                   >
                     删除
@@ -306,6 +306,26 @@ export function RoleManagementPage({
           onClose={() => setPermissionDialogOpen(false)}
         />
       )}
+
+      <ConfirmDialog
+        open={deleteTarget !== null}
+        onOpenChange={(nextOpen) => {
+          if (!nextOpen) setDeleteTarget(null);
+        }}
+        title="确定删除角色？"
+        description={
+          deleteTarget
+            ? `确定删除角色"${deleteTarget.role_name}"吗？`
+            : ""
+        }
+        confirmLabel="删除"
+        destructive
+        onConfirm={async () => {
+          if (!deleteTarget || deleteTarget.is_builtin) return;
+          await executeRemoveRole(deleteTarget);
+          setDeleteTarget(null);
+        }}
+      />
     </section>
   );
 }