态势感知系统产品系统Vibe Coding

本项目适用于目标态势感知与综合研判场景，可用于接入多源目标、轨迹、信号、围栏和中心设备数据，在统一地图工作台中完成目标监测、轨迹分析、告警处置、任务关联、知识图谱查询及数据质量监控等业务。

本项目主要包含地图态势展示、目标检索筛选、目标详情查看、轨迹回放与关系分析、电子围栏管理与告警处置、固定目标管理、中心态势与设备信息展示、任务管理、媒体资源与元数据管理、数据接入配置、流式数据接入、数据质量规则配置、数据质量监控报告、知识图谱查询、用户与系统设置等功能模块。系统核心功能是对多源目标、轨迹、信号、资源和设备数据进行统一接入、集中展示、联动分析与业务处置，支撑态势监测和综合研判

- 前端框架：Vue 3、TypeScript
- 构建工具：Vite
- UI 组件库：Ant Design Vue
- 状态管理：Pinia
- 地图与三维可视化：Cesium
- 图表能力：ECharts
- 网络请求：Axios
- 其他能力：Swiper、Three.js、xterm、vue-vnc

从项目结构看，难点主要有几类。

第一是地图与业务联动复杂。项目不是普通表单后台，而是以地图为核心，目标、围栏、热力图、轨迹、中心设备、右侧浮层、详情抽屉等都要围绕同一个地图状态协同刷新，状态同步和交互链路比较复杂。

第二是Cesium 场景下的性能控制。地图上要同时处理目标点、聚合、热力图、异常态势、轨迹回放等内容，数据量一大就容易出现渲染压力、事件拾取复杂、视图刷新延迟等问题，所以性能优化和分层渲染是明显难点。

第三是多源数据接入后的统一处理。项目里有数据接入配置、流式接入、媒体资源、目标数据、轨迹数据、设备数据等模块，不同来源的数据结构、更新频率和展示方式都不一样，要统一接口封装、统一前端查询口径并保证联动正确，这部分实现难度不低。

第四是业务模块多且耦合度高。项目同时包含任务管理、知识图谱、电子围栏、数据质量监控、中心态势、固定目标等模块，很多功能不是孤立页面，而是彼此触发、相互引用，因此组件拆分、状态边界和可维护性控制会比较困难。

第五是类型和接口管理压力大。项目接口较多，很多 api 文件由 swagger 生成，前端还要结合真实业务进行二次封装和数据归一化，既要保证类型安全，也要处理后端字段不完全统一的问题。