From 99161d3f7d1c9fc6c089de00f07dd36cd8c1b6ce Mon Sep 17 00:00:00 2001
From: dengqichen <dengqichen@iscmtech.com>
Date: Thu, 6 Nov 2025 18:07:41 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=9E=84=E5=89=8D=E7=AB=AF=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PendingApprovalModal.tsx       | 89 +++++++++----------
 frontend/src/pages/Error/403.tsx              |  2 +-
 frontend/src/pages/Error/404.tsx              |  2 +-
 3 files changed, 46 insertions(+), 47 deletions(-)

diff --git a/frontend/src/pages/Dashboard/components/PendingApprovalModal.tsx b/frontend/src/pages/Dashboard/components/PendingApprovalModal.tsx
index ad00b56a..81d5657d 100644
--- a/frontend/src/pages/Dashboard/components/PendingApprovalModal.tsx
+++ b/frontend/src/pages/Dashboard/components/PendingApprovalModal.tsx
@@ -12,7 +12,6 @@ import {
     AlertDialogAction,
     AlertDialogCancel,
     AlertDialogContent,
-    AlertDialogDescription,
     AlertDialogFooter,
     AlertDialogHeader,
     AlertDialogTitle,
@@ -310,52 +309,52 @@ export const PendingApprovalModal: React.FC<PendingApprovalModalProps> = ({
                                 </>
                             )}
                         </AlertDialogTitle>
-                        <AlertDialogDescription className="space-y-3">
-                            {selectedTask && (
-                                <>
-                                    <div className="text-sm text-foreground">
-                                        您即将{approvalResult === ApprovalResult.APPROVED ? '通过' : '拒绝'}以下部署申请：
-                                    </div>
-                                    <div className="p-3 bg-muted/50 rounded-md space-y-1.5 text-xs">
-                                        <div className="flex items-center gap-2">
-                                            <span className="text-muted-foreground min-w-[56px]">记录ID</span>
-                                            <span className="font-mono font-semibold">#{selectedTask.deployRecordId}</span>
-                                        </div>
-                                        <div className="flex items-center gap-2">
-                                            <span className="text-muted-foreground min-w-[56px]">应用</span>
-                                            <span className="font-medium">{selectedTask.applicationName}</span>
-                                        </div>
-                                        <div className="flex items-center gap-2">
-                                            <span className="text-muted-foreground min-w-[56px]">环境</span>
-                                            <span className="font-medium">{selectedTask.environmentName}</span>
-                                        </div>
-                                        <div className="flex items-center gap-2">
-                                            <span className="text-muted-foreground min-w-[56px]">申请人</span>
-                                            <span className="font-medium">{selectedTask.deployBy}</span>
-                                        </div>
-                                    </div>
-
-                                    <div className="space-y-2">
-                                        <label className="text-sm font-medium text-foreground flex items-center gap-1">
-                                            审批意见
-                                            {selectedTask.requireComment && (
-                                                <span className="text-destructive text-xs">*必填</span>
-                                            )}
-                                        </label>
-                                        <Textarea
-                                            placeholder={selectedTask.requireComment ? "请填写审批意见（必填）" : "请填写审批意见（可选）"}
-                                            value={approvalComment}
-                                            onChange={(e) => setApprovalComment(e.target.value)}
-                                            rows={3}
-                                            className="resize-none"
-                                        />
-                                    </div>
-                                </>
-                            )}
-                        </AlertDialogDescription>
                     </AlertDialogHeader>
+                    <div className="space-y-3 px-6 py-4">
+                        {selectedTask && (
+                            <>
+                                <div className="text-sm text-muted-foreground">
+                                    您即将{approvalResult === ApprovalResult.APPROVED ? '通过' : '拒绝'}以下部署申请：
+                                </div>
+                                <div className="p-3 bg-muted/50 rounded-md space-y-1.5 text-xs">
+                                    <div className="flex items-center gap-2">
+                                        <span className="text-muted-foreground min-w-[56px]">记录ID</span>
+                                        <span className="font-mono font-semibold">#{selectedTask.deployRecordId}</span>
+                                    </div>
+                                    <div className="flex items-center gap-2">
+                                        <span className="text-muted-foreground min-w-[56px]">应用</span>
+                                        <span className="font-medium">{selectedTask.applicationName}</span>
+                                    </div>
+                                    <div className="flex items-center gap-2">
+                                        <span className="text-muted-foreground min-w-[56px]">环境</span>
+                                        <span className="font-medium">{selectedTask.environmentName}</span>
+                                    </div>
+                                    <div className="flex items-center gap-2">
+                                        <span className="text-muted-foreground min-w-[56px]">申请人</span>
+                                        <span className="font-medium">{selectedTask.deployBy}</span>
+                                    </div>
+                                </div>
+
+                                <div className="space-y-2">
+                                    <label className="text-sm font-medium text-foreground flex items-center gap-1">
+                                        审批意见
+                                        {selectedTask.requireComment && (
+                                            <span className="text-destructive text-xs">*必填</span>
+                                        )}
+                                    </label>
+                                    <Textarea
+                                        placeholder={selectedTask.requireComment ? "请填写审批意见（必填）" : "请填写审批意见（可选）"}
+                                        value={approvalComment}
+                                        onChange={(e) => setApprovalComment(e.target.value)}
+                                        rows={3}
+                                        className="resize-none"
+                                    />
+                                </div>
+                            </>
+                        )}
+                    </div>
                     <AlertDialogFooter>
-                        <AlertDialogCancel disabled={submitting}>取消</AlertDialogCancel>
+                        <AlertDialogCancel>取消</AlertDialogCancel>
                         <AlertDialogAction
                             onClick={handleSubmitApproval}
                             disabled={submitting}
diff --git a/frontend/src/pages/Error/403.tsx b/frontend/src/pages/Error/403.tsx
index 1c1ec640..b022e54d 100644
--- a/frontend/src/pages/Error/403.tsx
+++ b/frontend/src/pages/Error/403.tsx
@@ -18,7 +18,7 @@ const Forbidden: React.FC = () => {
   };
 
   return (
-    <div className="flex h-screen w-screen flex-col items-center justify-center bg-slate-50 p-8">
+    <div className="fixed inset-0 flex flex-col items-center justify-center bg-slate-50 p-8 overflow-hidden">
       <div className="max-w-md text-center">
         {/* 403 图标 */}
         <div className="mb-6 flex justify-center">
diff --git a/frontend/src/pages/Error/404.tsx b/frontend/src/pages/Error/404.tsx
index 52707533..fd72680c 100644
--- a/frontend/src/pages/Error/404.tsx
+++ b/frontend/src/pages/Error/404.tsx
@@ -18,7 +18,7 @@ const NotFound: React.FC = () => {
   };
 
   return (
-    <div className="flex h-screen w-screen flex-col items-center justify-center bg-slate-50 p-8">
+    <div className="fixed inset-0 flex flex-col items-center justify-center bg-slate-50 p-8 overflow-hidden">
       <div className="max-w-md text-center">
         {/* 404 图标 */}
         <div className="mb-6 flex justify-center">