# wl-data
**Repository Path**: zwenna/wl-data
## Basic Information
- **Project Name**: wl-data
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-04-10
- **Last Updated**: 2021-03-11
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# wl-data
> 数据分析平台
## npm scripts
```bash
$npm run dev // 项目启动
$npm run build // 项目打包
$npm run clean // 删除node_modules
```
## 项目如何构建
```bash
npm run build
```
## 项目目录说明
```txt
.
├── build
├── config
├── package.json
├── src
│ ├── App.vue
│ ├── api
│ │ └── api.js // 所有接口请求
│ ├── assets // 公共资源
│ │ ├── font // 字体
│ │ ├── images // 图片
│ │ ├── js
│ │ │ ├── cache.js // 使用good-storage实现本地存储
│ │ │ ├── rem.js // rem适配
│ │ │ ├── requester
│ │ │ │ └── requester.js // Axios请求封装
│ │ │ └── utils.js
│ │ └── styles // 公共样式
│ ├── components // 公共组件
│ │ ├── BaseCompanyData.vue // 公司运营
│ │ ├── BaseHeader.vue // 公共header
│ │ ├── BaseMap.vue // 地图
│ │ ├── BaseProperty.vue // 红色物业
│ │ ├── BaseTitle.vue // 公共title
│ │ ├── CleanDetail.vue // 秩序服务/保洁服务三级
│ │ ├── CleanService.vue // 保洁服务（万联智卡）二级
│ │ ├── CompanyDetail.vue // 公司情况三级
│ │ ├── CompanyInformation.vue // 公司情况二级
│ │ ├── CustomerSatisfaction.vue // 客户满意度二级
│ │ ├── Epidemic.vue // 疫情防控
│ │ ├── Equipment.vue // 设备巡检（万联巡卡+二维码巡检）二级
│ │ ├── EquipmentDetail.vue // 设备巡检三级
│ │ ├── FinancialDetail.vue // 财务情况三级
│ │ ├── FinancialSituation.vue // 财务情况二级
│ │ ├── GridDetail.vue // 网格化管理三级
│ │ ├── GridManagement.vue // 网格化管理二级
│ │ ├── IndustrialPark.vue // 产业园二级
│ │ ├── IntelligenceDetail.vue // 智能化情况三级
│ │ ├── IntelligenceSituation.vue // 智能化情况二级
│ │ ├── Order.vue // 工单
│ │ ├── OrderDetail.vue // 工单三级
│ │ ├── OrderService.vue // 秩序服务（万联智卡+园区巡更）二级
│ │ ├── OrderSource.vue // 工单来源二级
│ │ ├── OrderStatistics.vue // 工单统计二级
│ │ ├── OrderSummary.vue // 工单汇总二级
│ │ ├── Owners.vue // 业委会事务
│ │ ├── PersonnelAdministration.vue // 人事行政二级
│ │ ├── PersonnelDetail.vue // 人事行政三级
│ │ ├── QualityDetail.vue // 品质监察三级
│ │ ├── QualitySupervision.vue // 品质监察二级
│ │ ├── SatisfactionDetail.vue // 客户满意度三级
│ │ ├── Service.vue // 客服服务、工程服务
│ │ ├── SourceDetail.vue // 工单来源三级
│ │ ├── StatisticsDetail.vue // 工单统计三级
│ │ └── SummaryDetail.vue // 工单汇总三级
│ ├── main.js // 入口文件
│ ├── router // 路由
│ ├── store // vuex
│ └── views // 页面
│ ├── CallCenter
│ │ └── CallCenter.vue // 客户服务二级
│ ├── CallCenterDetail
| └── CallCenterDetail.vue // 客户服务三级
│ ├── CompanyOperates
│ │ └── CompanyOperates.vue // 公司运营二级
│ ├── CompanyOperatesDetail
│ │ └── CompanyOperatesDetail.vue // 公司运营三级
│ ├── HealthDegree
│ │ ├── CompanyHealth.vue // 公司健康度
│ │ └── HealthDegree.vue // 小区健康度
│ ├── Home
│ │ └── Home.vue // 首页
│ ├── Login
│ │ └── Login.vue // 登录
│ ├── Reload
│ │ └── ReloadBack.vue // 刷新
│ └── Video
│ └── Video.vue // 宣传片
└── static
├── favicon.ico // logo
└── index.ejs // html的模板(用了ejs模板引擎)
```
### webpack别名配置
+ src : src
+ views : src/views
+ assets : src/assets
+ base : src/base
+ styles : src/assets/styles
+ js : src/assets/js
+ component : src/component
+ images : src/assets/images
+ video : src/assets/video
### 模块说明
项目中将多数模块都单独建立一个组件，方便管理，都存放在components。
## utils.js
文件中各工具函数基本都有注释，主要有：
+ `formatDate`格式化日期
+ `formatFontSize`字号转换
+ `getLastMonth`获取取当前日期的上个月
+ `getPreMonth`获取取当前日期的上n个月
+ `getFirstDay`获取取当前月的第一天
+ `getWeekByDay`星期转换
+ `getBeforeDate`获取当前日期前n天
+ `getLastMonth`获取取当前日期的上个月
+ `getLastMonthCN`获取取当前日期的上个月（中文年月）
## element使用
[使用文档](https://element.eleme.io/#/zh-CN/component/installation)
按需引入，以Select为例，先引入，再注册就可以使用了。
```js
import { Select } from 'element-ui'
components: {
[Select.name]: Select
}
```
## echarts使用
[使用文档](https://echarts.apache.org/examples/zh/)
参照官方使用文档使用便可，组件中先引入echarts，再配置option。
```html
```
```js
let echarts = require('echarts/lib/echarts')
let option = {
...
}
```
## v-charts使用
[使用文档](https://v-charts.js.org/)
按需引入，引入方式与element相似，引入后再配置参数，各参数说明参考官方文档。以饼图为例：
```html
```
```js
import Vpie from 'v-charts/lib/pie.common'
components: {
[Vpie.name]: Vpie
}
data () {
chartData: {
...
}
chartSettings: {
...
},
...
}
```