# ksdmx

**Repository Path**: Zhang-_chunyang/ksdmx

## Basic Information

- **Project Name**: ksdmx
- **Description**: 矿山大模型
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-09-04
- **Last Updated**: 2025-09-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 宜宾矿山安全大模型系统

基于Vue3 + Element-UI + OpenLayers的矿山安全监控系统

## 功能特性

- 🗺️ **地图监控**: 使用OpenLayers展示监控设备分布
- 📊 **数据可视化**: 使用ECharts展示各类统计图表
- 🚨 **实时告警**: AI智能告警系统
- 📈 **趋势分析**: 告警趋势和设备状态分析
- 🎨 **现代化UI**: 基于Element-UI的美观界面

## 技术栈

- **前端框架**: Vue 3
- **UI组件库**: Element Plus
- **地图引擎**: OpenLayers
- **图表库**: ECharts
- **构建工具**: Vite
- **路由**: Vue Router

## 项目结构

```
ksdmx/
├── src/
│   ├── views/          # 页面组件
│   │   ├── Home.vue    # 首页
│   │   ├── Monitor.vue # 实时监控
│   │   ├── Alarm.vue   # AI告警
│   │   ├── History.vue # 历史回放
│   │   └── Settings.vue # 管理设置
│   ├── router/         # 路由配置
│   ├── App.vue         # 主应用组件
│   └── main.js         # 应用入口
├── index.html          # HTML模板
├── package.json        # 项目配置
├── vite.config.js      # Vite配置
└── README.md           # 项目说明
```

## 首页功能模块

### 1. 地图模块
- 使用OpenLayers展示宜宾地区地图
- 显示监控设备分布位置
- 支持设备点击查看详情

### 2. 告警信息统计
- 柱状图展示各类告警数量
- 支持今日、本周、本月、本年时间切换
- 包含安全帽、人员闯入、抽烟、危险行为、设备故障等类型

### 3. 设备情况统计
- 饼图展示设备运行状态
- 正常运行、离线、故障状态分布

### 4. 告警处理情况
- 饼图展示告警处理进度
- 已处理、处理中、待处理状态

### 5. 预警类型分析
- 卡片式展示各类预警统计
- 未带安全帽次数、人员闯入次数、抽烟次数、危险行为次数

### 6. 告警趋势分析
- 折线图展示告警趋势变化
- 支持时间范围选择

## 安装和运行

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

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

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

## 开发说明

- 系统采用上下布局，顶部为导航栏，底部为内容区域
- 使用Vue Router进行路由管理
- 地图使用OpenLayers实现，支持设备标记和交互
- 图表使用ECharts实现，支持多种图表类型
- 响应式设计，适配不同屏幕尺寸

## 后续开发计划

- [ ] 实时监控页面开发
- [ ] AI告警功能完善
- [ ] 历史回放功能
- [ ] 管理设置功能
- [ ] 用户权限管理
- [ ] 数据接口对接