feat(platform): align shell with vehicle operations center
This commit is contained in:
@@ -384,11 +384,11 @@ export function Dashboard({
|
||||
onClick: () => onOpenHistory({ tab: 'raw' })
|
||||
},
|
||||
{
|
||||
title: '告警通知',
|
||||
title: '告警事件',
|
||||
value: `${formatCount(summary?.issueVehicles)} 车辆`,
|
||||
color: (summary?.issueVehicles ?? 0) > 0 ? 'orange' as const : 'green' as const,
|
||||
detail: '把断链、缺 VIN、字段缺失等问题进入通知和处置队列。',
|
||||
action: '告警通知',
|
||||
action: '告警事件',
|
||||
onClick: () => onOpenQuality()
|
||||
},
|
||||
{
|
||||
@@ -403,7 +403,7 @@ export function Dashboard({
|
||||
|
||||
return (
|
||||
<div className="vp-page">
|
||||
<PageHeader title="总览工作台" description="以车辆服务为中心汇总在线状态、数据来源覆盖、质量问题和链路健康" />
|
||||
<PageHeader title="运营驾驶舱" description="围绕一个车辆服务汇总实时态势、轨迹证据、告警事件、统计查询和链路健康" />
|
||||
<Spin spinning={loading}>
|
||||
<div className="vp-kpi-grid">
|
||||
{kpis.map((item) => (
|
||||
@@ -422,9 +422,9 @@ export function Dashboard({
|
||||
<Tag color="green">{formatCount(serviceSummary?.multiSourceVehicles)} 多源覆盖</Tag>
|
||||
<Button size="small" theme="light" type="primary" onClick={() => onOpenVehicles({ coverage: 'multi' })}>查看多源车辆</Button>
|
||||
<Tag color={(summary?.issueVehicles ?? 0) > 0 ? 'orange' : 'green'}>
|
||||
{formatCount(summary?.issueVehicles)} 质量关注
|
||||
{formatCount(summary?.issueVehicles)} 告警事件
|
||||
</Tag>
|
||||
<Button size="small" theme="light" type={(summary?.issueVehicles ?? 0) > 0 ? 'warning' : 'tertiary'} onClick={() => onOpenQuality()}>查看质量关注</Button>
|
||||
<Button size="small" theme="light" type={(summary?.issueVehicles ?? 0) > 0 ? 'warning' : 'tertiary'} onClick={() => onOpenQuality()}>查看告警事件</Button>
|
||||
<Tag color={(summary?.kafkaLag ?? 0) > 0 ? 'orange' : 'green'}>Kafka Lag {formatLag(summary?.kafkaLag)}</Tag>
|
||||
</Space>
|
||||
</Card>
|
||||
@@ -512,7 +512,7 @@ export function Dashboard({
|
||||
</div>
|
||||
</Card>
|
||||
) : null}
|
||||
<Card bordered title="车辆业务能力矩阵" style={{ marginBottom: 16 }}>
|
||||
<Card bordered title="车联网能力矩阵" style={{ marginBottom: 16 }}>
|
||||
<div className="vp-capability-grid">
|
||||
{capabilities.map((item) => (
|
||||
<div key={item.title} className="vp-capability-item">
|
||||
@@ -530,7 +530,7 @@ export function Dashboard({
|
||||
</Card>
|
||||
<Card
|
||||
bordered
|
||||
title="车辆态势指挥台"
|
||||
title="实时态势地图"
|
||||
style={{ marginBottom: 16 }}
|
||||
>
|
||||
<div className="vp-monitor-layout">
|
||||
|
||||
@@ -657,7 +657,7 @@ export function Quality({
|
||||
|
||||
return (
|
||||
<div className="vp-page">
|
||||
<PageHeader title="告警通知" description="围绕车辆服务沉淀断链、VIN 缺失、字段缺失和链路健康告警,并形成通知闭环" />
|
||||
<PageHeader title="告警事件" description="围绕车辆服务沉淀断链、VIN 缺失、字段缺失和链路健康事件,并形成通知闭环" />
|
||||
<div className="vp-kpi-grid">
|
||||
{[
|
||||
{ label: '问题车辆', value: summary.issueVehicleCount.toLocaleString() },
|
||||
@@ -702,7 +702,7 @@ export function Quality({
|
||||
</Card>
|
||||
</Col>
|
||||
</Row>
|
||||
<Card bordered title="告警通知闭环" style={{ marginTop: 16 }}>
|
||||
<Card bordered title="告警事件闭环" style={{ marginTop: 16 }}>
|
||||
<div className="vp-alert-flow">
|
||||
{[
|
||||
{ label: '事件触发', value: `${activeRuleCount} 类活跃`, detail: '断链、无来源、VIN 缺失、字段缺失和容量异常进入告警池。' },
|
||||
|
||||
Reference in New Issue
Block a user