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,
|
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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user