UBEES - 战场环境探索系统 (Vue3版本)

基于Vue3的现代化战场环境探索与可视化系统，整合无人机空中侦查和机器狗地面探索数据，提供实时战场态势感知和环境建图功能。

项目结构

Vue3/
├── dist/                  # 构建输出
├── src/
│   ├── assets/            # 资源文件
│   │   ├── icons/         # 状态图标
│   │   └── images/        # 系统图像资源
│   ├── components/        # 组件
│   │   ├── LeftPanel.vue      # 左侧面板 - 设备管理
│   │   ├── RightPanel.vue     # 右侧面板 - 探索控制
│   │   ├── MapDisplay.vue     # 地图显示组件
│   │   └── dialogs/       # 对话框组件
│   │       ├── AddRobotDialog.vue    # 添加机器狗
│   │       ├── AddUAVDialog.vue      # 添加无人机
│   │       ├── RobotListDialog.vue   # 机器狗列表
│   │       └── UAVListDialog.vue     # 无人机列表
│   ├── views/             # 页面视图
│   │   ├── MainInterface.vue     # 主界面
│   │   ├── InjuryAnalysis.vue    # 数据分析页面
│   │   └── InjuryDisplay.vue     # 探索数据展示
│   ├── router/            # 路由配置
│   ├── store/             # Vuex状态管理
│   │   └── modules/       # 模块化store
│   │       ├── robot.js   # 机器狗管理
│   │       ├── uav.js     # 无人机管理
│   │       ├── injury.js  # 探索数据管理
│   │       └── map.js     # 地图数据管理
│   ├── styles/            # 样式文件
│   └── main.js           # 应用入口
├── package.json           # 项目配置
├── vite.config.js         # Vite配置
└── index.html            # HTML模板

功能特性

🎯 核心功能

战场探索: 机器狗地面环境识别与ROS建图
空中侦查: 无人机空中监控与数据收集
数据融合: 多源探索数据实时整合与可视化
态势感知: 战场环境实时监控与分析

🚀 技术特点

Vue3 + Vuex4: 现代化前端框架和状态管理
Element Plus: 企业级UI组件库
ROS集成: 与机器狗ROS系统数据通信
实时通信: WebSocket实时数据传输
模块化设计: 组件化和模块化架构
响应式布局: 适配不同屏幕尺寸

📊 数据管理

机器狗数据: ID、在线状态、ROS节点信息、位置坐标、传感器数据
无人机数据: ID、飞行状态、航线信息、实时位置、载荷状态
探索数据: 环境地图、目标识别、威胁评估、路径规划

快速开始

安装依赖

cd Vue3
npm install

开发环境运行

npm run dev

生产环境构建

npm run build

界面说明

主界面布局

┌─────────────────────────────────────────────────────────┐
│                UBEES 战场探索系统                        │
├─────────────┬───────────────────────┬─────────────────────┤
│             │                       │                     │
│  设备管理    │      环境地图区域      │    探索控制模块      │
│             │                       │                     │
│ - 机器狗列表 │                       │ - 无人机控制        │
│ - ROS状态   │    🗺️ 环境建图       │ - 机器狗控制        │
│ - 添加设备  │                       │ - 路径规划          │
│ - 传感器    │                       │ - 目标识别          │
│ - 无人机管理 │                       │ - 数据分析          │
│             │                       │                     │
└─────────────┴───────────────────────┴─────────────────────┘

地图功能

设备标记: 机器狗🐕、无人机🚁
探索标记: 已探索区域、未知区域、障碍物
路径显示: 实时轨迹、规划路径、历史轨迹
传感器数据: 激光雷达、摄像头视野、障碍物检测

状态管理

实时监控: 设备在线状态、ROS节点状态
数据统计: 探索进度、目标检测统计
状态指示: 系统运行状态、通信状态

开发指南

添加新功能

在对应的store模块中添加状态和方法
创建或修改相关组件
更新路由配置（如需要）
编写ROS通信接口或WebSocket连接

自定义样式

全局样式在 src/styles/global.scss
组件样式使用scoped CSS
CSS变量定义在:root中

ROS集成

WebSocket连接位于 src/api/
使用rosbridge进行ROS通信
在Vuex actions中处理ROS消息

部署说明

环境要求

Node.js >= 12.0.0
npm >= 6.0.0

配置说明

ROS节点地址在 src/api/ 中配置
WebSocket连接参数在环境变量中设置

待完成功能

ROS数据接口完善
机器狗SLAM建图集成
无人机航线规划系统
目标识别与跟踪
实时视频流集成
数据融合算法优化
战场环境建模功能

技术支持

如有问题请联系开发团队或提交Issue。