# zhjg_vue_2.0

**Repository Path**: peter_dayu/zhjg_vue_2.0

## Basic Information

- **Project Name**: zhjg_vue_2.0
- **Description**: 盐南平台大屏
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-11
- **Last Updated**: 2024-06-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# wisdom-build-supervision
> 建设工程智慧监管建设平台

[![Vue](https://img.shields.io/badge/vue-2.6.8-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue)
[![Ant Design Vue](https://img.shields.io/badge/ant_design_vue-1.3.7-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![Vue Style Guide](https://img.shields.io/badge/vue_style-beta-brightgreen.svg)](https://vuefe.cn/v2/style-guide/)

## 使用前必读
1. 技术栈vue + vue-router + vuex, axios作为http请求库
2. 集成打包脚手架使用[vue-cli3.0](https://cli.vuejs.org)
3. 使用[ant-design-vue](https://github.com/vueComponent/ant-design-vue)作为主体UI组件
4. Vue代码风格参考[style-guide](https://vuefe.cn/v2/style-guide/),JS参考[JavaScript Standard Style](https://standardjs.com/rules-zhcn.html)
5. 推荐使用VSCODE作为开发IDE，yarn安装包依赖
6. Git规范参考[GitFlow](https://www.cnblogs.com/lcngu/p/5770288.html)和[Commit message](http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html)

## 开发工具

- [vue-devtools - vue调试开发工具](https://github.com/vuejs/vue-devtools)

### 推荐IDE

- [VSCODE](https://code.visualstudio.com/)

#### Vscode推荐插件

- [Vetur - Vue tooling for VS Code](https://vuejs.github.io/vetur/)

- [Ant Design Vue helper](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper)

- [Eslint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

- [EditorConfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)

### JS风格指南(必须)

- [JavaScript Standard Style](https://standardjs.com/rules-zhcn.html)

### Vue风格指南(必须)

- [style-guide](https://vuefe.cn/v2/style-guide/)

- [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue/tree/master/docs/rules)

### Git风格指南(推荐)

- [Commit message](http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html)

## Main Javascript Framework

-	[Vue](http://cn.vuejs.org/guide/)

-	[Vue-router](http://router.vuejs.org/zh-cn/index.html)

-	[Vuex](http://vuex.vuejs.org/zh-cn/index.html)

-	[Axios - Http Client](https://github.com/mzabriskie/axios)

### UI Compoents

- [ant-design-vue](https://github.com/vueComponent/ant-design-vue) - Ant Design Of Vue 实现

### Plugins

- [Loadsh - JavaScript 实用工具库](https://www.lodashjs.com/)

- 安装依赖
```
yarn
```

- 开发模式运行
```
yarn run serve
```

- 编译项目
```
yarn run build
```

- Lints and fixes files
```
yarn run lint
```


## 其他说明
----

- 修改 Ant Design 配色，在文件 `vue.config.js` 中，其他 less 变量覆盖参考 [ant design](https://ant.design/docs/react/customize-theme-cn) 官方说明
```ecmascript 6
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          /* less 变量覆盖，用于自定义 ant design 主题 */
          'primary-color': '#F5222D',
          'link-color': '#F5222D',
          'border-radius-base': '4px',
        },
        javascriptEnabled: true,
      }
    }
  }
```

## 路由说明
1. /src/router.js是总的路由
2. /src/views下若文件夹内存在route.js则会通过webpack上下问自动注入到全局router中
3. 通知提醒是gaojing文件夹，内部的路由在gaojing/index.js循环注入中
4. 除了统计，其他模块的路由都是用city代表市级别，district代表区级别，project代表项目级别。路由里面切记要填写name，否则首页的
菜单跳转会出现问题。