# 城管-垃圾分类管理系统前端

> 基于2.0版前端基础框架


## 系统介绍
    
   
   垃圾分类管理系统实现对垃圾分类的精细化管理，主要包括物品管理、会员管理、分类专题图等。

（1）物品管理

   物品管理主要针对垃圾桶基础数据管理，能实现生活垃圾桶基础属性的集中归口管理，通过数据库管理保证了数据的准确性和统一性，便于对收集点情况进行精细化管理。
   
   建立垃圾桶数据库信息，包括：名称、所在小区/路段、所属区域、所属街道、照片、服务人口、地址、当前收集单位、当前收集车辆、责任人、联系方式、收集频率、GPS/北斗坐标等。
   
   建立垃圾袋数据库信息，包括：库存、使用时间、使用类型、使用区域、回收情况等。
   
   建立分类箱数据库信息，包括：名称、所在小区/路段、所属区域、所属街道、照片、服务人口、地址、当前收集单位、当前收集车辆、责任人、联系方式、收集频率、GPS/北斗坐标等。
   
（2）会员管理

   会员管理主要实现了对市民参与垃圾分类活动对应会员及积分的管理。

（3）分类专题图
    
   运用在线地图技术实现垃圾桶、分类箱地理位置的在线查询、查看及新增等操作，可对设施分布直观掌控，辅助设施空间布局。

   通过矩形、圆形以及多边形等图形方式在地图上任意绘制区域，系统将自动显示指定区域的分类箱数量、分布情况以及面积等。


## 安装前提

1. 安装nodejs

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


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

## 安装步骤

```bash
# 克隆项目
git clone xxxx

# 安装依赖
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
```

## 浏览器支持情况

主流浏览器和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) 2021-present WangXiaoying
