## 目标
在实时监控页面接入并展示五类数据：整车数据、车辆位置、极值数据、子系统温度、子系统电压；支持设备选择与时间范围刷新。

## 接口与数据源
- 整车数据：`javaVehicleDataApi.getLatestByDevice(deviceId)`、`getByDevice(deviceId, limit)`
- 车辆位置：`javaVehicleLocationApi.getLatestByDevice(deviceId)`、`getTrack(deviceId, start, end, limit)`
- 极值数据：`javaExtremeValuesApi.getLatestByDevice(deviceId)`
- 子系统电压：`javaSubsystemVoltageApi.getLatest(deviceId, subsystemNo)`、`getBySubsystem(deviceId, subsystemNo, limit)`
- 子系统温度：`javaSubsystemTemperatureApi.getLatest(deviceId, subsystemNo)`、`getBySubsystem(deviceId, subsystemNo, limit)`

## 页面改造
1. 修复设备选择值
- 下拉 `value` 使用 `device.deviceId`
- 选择回调按 `deviceId` 查找设备并刷新数据

2. 新增状态
- `vehicleLatest: VehicleData | null`
- `locationLatest: VehicleLocation | null`
- `extremeLatest: ExtremeValues | null`
- `subsystemNoVolt: number`、`subsystemNoTemp: number`
- `subsystemVoltLatest: SubsystemVoltage | null`
- `subsystemTempLatest: SubsystemTemperature | null`

3. 加载逻辑
- 在 `loadDeviceData` 并行请求：整车/位置/极值/子系统（默认子系统号 1）最新数据
- 在 `loadChartData` 继续使用 `javaBatteryDataApi.getChartData(deviceId, timeRange)` 用于电压/电流趋势
- 根据 `timeRange` 可选调用 `getTrack` 获取位置轨迹（后续可选）

4. 展示布局
- 顶部卡片：
  - 展示整车数据：总电压（V）、总电流（A）、SOC（%）、车速（km/h）、里程（km）
  - 极值数据：最高/最低单体电压与温度（值与所属子系统/探针）
- 图表分区：
  - 电压/电流趋势（已接入）
  - 子系统温度：折线图展示 `temperatureValues`（℃）
  - 子系统电压：列表或柱状图展示 `batteryVoltages`（V）
- 位置分区（可选）：
  - 若配置了百度地图 AK（`VITE_BAIDU_MAP_AK`），使用现有 `Map` 组件展示最新位置；否则展示经纬度与定位状态

5. 注释
- 在新增接口调用处与关键渲染处添加简短中文注释（来源、单位、参数说明）

## 验证
- 设备切换与时间范围刷新可见对应数据与图表更新
- Network 面板出现五类接口请求；无 401/跨域错误

## 可选后续
- 在页面上增加选择子系统号的下拉，便于查看指定子系统的温度与电压
- 在位置分区展示最近轨迹折线（调用 `getTrack`）