# echarts

**Repository Path**: taobo123/echarts

## Basic Information

- **Project Name**: echarts
- **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-10-03
- **Last Updated**: 2025-10-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 专车指挥调度系统

这是一个基于Vue2和ECharts开发的专车指挥调度系统，具有实时监控、地图显示、数据统计等功能。

## 功能特性

- 🗺️ **实时地图监控**: 基于ECharts的地图组件，显示车辆位置和行驶路线
- 🚗 **车辆监控**: 实时显示车辆状态、电池电量、温度等信息
- 📊 **数据统计**: 车辆在线状态、运营效率等统计数据
- 📹 **视频监控**: 车载摄像头和路况监控界面
- 🎨 **科技感UI**: 深蓝色主题，带有动画效果的现代化界面

## 技术栈

- Vue 2.6.14
- ECharts 5.4.3
- Vue-ECharts 6.6.1
- Webpack 5

## 安装和运行

1. 安装依赖:
```bash
npm install
```

2. 启动开发服务器:
```bash
npm run dev
```

3. 构建生产版本:
```bash
npm run build
```

## 项目结构

```
src/
├── main.js              # 应用入口
├── App.vue              # 主应用组件
└── components/
    ├── VehicleMonitor.vue    # 左侧车辆监控面板
    ├── MapComponent.vue      # 中央地图组件
    └── TaskPanel.vue         # 右侧任务信息面板
```

## 界面布局

- **顶部**: 系统标题、搜索功能、用户信息
- **左侧**: 车辆监控信息、车辆状态、任务列表
- **中央**: ECharts地图，显示车辆位置、路线、站点
- **右侧**: 任务信息、统计数据、系统状态、视频监控

## 特色功能

1. **实时数据更新**: 模拟真实的数据更新，包括车辆位置、速度、统计信息
2. **动画效果**: 流畅的CSS动画和ECharts动画效果
3. **响应式设计**: 适配不同屏幕尺寸
4. **科技感界面**: 深蓝色渐变背景，霓虹灯效果边框
5. **数据可视化**: 使用ECharts实现地图可视化和数据图表

访问 http://localhost:8080 查看系统界面。