+
+
{t('延迟对比', 'Latency Comparison')}
+
+ {t('对比两个不同目标的全球延迟表现', 'Compare global latency performance between two targets')}
+
+
+
+
+
+
+
+
+
+ {hasResults && (
+ <>
+
+
+
+
+ | {t('节点', 'Node')} |
+ {targetA || 'A'} |
+ {targetB || 'B'} |
+ {t('差值', 'Diff')} |
+
+
+
+ {TEST_NODES.map(node => {
+ const rA = resultsA.get(node.id)
+ const rB = resultsB.get(node.id)
+ const lA = rA?.status === 'success' ? rA.latency : null
+ const lB = rB?.status === 'success' ? rB.latency : null
+ const diff = getDiff(lA, lB)
+
+ const getLatencyClass = (mine: number | null, other: number | null, status?: string) => {
+ if (status === 'testing') return 'latency-cell testing'
+ if (mine === null || other === null) return 'latency-cell'
+ if (mine < other) return 'latency-cell better'
+ if (mine > other) return 'latency-cell worse'
+ return 'latency-cell'
+ }
+
+ const formatLatency = (latency: number | null, status?: string) => {
+ if (status === 'testing' || status === 'pending') return '...'
+ if (latency === null) return '-'
+ return `${latency.toFixed(0)} ms`
+ }
+
+ return (
+
+ |
+
+ {node.city || node.name}
+ {node.country}
+
+ |
+
+ {formatLatency(lA, rA?.status)}
+ |
+
+ {formatLatency(lB, rB?.status)}
+ |
+
+ {getDiffDisplay(diff)}
+ |
+
+ )
+ })}
+
+
+
+
+ {!testing && (summary.winsA > 0 || summary.winsB > 0) && (
+
+
+ {t('A 胜出节点', 'A Wins')}
+ summary.winsB ? 'winner-a' : ''}`}>
+ {summary.winsA}
+
+
+
+ {t('B 胜出节点', 'B Wins')}
+ summary.winsA ? 'winner-b' : ''}`}>
+ {summary.winsB}
+
+
+
+ {t('平均差值', 'Avg Diff')}
+
+ {summary.avgDiff > 0 ? '+' : ''}{summary.avgDiff.toFixed(0)} ms
+
+
+
+ )}
+
+ )}
+