fix(ui): display 5-point scale scores correctly in dimension cards
This commit is contained in:
parent
fb68f9ebce
commit
d61657eedb
@ -105,15 +105,15 @@ function SessionMessages({ evalId, sessionId, verdict }: {
|
|||||||
|
|
||||||
function DimensionScoresCards({ dimScores }: { dimScores: [string, number][] }) {
|
function DimensionScoresCards({ dimScores }: { dimScores: [string, number][] }) {
|
||||||
const getScoreMeta = (score: number) => {
|
const getScoreMeta = (score: number) => {
|
||||||
if (score >= 0.8) return { color: statusColors.completed, label: '优秀', icon: <CheckCircleOutlined /> }
|
if (score >= 4) return { color: statusColors.completed, label: '优秀', icon: <CheckCircleOutlined /> }
|
||||||
if (score >= 0.6) return { color: colors.warning, label: '良好', icon: <WarningOutlined /> }
|
if (score >= 3) return { color: colors.warning, label: '良好', icon: <WarningOutlined /> }
|
||||||
return { color: statusColors.failed, label: '待改进', icon: <CloseCircleOutlined /> }
|
return { color: statusColors.failed, label: '待改进', icon: <CloseCircleOutlined /> }
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
|
<div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
|
||||||
{dimScores.map(([dimension, score]) => {
|
{dimScores.map(([dimension, score]) => {
|
||||||
const pct = Math.round(score * 100)
|
const pct = Math.round((score / 5) * 100)
|
||||||
const meta = getScoreMeta(score)
|
const meta = getScoreMeta(score)
|
||||||
return (
|
return (
|
||||||
<div key={dimension} style={{ padding: '12px 16px', background: colors.bgSubtle, borderRadius: 8 }}>
|
<div key={dimension} style={{ padding: '12px 16px', background: colors.bgSubtle, borderRadius: 8 }}>
|
||||||
@ -136,7 +136,7 @@ function DimensionScoresCards({ dimScores }: { dimScores: [string, number][] })
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div style={{ fontSize: 18, fontWeight: 700, color: meta.color, minWidth: 40, textAlign: 'right' }}>
|
<div style={{ fontSize: 18, fontWeight: 700, color: meta.color, minWidth: 40, textAlign: 'right' }}>
|
||||||
{pct}
|
{score.toFixed(1)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user