

基于 Vue 3 的无人机送餐飞控数字大屏实现,包含实时飞行数据、动态地图轨迹、订单进度模拟等核心功能,采用深色科技风 UI,并适配鼠标交互提示。
无人机送餐飞控数字大屏的界面示意图,主要用于展示无人机配送过程中的实时飞行状态与订单进度。以下是对其核心内容的介绍:
一、界面整体布局
大屏采用深色背景,强调科技感与数据可视性。顶部显示当前时间(2026/04/04 09:22:34)和"返回首页"按钮;中部左侧为"实时飞行数据"面板,中部为"无人机实时监控"画面与"配送路线地图",右侧或下方则展示订单详情。
二、关键飞行参数
-
飞行高度:120 米
-
飞行速度:45 km/h
-
电池电量:78%
这些数据表明无人机正处于稳定的巡航状态,电量充足,可完成当前配送任务。
三、配送订单状态
系统同时管理两个订单:
-
ORD-2024-001(配送中)
-
起点:美食广场A区
-
终点:科技园区3号楼
-
商品:汉庭套餐2
-
预计剩余时间:15分钟
-
进度:65%
-
-
ORD-2024-002(待配送)
- 状态为排队等待,尚未起飞。
四、辅助功能元素
-
三维地图区域:支持鼠标交互(左键旋转、右键平移、滚轮缩放),便于操作员查看飞行路径与周边环境。
-
Windows 激活提示:界面右下角出现"转到设置以激活Windows"的水印,说明该大屏运行在未激活的Windows系统上,属于临时或测试环境。
五、应用场景总结
该大屏适用于无人机外卖配送的调度中心,可让操作员同时监控多架无人机的实时位置、电量、速度以及订单执行进度,并支持地图交互以规划或调整航线。整体设计突出了对时效性、安全性和配送效率的管控需求。