# cs_vue

**Repository Path**: action2015/cs_vue

## Basic Information

- **Project Name**: cs_vue
- **Description**: cs(common system)通用管理系统，前端项目，对elementui的组件进行二次封装，整合axios，vuex,vue-router框架。自定义插件，全局过滤器，工具类注册，列表配置页面，菜单配置等相关功能页面制作
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2021-01-15
- **Last Updated**: 2021-01-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# cs_vue

## 基础指令
```
下载依赖
npm install
运行项目
npm run serve
项目打包
npm run build

```
## 详细的使用及说明文档

**语雀(ps:刚开始写，边开发边完善)**：https://www.yuque.com/wuzhiaite/ailopg/vfia6q

**线上地址(ps:服务器只有1M带宽，首次访问慢的会让人发指)**：http://www.wuzhiaite.top/


## 基础功能实现
```
vue.config.js 配置转发路径和端口，基础路径配置等；
.env文件配置环境的相关映射

```
###  1.通用台账配置页面

作用：1.通过前端配置可以生成一个简单的列表页面；2.简化通用列表页面的新增；3.通用报表页面，通用功能导出。

![avatar](./img/com-config-page.jpg)

**配置生成的页面的样式**

![avatar](./img/pagelist.jpg)


###  2.通用权限管理页面
#### 2.1 部门管理


###  3.BPMN 流程配置页面


备注：
涉及到的业务官网：
- 图形拖动组件 （https://sortablejs.github.io/Vue.Draggable/#/simple）
- 树状选择框   https://vue-treeselect.js.org/
- **整合BPMN** 
   - 借鉴代码：https://gitee.com/xiaofanger/vue-bpmn-flowable
   - 借鉴博客（很详细的讲解了所有的操作）：https://www.jianshu.com/p/1d6e4ae5d2c1
- UI框架（ElementUI） https://element.eleme.io/#/zh-CN/guide/design
- 视频播放组件video.js,vue整合文档  https://docs.videojs.com/tutorial-vue.html