feat(platform): surface map situation on dashboard

This commit is contained in:
lingniu
2026-07-05 21:03:30 +08:00
parent dd5ae740e5
commit 168493f76f
3 changed files with 114 additions and 0 deletions

View File

@@ -1933,6 +1933,38 @@ export function Dashboard({
))}
</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">