# ground web
**Repository Path**: yeliu0715/ground-web
## Basic Information
- **Project Name**: ground web
- **Description**: 前端
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-04
- **Last Updated**: 2026-03-17
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
ground-web
基于 [vue-pure-admin精简版（非国际化版本）](https://github.com/pure-admin/pure-admin-thin)
许可证 [MIT © 2020-present, pure-admin](https://github.com/pure-admin/pure-admin-thin/blob/main/LICENSE)
## 目录
[介绍](#介绍)
[页面说明](#页面说明)
[配置说明](#配置说明)
[结构说明](#结构说明)
## 介绍
ground-web是车地智能管理平台前端页面工程，项目基于 [vue-pure-admin精简版](https://github.com/pure-admin/pure-admin-thin) 进行二次开发。实现包括实时地图显示、车辆状态显示、车辆远程控制、数据智能分析等功能。
## 页面说明
### 首页
| 区域 | 内容 |
| ----------- | ------------------------------------------------------------------------- |
| A1 | 系统名称显示区 |
| A2 | 标题导航分页1 |
| A3 | 标题导航分页2 |
| A4 | 标题导航分页3 |
| A5 | 标题导航分页4 |
| B1 | 地图显示区域（车辆信息：车辆名称，故障状态，经纬度坐标） |
| C1 | 车辆故障信息图表显示区域（数据：时间 车辆/设备编号名称 故障信息） |
| C2 | 车辆统计概览显示区域（数据：在线车辆，正常车辆，故障车辆） |
| C3 | 智能分析提示 |
### 多车状态
| 区域 | 内容 |
| ----------- | ------------------------------------------------------------------------- |
| A1 | 系统名称显示区 |
| A2 | 标题导航分页1 |
| A3 | 标题导航分页2 |
| A4 | 标题导航分页3 |
| A5 | 标题导航分页4 |
| B | 车辆状态条件筛选表单：1.类型；2.故障状态；3.运用状态； |
| C | 车辆状态信息块显示区 |
### 单车详情
| 区域 | 内容 |
| ----------- | ----------------------------------------------------------------------------- |
| A1 | 系统名称显示区 |
| A2 | 标题导航分页1 |
| A3 | 标题导航分页2 |
| A4 | 标题导航分页3 |
| A5 | 标题导航分页4 |
| B1 | 车辆视频显示区,摄像头打开、关闭按钮（右上角）,摄像头关闭后，默认显示模型图片 |
| C1 | 车辆选择 弹窗选择车号 |
| C2 | 制动数据实时显示 |
| C3 | 电池信息实时显示 |
| C4 | 柴油机数据实时显示 |
| C5 | 牵引变流数据实时显示 |
| C6 | 故障信息 |
| C7 | 摄像头选择（显示摄像头名称选择） |
### 故障日志
| 区域 | 内容 |
| ----------- | ----------------------------------------------------------------------------- |
| A1 | 系统名称显示区 |
| A2 | 标题导航分页1 |
| A3 | 标题导航分页2 |
| A4 | 标题导航分页3 |
| A5 | 标题导航分页4 |
| B | 故障日志条件筛选表单(来源 车辆编号 类型 级别 时间 活跃告警 历史记录) |
| C | 故障日志列表显示区 |
### 智能分析
| 区域 | 内容 |
| ----------- | ----------------------------------------------------------------------------- |
| A1 | 系统名称显示区 |
| A2 | 标题导航分页1 |
| A3 | 标题导航分页2 |
| A4 | 标题导航分页3 |
| A5 | 标题导航分页4 |
| B | 分析建议条件筛选表单(车辆编号 时间) |
| C | 分析建议列表显示区(车辆编号 设备 异常名称 建议级别 详情 提出建议时间) |
## 配置说明
### 技术栈
- 核心框架： Vue 3 + TypeScript + Vite
- UI框架： Element Plus
- 构建工具： Vite
### 环境要求
- Node.js（ >= 20.19.0 ）
- pnpm（推荐）或 npm 或 yarn
### 安装步骤
git clone https://gitee.com/yeliu0715/ground-web.git
cd [项目目录]
pnpm install
pnpm run serve
## 结构说明
###### (代码结构说明)
|— public # 静态资源
|— src
| |— api # 接口请求封装
| |— assets # 静态资源
| |— components # 全局公共组件
| |— config
| |— directives
| |— layout # 布局组件
| |— plugins
| |— router
| |— store
| |— style
| |— utils
| |— views # 业务页面文件
| |— App.vue
| |— main.ts
|— .env
|— .env.development
|— .env.production
|— index.html
|— package.json
|— pnpm-lock.yaml
|— ……
## 其他文档
[点我查看 UI 设计](https://www.bilibili.com/video/BV17g411T7rq)
[点我查看快速开发教程](https://www.bilibili.com/video/BV1kg411v7QT)
[点我查看 vue-pure-admin 文档](https://pure-admin.cn/)
[点我查看 @pureadmin/utils 文档](https://pure-admin-utils.netlify.app)