shishengliang/lingniu-vehicle-ingest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(platform): align console with vehicle operations center

Browse Source
This commit is contained in:
lingniu
2026-07-04 18:53:52 +08:00
parent 48642726aa
commit 504a49a13c
8 changed files with 70 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
vehicle-data-platform/apps/web/src/layout/AppShell.tsx
View File

@@ -19,14 +19,14 @@ import { isAMapConfigured } from '../config/appConfig';
export type PageKey = 'dashboard' | 'vehicles' | 'map' | 'realtime' | 'detail' | 'history' | 'history-query' | 'mileage' | 'alert-events' | 'quality' | 'notification-rules' | 'ops-quality';
const navItems = [
{ itemKey: 'dashboard', text: '车辆服务总览', icon: <IconHome /> },
{ itemKey: 'dashboard', text: '运营驾驶舱', icon: <IconHome /> },
{ itemKey: 'map', text: '实时地图', icon: <IconMapPin /> },
{ itemKey: 'vehicles', text: '车辆中心', icon: <IconServer /> },
{ itemKey: 'map', text: '地图态势', icon: <IconMapPin /> },
{ itemKey: 'realtime', text: '实时监控', icon: <IconActivity /> },
{ itemKey: 'realtime', text: '实时数据', icon: <IconActivity /> },
{ itemKey: 'detail', text: '车辆档案', icon: <IconSetting /> },
{ itemKey: 'history', text: '轨迹回放', icon: <IconMapPin /> },
{ itemKey: 'history-query', text: '历史查询', icon: <IconHistogram /> },
{ itemKey: 'mileage', text: '统计分析', icon: <IconBarChartHStroked /> },
{ itemKey: 'mileage', text: '统计查询', icon: <IconBarChartHStroked /> },
{ itemKey: 'alert-events', text: '告警事件', icon: <IconHistogram /> },
{ itemKey: 'notification-rules', text: '通知规则', icon: <IconBell /> },
{ itemKey: 'ops-quality', text: '运维质量', icon: <IconPulse /> }
@@ -111,7 +111,10 @@ export function AppShell({
<aside className="vp-sidebar">
<div className="vp-brand">
<span className="vp-brand-mark" />
<span>车辆服务中台</span>
<span className="vp-brand-copy">
<span>车辆服务中台</span>
<span>实时监控 / 轨迹 / 告警 / 统计</span>
</span>
</div>
<Nav
selectedKeys={[selectedPage]}
@@ -147,9 +150,9 @@ export function AppShell({
) : null}
<Tag color="blue">生产环境</Tag>
{platformRelease ? <Tag color="blue">版本 {platformRelease}</Tag> : null}
<Tag color="grey">三源归一 / 车辆服务</Tag>
<Tag color="grey">32960 / 808 / MQTT 归一</Tag>
<Tag color={amapConfigured ? 'green' : 'orange'}>{amapConfigured ? '地图就绪' : '地图待配置'}</Tag>
<Button size="small" aria-label="顶部地图态势" onClick={() => onChange('map')}>地图态势</Button>
<Button size="small" aria-label="顶部地图态势" onClick={() => onChange('map')}>实时地图</Button>
<Button size="small" aria-label="顶部实时监控" onClick={() => onChange('realtime')}>实时监控</Button>
<Button size="small" aria-label="顶部轨迹回放" onClick={() => onChange('history')}>轨迹回放</Button>
<Button size="small" aria-label="顶部历史查询" onClick={() => onChange('history-query')}>历史查询</Button>