# 智能闸井监测管理系统前端

> 智能闸井监测管理系统WEB前端，系统管理模块基于基础权限管理的基础框架 ，整个系统模块包括闸井状态总览、闸井管理、告警管理、工单管理、设备配置。
 
> 可作为后续前后端分离的管理系统的基础前端框架使用。

## 相关项目

本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。

[vue-admin-template](https://github.com/PanJiaChen/vue-admin-template)

[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)

[electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)

[vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)

## 安装前提

1. 安装nodejs

去[nodejs官网](https://nodejs.org/zh-cn/)下载安装包


安装完成之后，在cmd中检查Node.js版本，输出版本号则表示安装成功
```bash
node --version
```

## 安装步骤

```bash
# 克隆项目
git clone http://192.168.0.203:8080/gitbucket/root/smartwell_front

# 安装依赖
npm install

# 建议不要用cnpm  安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# Serve with hot reload at localhost:9528
npm run dev

# Build for production with minification
npm run build

# Build for production and view the bundle analyzer report
npm run build --report
```

## 界面

![demo](http://192.168.0.203:8080/gitbucket/root/BaseFrontEnd/tree/master/static/images/demo.gif)

## 浏览器支持情况

主流浏览器和IE 10+.

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| --------- | --------- | --------- | --------- |
| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions

## License

Copyright (c) 2019-present WangXiaoying
