feat(ui): use tag badge for current stage and show full datetime in lifecycle
This commit is contained in:
parent
ff734c72e5
commit
9bf741fbee
@ -142,18 +142,22 @@ function LifecycleTimeline({ ev, currentStage, abnormal }: { ev: IntelligentEval
|
||||
color: textColor,
|
||||
fontSize: 18,
|
||||
transition: 'all 0.3s',
|
||||
boxShadow: isCurrent ? `0 0 0 3px ${bgColor}33` : 'none',
|
||||
border: isCurrent ? `2px solid ${colors.primary}` : 'none',
|
||||
}}
|
||||
>
|
||||
{isCompleted ? <CheckCircleOutlined /> : <Icon />}
|
||||
</div>
|
||||
<div style={{ fontSize: 12, color: isCurrent ? colors.primary : colors.textSecondary, fontWeight: isCurrent ? 600 : 400, textAlign: 'center' }}>
|
||||
{stage.title}
|
||||
{isCurrent && <div style={{ fontSize: 11, color: colors.textMuted, marginTop: 2 }}>当前阶段</div>}
|
||||
</div>
|
||||
{isCurrent && (
|
||||
<Tag color={colors.primary} style={{ fontSize: 11, margin: 0, padding: '0 8px' }}>
|
||||
当前
|
||||
</Tag>
|
||||
)}
|
||||
{time && (
|
||||
<div style={{ fontSize: 11, color: colors.textMuted, textAlign: 'center' }}>
|
||||
{formatDateTime(time).split(' ')[1] || formatDateTime(time)}
|
||||
<div style={{ fontSize: 11, color: colors.textMuted, textAlign: 'center', marginTop: 2 }}>
|
||||
{formatDateTime(time)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user