+
+ 🔍 重复片段详情
+
+ {segments.length} 个片段
+
+
+
+ {showTimeline && (
+
+
+ {segments.map((seg, i) => {
+ const left = (seg.source_start / totalDuration) * 100
+ const width = Math.max(
+ ((seg.source_end - seg.source_start) / totalDuration) * 100,
+ 0.5,
+ )
+ const segRisk = getSegmentRisk(seg.similarity)
+ return (
+
+ )
+ })}
+
+
+ 0s
+ {formatTime(totalDuration ?? 0)}
+
+
+ )}
+
+ {segments.length > 0 ? (
+
+ {segments.map((segment, index) => (
+
+ ))}
+
+ ) : (
+
+ )}
+
查重率
-
+
{(product.duplicate_rate ?? 0) > 0
? `${(product.duplicate_rate ?? 0).toFixed(1)}%`
: "-"}
+ {product.visual_similarity != null && (
+
+ 视觉相似度
+ {product.visual_similarity.toFixed(1)}%
+
+ )}
+ {product.match_count != null && (
+
+ 匹配帧数
+ {product.match_count}
+
+ )}
创建时间
{formatDate(product.created_at ?? "")}
diff --git a/apps/web/src/pages/products/products.css b/apps/web/src/pages/products/products.css
index 58bae02de..eeac5e04a 100644
--- a/apps/web/src/pages/products/products.css
+++ b/apps/web/src/pages/products/products.css
@@ -1076,3 +1076,19 @@
gap: var(--space-sm);
}
}
+
+/* 查重率风险颜色（#1662） */
+.xx-detail-meta-value.dup-risk-low {
+ color: var(--success-color, #22c55e);
+ font-weight: 600;
+}
+
+.xx-detail-meta-value.dup-risk-medium {
+ color: var(--warning-color, #f59e0b);
+ font-weight: 600;
+}
+
+.xx-detail-meta-value.dup-risk-high {
+ color: var(--error-color, #ef4444);
+ font-weight: 600;
+}
diff --git a/apps/web/src/test/pages/duplication/utils.test.ts b/apps/web/src/test/pages/duplication/utils.test.ts
new file mode 100644
index 000000000..d87371942
--- /dev/null
+++ b/apps/web/src/test/pages/duplication/utils.test.ts
@@ -0,0 +1,29 @@
+import { describe, it, expect } from "vitest"
+import { getRiskLevel } from "@/pages/duplication/utils"
+
+describe("getRiskLevel (#1662 阈值 <15 / 15-30 / >30)", () => {
+ it("undefined 返回 low（兼容无数据）", () => {
+ expect(getRiskLevel(undefined)).toBe("low")
+ })
+
+ it("<15% 为低风险", () => {
+ expect(getRiskLevel(0)).toBe("low")
+ expect(getRiskLevel(10)).toBe("low")
+ expect(getRiskLevel(14.9)).toBe("low")
+ })
+
+ it("15% 边界为中风险", () => {
+ expect(getRiskLevel(15)).toBe("medium")
+ })
+
+ it("15-30% 为中风险", () => {
+ expect(getRiskLevel(20)).toBe("medium")
+ expect(getRiskLevel(30)).toBe("medium")
+ })
+
+ it(">30% 为高风险", () => {
+ expect(getRiskLevel(30.1)).toBe("high")
+ expect(getRiskLevel(80)).toBe("high")
+ expect(getRiskLevel(100)).toBe("high")
+ })
+})