# 项目核心记忆

## 时间轴和 WebSocket 数据流同步
- `isChange_flag_firstBackDate`：首次返回数据变化标志，用于协调时间轴选择和 WebSocket 数据更新的时序
  - 当用户拖动时间轴时重置为 false
  - WebSocket 返回新数据时设为 true
  - 只有为 true 时，selectedEndTime 变化才会触发子系统数据更新
  - 解决"先改时间还是先等数据"的竞态条件

## WebUI 嵌入 UE 的透明问题
- 页面透明：由于多个层级（body、#app、el-dialog、容器）的背景色设置不当导致 UE 场景透出
- Element Plus 的 el-container/el-header 等组件默认没有背景色
- 修复方案：统一设置各层级的背景色或背景图片，确保完全覆盖

## CSS 背景图常见错误
- `background-image` 只接受图片地址，不能包含 no-repeat、center 等参数
- 正确的做法是用 `background` 简写属性：`background: url(...) no-repeat center center / cover`
- 或者分开写：`background-image` + `background-repeat` + `background-position` + `background-size`

## 项目结构特点
- 使用 Vue 3 + Element Plus + Vite
- 时间轴组件在 footer2/timers.vue 和 footer/component/timers.vue
- WebSocket 用于实时数据获取和子系统状态更新
- 卫星数据可视化项目，包含多个图表组件（热力图、曲线图等）

## UE 与 WebUI 集成
- WebUI 嵌入 UE 需要处理渲染层级和光照影响
- 建议使用 Unlit 材质或调整材质 Emissive 值来避免 UE 灯光影响 WebUI 显示