# Agv-frontend

**Repository Path**: chemxy/agv-frontend

## Basic Information

- **Project Name**: Agv-frontend
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-26
- **Last Updated**: 2025-07-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
<h1>AGV地铁隧道巡线车前端系统</h1>
</div>

<p align="center">
<img alt="" src="https://img.shields.io/badge/release-v1.1.0-brightgreen" style="display: inline-block;" />
<img alt="" src="https://img.shields.io/badge/node-v22.14.0-brightgreen" style="display: inline-block;" />
<img alt="" src="https://img.shields.io/badge/npm-v10.9.2-brightgreen" style="display: inline-block;" />
</p>

## <img alt="" src="https://doc-icon.oss-cn-beijing.aliyuncs.com/readme-icon-introduction.png" style="display: inline-block;" width=3%/> 1 介绍

AGV地铁隧道巡线车前端系统是一个基于Vue 3的现代化Web应用，为AGV设备提供友好的用户界面和交互体验。系统支持设备控制、任务管理、实时监控等核心功能，实现了巡检任务的可视化管理。

### 1.1 技术使用

- **核心框架**: Vue 3.3.4
- **构建工具**: Vite 4.4.9
- **状态管理**: Pinia
- **路由管理**: Vue Router
- **UI组件库**: Element Plus
- **HTTP客户端**: Axios

### 1.2 项目特性

- **任务管理**: 可视化的任务创建、执行、监控和管理
- **实时监控**: 设备状态和任务执行进度的实时监控
- **响应式设计**: 适配不同屏幕尺寸的界面布局

## <img alt="" src="https://doc-icon.oss-cn-beijing.aliyuncs.com/readme-icon-framework.png" style="display: inline-block;" width=3%/> 2 架构

### 2.1 项目结构

```
agv-frontend/
├── src/                               # 源代码目录
│   ├── api/                           # API接口
│   ├── assets/                        # 静态资源
│   │   └── scss/                      # SCSS样式文件
│   ├── components/                    # 公共组件
│   │   ├── common/                    # 通用组件
│   │   └── task/                      # 任务相关组件
│   ├── composables/                   # 组合式函数
│   ├── constants/                     # 常量定义
│   ├── router/                        # 路由配置
│   ├── stores/                        # Pinia状态管理
│   ├── utils/                         # 工具函数
│   ├── views/                         # 页面视图
│   ├── App.vue                        # 根组件
│   └── main.js                        # 入口文件
├── index.html                         # HTML模板
├── vite.config.js                     # Vite配置
├── package.json                       # 项目依赖
├── CHANGELOG.md
├── LICENCE
└── README.md                          
```

## <img alt="" src="https://doc-icon.oss-cn-beijing.aliyuncs.com/readme-icon-compile.png" style="display: inline-block;" width=3%/> 3 使用说明

### 3.1 开发环境

- Node.js v22.14.0+
- npm v10.9.2+

### 3.2 安装依赖

```bash
npm install
```

### 3.3 运行项目

```bash
npm run dev
```

## <img alt="" src="https://doc-icon.oss-cn-beijing.aliyuncs.com/readme-icon-contribute.png" style="display: inline-block;" width=3%/> 4 参与贡献

本项目是东北大学软件学院2023级软件工程专业大二下学期实训内容，技术支持和意见反馈请提Issue。

本项目基于 Apache License 2.0，欢迎给我们提交PR，欢迎参与任何形式的贡献。

本项目committer：[@李轩宇](https://gitee.com/chemxy) [@武怡凡](https://gitee.com/wu-yifan-neu) [@梁个宁](https://gitee.com/beam00) [@王天琪](https://gitee.com/wang-tianqi15203) [@续元宏](https://gitee.com/continuation-of-yuanhong)