feat(ui): use tag badge for current stage and show full datetime in lifecycle

This commit is contained in:
sinohqb 2026-08-20 19:46:42 +08:00
parent ff734c72e5
commit 9bf741fbee

View File

@ -142,18 +142,22 @@ function LifecycleTimeline({ ev, currentStage, abnormal }: { ev: IntelligentEval
color: textColor, color: textColor,
fontSize: 18, fontSize: 18,
transition: 'all 0.3s', transition: 'all 0.3s',
boxShadow: isCurrent ? `0 0 0 3px ${bgColor}33` : 'none', border: isCurrent ? `2px solid ${colors.primary}` : 'none',
}} }}
> >
{isCompleted ? <CheckCircleOutlined /> : <Icon />} {isCompleted ? <CheckCircleOutlined /> : <Icon />}
</div> </div>
<div style={{ fontSize: 12, color: isCurrent ? colors.primary : colors.textSecondary, fontWeight: isCurrent ? 600 : 400, textAlign: 'center' }}> <div style={{ fontSize: 12, color: isCurrent ? colors.primary : colors.textSecondary, fontWeight: isCurrent ? 600 : 400, textAlign: 'center' }}>
{stage.title} {stage.title}
{isCurrent && <div style={{ fontSize: 11, color: colors.textMuted, marginTop: 2 }}></div>}
</div> </div>
{isCurrent && (
<Tag color={colors.primary} style={{ fontSize: 11, margin: 0, padding: '0 8px' }}>
</Tag>
)}
{time && ( {time && (
<div style={{ fontSize: 11, color: colors.textMuted, textAlign: 'center' }}> <div style={{ fontSize: 11, color: colors.textMuted, textAlign: 'center', marginTop: 2 }}>
{formatDateTime(time).split(' ')[1] || formatDateTime(time)} {formatDateTime(time)}
</div> </div>
)} )}
</div> </div>