From f4d89c64d800fbcb5a544c0dd63bcc568638a79b Mon Sep 17 00:00:00 2001
From: RuoJi6 <79234113+RuoJi6@users.noreply.github.com>
Date: Tue, 15 Sep 2026 19:53:29 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E4=BB=BB=E5=8A=A1=E5=A4=8D?=
 =?UTF-8?q?=E6=B5=8B=E6=BC=8F=E6=B4=9E=E9=80=89=E9=A1=B9=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=88=86=E5=89=B2=E7=BA=BF=20(#122)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在复测页签的漏洞选择列表项之间插入 shadcn Separator，改善视觉分组。保留选中状态、严重性与处置状态标签，滚动与选择行为不变。
---
 .../tasks/detail/_tabs/retests-tab.tsx        | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/web/src/app/(main)/function/tasks/detail/_tabs/retests-tab.tsx b/web/src/app/(main)/function/tasks/detail/_tabs/retests-tab.tsx
index 411c86d..ae36bf6 100644
--- a/web/src/app/(main)/function/tasks/detail/_tabs/retests-tab.tsx
+++ b/web/src/app/(main)/function/tasks/detail/_tabs/retests-tab.tsx
@@ -12,6 +12,7 @@ import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
 import { Empty, EmptyDescription, EmptyHeader, EmptyTitle } from "@/components/ui/empty";
+import { Separator } from "@/components/ui/separator";
 import { Skeleton } from "@/components/ui/skeleton";
 import { api } from "@/lib/api";
 import type { Finding, FindingsPage } from "@/lib/types";
@@ -85,23 +86,25 @@ export function RetestsTab({ taskId }: { taskId: string }) {
             <CardTitle>选择漏洞{data ? ` · ${data.total}` : ""}</CardTitle>
             <CardDescription>查看本任务漏洞的复测记录，或发起新的复测。</CardDescription>
           </CardHeader>
-          <CardContent className="flex max-h-[32rem] flex-col gap-2 overflow-y-auto">
+          <CardContent className="flex max-h-[32rem] flex-col overflow-y-auto">
             {!loaded && !error ? <Skeleton className="h-24 w-full" /> : null}
-            {findings.map((finding) => (
-              <Button
-                key={finding.id}
-                variant={finding.id === selectedId ? "secondary" : "ghost"}
-                className="h-auto w-full shrink-0 flex-col items-start gap-2 whitespace-normal py-3 text-left"
-                aria-label={`选择漏洞：${findingLabel(finding)}`}
-                aria-pressed={finding.id === selectedId}
-                onClick={() => setSelectedId(finding.id)}
-              >
-                <span className="line-clamp-2 break-words">{findingLabel(finding)}</span>
-                <span className="flex flex-wrap items-center gap-2">
-                  <StatusBadge domain="severity" value={finding.severity} dot />
-                  <StatusBadge domain="finding" value={finding.status} dot />
-                </span>
-              </Button>
+            {findings.map((finding, index) => (
+              <React.Fragment key={finding.id}>
+                {index > 0 ? <Separator className="my-1" /> : null}
+                <Button
+                  variant={finding.id === selectedId ? "secondary" : "ghost"}
+                  className="h-auto w-full shrink-0 flex-col items-start gap-2 whitespace-normal py-3 text-left"
+                  aria-label={`选择漏洞：${findingLabel(finding)}`}
+                  aria-pressed={finding.id === selectedId}
+                  onClick={() => setSelectedId(finding.id)}
+                >
+                  <span className="line-clamp-2 break-words">{findingLabel(finding)}</span>
+                  <span className="flex flex-wrap items-center gap-2">
+                    <StatusBadge domain="severity" value={finding.severity} dot />
+                    <StatusBadge domain="finding" value={finding.status} dot />
+                  </span>
+                </Button>
+              </React.Fragment>
             ))}
             {loaded && findings.length === 0 ? (
               <Empty>