项目背景
这个项目面向的是需要持续监管飞行状态、快速回看任务过程、并在异常出现时及时介入的现场团队。原有工具把视频、飞行记录、历史查询和监管动作分散在不同界面里,真正进入工作状态后,判断链路很长,交接也很慢。
监管团队并不缺数据,缺的是一个能把信息压到同一张工作台上的控制层。
问题定义
- 视频、地图、遥测和事件记录分散,使用者需要频繁切换窗口
- 历史回看与实时监管是两套割裂逻辑,复盘效率低
- 现场主管要先“找信息”,才能开始“做判断”
- 监管界面的视觉层级不稳定,高压状态下容易漏掉关键信号
系统方案
平台的目标不是把信息堆满,而是把监管流程缩短。
我们把系统分成三条主线:
- 实时监管主线:统一呈现视频、遥测、地图与告警,让值守人员不离开主界面就能判断当前状态
- 历史回看主线:把飞行轨迹、时间节点和事件记录压回同一条时间语境,支持快速复盘
- 监管动作主线:把筛选、定位、查看、记录和跟进放到连续动作里,而不是分散在多个工具里
架构图
现场数据层
无人机视频流 / 遥测数据 / 飞行轨迹 / 历史记录
Data enters one supervision surface
控制界面层
实时监管面板 / 地图联动 / 告警聚合 / 时间回看
Signals turn into supervision actions
运营协同层
值守判断 / 异常定位 / 复盘分析 / 后续报告
关键功能
1. 实时监管总览
把视频、地图、飞行状态和异常信号统一进一个总览界面,让监管人员先获得整体态势,再进入具体对象。
2. 时间语境下的历史回看
不是简单的录像回放,而是把飞行轨迹、时间节点、遥测变化和关键事件对齐,支持问题倒查与任务复盘。
3. 事件聚合与快速定位
把告警、异常点位和监管动作压缩到相邻区域,减少“看到问题后还要找入口”的操作损耗。
4. 报告与后续分析基础
保留历史视图和关键节点,为后续分析、异常说明和运营报告提供可追溯的结构。
实际效果
- 监管信息不再分散在多个孤立窗口里
- 实时判断和历史复盘开始共享同一套界面逻辑
- 一线值守人员更容易在短时间内抓住异常,而不是先花时间重新组织信息
- 整个平台的气质更像一个稳定运行中的系统,而不是技术演示页面
技术栈
- Next.js App Router
- React
- Tailwind CSS
- MDX
- Framer Motion
- TypeScript
这个项目的重点不在“页面做得多炫”,而在于让监管工作真正变得更直接、更平静、更可判断。