多端自动化测试与性能分析平台产品系统

针对多端（PC/Android/iOS）应用在性能测试时，数据分散、缺乏直观地理位置表现形式的痛点。特别是针对地图类应用，需要将设备的FPS、CPU、内存等性能指标与地图轨迹结合，以热力图的形式直观展示性能瓶颈，辅助版本迭代与性能回归分析。

1. 性能地图热力图：基于 Leaflet 与 D3.js 将性能数据（FPS、CPU、GPU等）叠加在地图上，支持6种指标切换与多版本对比。
2. 图表双向联动：地图路径点与折线图时间轴深度绑定，点击图表定位地图，点击地图高亮图表。
3. 多版本性能对比：通过表格与颜色阈值区分，直观对比不同版本的性能差异。
4. 全流程管理：项目配置、测试任务编排、设备管理及报告可视化。

项目采用 Vue 2 + Vuex + Ant Design Vue。封装 automationTable 等通用组件；基于 Leaflet 渲染地图，利用 D3.js 实现性能数据与地图的绑定；通过 Vuex 集中管理地图数据与时间轴状态，实现地图与折线图的精准双向联动；支持国际化与多端设备Tab切换。