请仔细阅读@PRDs文件夹内的所有文档（PRD.md、UI.md、Development.md），完整理解这个本地项目的需求、UI设计和技术要求，然后告诉我你对项目的理解摘要，重点说明核心功能、本地运行约束和技术选型，若有理解偏差或疑问，及时向我确认。核心心法：摒弃“直接让AI写代码”的误区，将“产品化思维”融入AI协作，以文档为核心锚点，通过标准化流程引导AI高效输出，全程聚焦本地部署、成熟框架

数据层：标准化经纬度 + 时间戳的轨迹数据，预处理计算时长 / 距离；渲染层：跨端适配地图 SDK，用 polyline 绘轨迹、marker 标当前位置；控制层：时间轴驱动遍历轨迹点，封装播放 / 暂停 / 倍速核心方法，兼顾性能优化。核心思路：轨迹回放本质是「时间轴 + 地图元素动态更新」，跨端开发需优先适配各端地图组件特性，通过数据预处理和定时器控制实现流畅的回放体验。

下载速度：通过「体积压缩 + 请求策略」减少资源加载耗时，优先保障首屏核心资源；运行性能：通过「虚拟列表 + 非主线程计算」减少主线程阻塞，提升交互流畅度；体验兜底：弱网 / 异常场景下的降级方案，保障基础体验。核心思路：前端性能优化是「分层优化 + 场景适配」，先通过构建 / 网络层降低下载成本，再通过运行时减少渲染 / 计算开销，最后通过兜底方案保障极端场景体验。

它不是对 Vue2 的否定，而是对复杂场景下前端工程化能力的升级—— 既解决了 Vue2 在逻辑组织、复用、类型支持上的痛点，又保持了 Vue 的易用性，更适配企业级项目的长期维护和扩展需求。

核心考点：Promise 状态的 “不可逆性” 和链式调用的 “返回新实例” 规则，是异步编程的核心基础；实战重点：熟练用 Promise 封装异步操作，掌握 catch 统一错误处理，为后续学 async/await 打基础；易错点：忽略链式调用的 return 传递规则、未捕获异步错误，开发中需养成 “必写 catch” 的习惯。

核心考点：async/await 是 Promise 的语法糖，底层基于 Generator + Promise，核心优势是 “同步风格写异步”；实战重点：掌握try/catch错误处理、并行请求优化，这是前端接口封装的核心技能；易错点：避免无意义的串行 await、不要遗漏错误捕获，这是面试中体现工程化思维的关键。

核心考点：Promise 状态的 “不可逆性” 和链式调用的 “返回新实例” 规则，是异步编程的核心基础；实战重点：熟练用 Promise 封装异步操作，掌握 catch 统一错误处理，为后续学 async/await 打基础；易错点：忽略链式调用的 return 传递规则、未捕获异步错误，开发中需养成 “必写 catch” 的习惯。

</i>深度思考 (R1)</text><text><i class="iconfont icon-shendusikao deep-icon">我能帮你搜索医疗文献，分级诊疗AI协作，请你把任务交给我吧~</view><text v-if="!<view class="title-text">AI问答

在 websocket 连接被建立后，如果一段时间未活动，服务器或防火墙可能会超时或终止连接。想要解决这个问题， 我们可以。我们需要两个方法实现：一个来确保连接不会中断，，另一个用来取消此设定。现在我们实现了我们需要的两个方法，我们可以在。

el-button type="primary" @click.stop="toggleMinimize" class="min-btn">最小化</el-button><el-button type="danger" class="close-btn"@click.stop="close" plain>关闭</el-button>ElMessageBox.confirm(props.confir