feat(platform): align shell with vehicle operations center

This commit is contained in:
lingniu
2026-07-04 16:13:46 +08:00
parent 0c7910d6b9
commit 775073a95c
4 changed files with 28 additions and 28 deletions

View File

@@ -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">

View File

@@ -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 缺失、字段缺失和容量异常进入告警池。' },