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

重构前端逻辑

Browse Source
This commit is contained in:
dengqichen 2025-11-06 18:07:41 +08:00
parent e34248f3ea
commit 99161d3f7d
3 changed files with 46 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
frontend/src/pages/Dashboard/components/PendingApprovalModal.tsx
View File

@ -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}

2
frontend/src/pages/Error/403.tsx
View File

@ -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">

2
frontend/src/pages/Error/404.tsx
View File

@ -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">