75 lines
2.8 KiB
TypeScript
75 lines
2.8 KiB
TypeScript
import { cn } from '@/lib/utils';
|
|
import type { ReviewResult } from '../../types/ai-writing';
|
|
import { ScoreBar } from './ScoreBar';
|
|
import { IssueList } from './IssueList';
|
|
|
|
interface ReviewCardProps {
|
|
review: ReviewResult;
|
|
revisionCount?: number;
|
|
selectedIndices?: Set<number>;
|
|
onToggleIssue?: (index: number) => void;
|
|
}
|
|
|
|
export function ReviewCard({ review, revisionCount, selectedIndices, onToggleIssue }: ReviewCardProps) {
|
|
const isPassed = review.verdict === 'pass';
|
|
|
|
return (
|
|
<div className="rounded-md border bg-muted/20 overflow-hidden text-xs">
|
|
{/* 头部：综合评分 + 轮次 */}
|
|
<div className="flex items-center justify-between px-3 py-2 border-b">
|
|
<div className="flex items-center gap-2">
|
|
<span className="font-medium">编辑审核结果</span>
|
|
{revisionCount !== undefined && revisionCount > 0 && (
|
|
<span className="text-muted-foreground">（第 {revisionCount} 次修改）</span>
|
|
)}
|
|
</div>
|
|
<div className="flex items-center gap-2">
|
|
<span
|
|
className={cn(
|
|
'rounded-full px-2 py-0.5 text-[10px] font-semibold',
|
|
isPassed
|
|
? 'bg-green-100 text-green-700 dark:bg-green-900/40 dark:text-green-400'
|
|
: 'bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-400',
|
|
)}
|
|
>
|
|
{isPassed ? '通过' : '打回'}
|
|
</span>
|
|
<span className="font-semibold tabular-nums">
|
|
{review.overallScore}
|
|
<span className="text-muted-foreground font-normal"> / 100</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
{/* 分项评分 */}
|
|
<div className="px-3 py-2.5 space-y-2 border-b">
|
|
<ScoreBar label="事实准确性" score={review.factScore} />
|
|
<ScoreBar label="逻辑结构" score={review.logicScore} />
|
|
<ScoreBar label="语言文字" score={review.languageScore} />
|
|
<p className="text-muted-foreground/60 text-[10px]">
|
|
通过线：{review.passThreshold} 分
|
|
</p>
|
|
</div>
|
|
|
|
{/* 修改意见（支持勾选） */}
|
|
{review.revisionNotes.length > 0 && (
|
|
<div className="px-3 py-2.5">
|
|
<div className="flex items-center justify-between mb-2">
|
|
<p className="text-muted-foreground font-medium">修改意见</p>
|
|
{selectedIndices !== undefined && onToggleIssue && (
|
|
<p className="text-[10px] text-muted-foreground">
|
|
已选 {selectedIndices.size} / {review.revisionNotes.length}
|
|
</p>
|
|
)}
|
|
</div>
|
|
<IssueList
|
|
issues={review.revisionNotes}
|
|
selectedIndices={selectedIndices}
|
|
onToggle={onToggleIssue}
|
|
/>
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|