# IOTProject

**Repository Path**: whiteCloser/iotproject

## Basic Information

- **Project Name**: IOTProject
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-12
- **Last Updated**: 2025-04-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 车辆管控系统

## 系统整体架构
该系统是一个基于Vue 3的前端项目，使用TypeScript开发，采用了Element Plus作为UI组件库。系统通过路由管理多个功能模块，包括登录、大屏展示、交通管理等多个子系统。

### 主要技术栈
- Vue 3 + TypeScript
- Element Plus 组件库
- ECharts 图表库
- Three.js 3D渲染
- Vuex 状态管理
## 主要界面及功能
### 1. 登录与注册界面
- 路径： / 和 /register
- 功能：用户登录和注册系统
### 2. 大屏展示界面
- 路径： /partScreen
- 组件： screenIndex.vue
- 功能：使用autofit.js实现自适应大屏展示，包含头部和主体内容
- 特点：背景使用特定图片，适合监控中心大屏展示
### 3. 主页视图
- 路径： /homeView
- 组件： HomeView.vue
- 功能：作为系统的主框架，包含左侧菜单和内容区域
### 4. 道路交通管理相关界面 4.1 道路拥堵管理
- 路径： /roadCongestion
- 组件： roadCongestion.vue
- 功能：
  - 实时监控道路交通状况
  - 显示车辆流量统计
  - 提供车道调节功能
  - 支持AI辅助交通管理 4.2 交通事故管理
- 路径： /roadAccident
- 组件： AccidentView.vue
- 功能：
  - 交通事故记录和处理
  - 事故现场3D模拟展示
  - 提供事故处理方案推荐 4.3 危险车辆追踪
- 路径： /warningCar
- 组件： WarnCarView.vue
- 功能：追踪和监控危险车辆
### 5. 拥堵管理相关界面 5.1 拥堵记录管理
- 路径： /congestionListView
- 组件： congestionListIndex.vue
- 功能：
  - 拥堵记录的增删改查
  - 拥堵数据导出
  - AI预测拥堵情况
  - 拥堵事件处理流程管理 5.2 人群拥堵管理
- 路径： /peopleCrowded
- 组件： peopleCrowded.vue
- 功能：
  - 监控人群密度
  - 处理人群拥堵事件
  - 提供拥堵等级分类（高、中、低）
### 6. 监控管理界面
- 路径： /allCongestionView
- 组件： allCongestionView.vue
- 功能：
  - 摄像头管理（增删改查）
  - 视频流查看
  - 红绿灯状态监控
  - 可变车道信息管理
### 7. 停车场管理界面
- 路径： /partWarning
- 组件： partWarningView.vue
- 功能：停车场容量和状态监控
### 8. 天气预警界面
- 路径： /warningWeather
- 组件： weatherWarning.vue
- 功能：
  - 监控天气状况（温度、风速、湿度等）
  - 提供天气预警
  - 仓储区域温湿度监控
### 9. 平台预警界面
- 路径： /warningView
- 组件： WarningView.vue
- 功能：系统级别的预警管理
### 10. 事故记录界面
- 路径： /recordsView
- 组件： AccidentList.vue
- 功能：历史事故记录查询和管理
### 11. 用户管理界面
- 路径： /usersView
- 组件： UsersView.vue
- 功能：系统用户管理