airport-qingdao-vue3/未连接真实数据统计.md

青岛机场无人驾驶车辆协同云平台 - 未连接真实数据统计

概述

本文档统计了青岛机场无人驾驶车辆协同云平台界面中未连接真实数据的功能模块，主要基于代码分析发现使用模拟数据或硬编码数据的情况。

统计结果

1. 车辆详情页面组件

1.1 电池概况组件 (BatteryOverview.vue)

• 位置: src/components/car/detail/BatteryOverview.vue
• 状态: ❌ 使用模拟数据
• 详情:
  • 第43行明确标注 // mock数据
  • 所有电池参数（电压、电流、SOC、温度等）均为硬编码值
  • 包含完整的模拟数据结构：电池基本参数、状态监测、实时运行数据、动力性能

1.2 充放电统计组件 (ChargingStats.vue)

• 位置: src/components/car/detail/ChargingStats.vue
• 状态: ❌ 使用模拟数据
• 详情:
  • 第52行定义 const stats = { totalCount: 50, health: 85 };
  • 第56行开始定义 allData 模拟充电记录数据
  • 包含车辆编号、VIN码、充电状态、时间等硬编码信息

1.3 故障报警组件 (FaultAlarm.vue)

• 位置: src/components/car/detail/FaultAlarm.vue
• 状态: ❌ 使用模拟数据
• 详情:
  • 第48行开始定义 allData 模拟故障报警数据
  • 包含多条重复的故障记录，车辆信息、故障类型、时间等均为硬编码

1.4 轨迹回放组件 (TrackPlayback.vue)

• 位置: src/components/car/detail/TrackPlayback.vue
• 状态: ❌ 使用模拟数据
• 详情:
  • 第120行定义 carInfo 模拟车辆信息对象
  • 第129行定义 tasks 模拟任务数据
  • 轨迹详情数据包含硬编码的最大时速、平均时速、总里程等信息

1.5 视频监控组件 (VideoMonitoring.vue)

• 位置: src/components/car/detail/VideoMonitoring.vue
• 状态: ❌ 使用模拟数据
• 详情:
  • 第18行定义 allData 使用 picsum.photos 随机图片服务
  • 生成20条模拟视频数据，图片链接为随机生成的占位图

2. 地图信息组件

2.1 事件列表组件 (eventlist.vue)

• 位置: src/components/map/info/eventlist.vue
• 状态: ❌ 使用模拟数据
• 详情:
  • 第113行开始定义 carList 模拟车辆数据数组
  • 包含5条硬编码的车辆记录，包括ID、类型、状态、速度、距离等信息
  • 所有车辆的进度、管理者、所有者信息均为相同值

3. 车辆移动控制组件

3.1 车辆详情数据 (VehicleMovementControlRefactored.vue)

• 位置: src/components/map/controls/VehicleMovementControlRefactored.vue
• 状态: ❌ 使用模拟数据
• 详情:
  • 第126行定义 vehicleDetail 模拟车辆详情对象
  • 包含车辆ID、类型、状态、位置等硬编码信息
  • 用于地图点击车辆时的详情展示

数据分析

模拟数据使用模式

1. 完全硬编码: 直接在组件中定义完整的模拟数据对象
2. 随机图片服务: 使用第三方服务生成占位图片
3. 重复数据: 多条记录使用相同或相似的硬编码值
4. 标注明确: 部分组件明确标注了 mock数据 或 模拟数据

影响范围

• 车辆详情页面: 所有5个子组件均使用模拟数据
• 地图功能: 事件列表和车辆详情弹窗使用模拟数据
• 核心功能: 涉及电池、充电、故障、轨迹、视频等关键监控功能

建议

1. 优先级高: 车辆详情页面的模拟数据需要优先替换为真实API接口
2. 分阶段实施: 可按组件优先级逐步替换模拟数据
3. API接口设计: 需要设计相应的后端接口提供真实的车辆数据
4. 数据格式标准化: 确保前后端数据格式一致性

备注

本统计基于代码静态分析，主要识别了明确使用模拟数据或硬编码数据的情况。实际项目中可能还存在其他未连接真实数据的功能，需要进一步运行时分析确认。