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

feat(platform): make dashboard map first

Browse Source
This commit is contained in:
lingniu
2026-07-06 01:13:31 +08:00
parent 6da5f77267
commit 221a67e4cb
2 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
vehicle-data-platform/apps/web/src/pages/Dashboard.tsx
View File

@@ -2432,6 +2432,38 @@ export function Dashboard({
<div className="vp-page">
<PageHeader title="车辆服务工作台" description="面向客户的车辆地图、实时监控、轨迹回放、统计查询、自定义时间窗复盘、历史查询、告警通知和数据导出" />
<Spin spinning={loading}>
<section className="vp-customer-map-situation" aria-label="车辆地图态势">
<div className="vp-customer-map-situation-map">
<VehicleMap
points={commandMapPoints}
maxFallbackPoints={120}
heightClassName="vp-customer-map-situation-canvas"
fallbackLabel="显示车辆实时坐标预览"
/>
</div>
<div className="vp-customer-map-situation-panel">
<Space wrap>
<Tag color="blue">车辆地图态势</Tag>
<Tag color={amapConfigured ? 'green' : 'orange'}>{amapConfigured ? '高德地图可用' : '坐标预览'}</Tag>
<Tag color={(summary?.issueVehicles ?? 0) > 0 ? 'orange' : 'green'}>{formatCount(summary?.issueVehicles)} 告警</Tag>
</Space>
<Typography.Title heading={5} style={{ margin: 0 }}>先看在线车辆在哪里，再决定是否回放轨迹、核对里程、导出数据或通知处理。</Typography.Title>
<div className="vp-customer-map-situation-metrics">
{customerCockpitMetrics.slice(1, 4).map((item) => (
<button key={item.label} type="button" onClick={item.onClick} aria-label={`车辆地图态势 ${item.label} ${item.value}`}>
<span>{item.label}</span>
<strong>{item.value}</strong>
</button>
))}
</div>
<Space wrap>
<Button size="small" theme="solid" type="primary" aria-label="车辆地图态势 打开实时地图" onClick={() => onOpenMap({ online: 'online' })}>打开实时地图</Button>
<Button size="small" theme="light" type="primary" aria-label="车辆地图态势 回放轨迹" onClick={openTimeMonitorHistory}>回放轨迹</Button>
<Button size="small" theme="light" type="primary" onClick={openTimeMonitorMileage}>统计查询</Button>
<Button size="small" theme="light" type="warning" onClick={() => onOpenQuality()}>告警通知</Button>
</Space>
</div>
</section>
<section className="vp-customer-vehicle-service-dashboard" aria-label="客户车辆服务驾驶舱">
<div className="vp-customer-vehicle-service-dashboard-copy">
<Space wrap>
@@ -2785,38 +2817,6 @@ export function Dashboard({
</div>
</div>
</section>
<section className="vp-customer-map-situation" aria-label="车辆地图态势">
<div className="vp-customer-map-situation-map">
<VehicleMap
points={commandMapPoints}
maxFallbackPoints={120}
heightClassName="vp-customer-map-situation-canvas"
fallbackLabel="显示车辆实时坐标预览"
/>
</div>
<div className="vp-customer-map-situation-panel">
<Space wrap>
<Tag color="blue">车辆地图态势</Tag>
<Tag color={amapConfigured ? 'green' : 'orange'}>{amapConfigured ? '高德地图可用' : '坐标预览'}</Tag>
<Tag color={(summary?.issueVehicles ?? 0) > 0 ? 'orange' : 'green'}>{formatCount(summary?.issueVehicles)} 告警</Tag>
</Space>
<Typography.Title heading={5} style={{ margin: 0 }}>先看在线车辆在哪里，再决定是否回放轨迹、核对里程、导出数据或通知处理。</Typography.Title>
<div className="vp-customer-map-situation-metrics">
{customerCockpitMetrics.slice(1, 4).map((item) => (
<button key={item.label} type="button" onClick={item.onClick} aria-label={`车辆地图态势 ${item.label} ${item.value}`}>
<span>{item.label}</span>
<strong>{item.value}</strong>
</button>
))}
</div>
<Space wrap>
<Button size="small" theme="solid" type="primary" aria-label="车辆地图态势 打开实时地图" onClick={() => onOpenMap({ online: 'online' })}>打开实时地图</Button>
<Button size="small" theme="light" type="primary" aria-label="车辆地图态势 回放轨迹" onClick={openTimeMonitorHistory}>回放轨迹</Button>
<Button size="small" theme="light" type="primary" onClick={openTimeMonitorMileage}>统计查询</Button>
<Button size="small" theme="light" type="warning" onClick={() => onOpenQuality()}>告警通知</Button>
</Space>
</div>
</section>
<section className="vp-customer-service-command" aria-label="客户车辆服务总控台">
<div className="vp-customer-service-command-main">
<div className="vp-customer-service-command-copy">