工作流
##介绍 基于vue2.x实现的工作流、审批流。可以实时查看节点状态。节点样式可以定制,不同类型节点对应的颜色可以配置。
软件架构
- 基于vue2.6+
- 代码结构仿elementUI
- packages:用于存放组件
- workflowBaseVue:工作流组件
- examples:用于存放测试代码,类应用型项目的src
- packages:用于存放组件
- vue-cli 支持构建一个第三方库 vue-cli-service build --target lib packages/index.js
安装
npm i workflow-base-vue --save
API说明
1.API-Attributes
参数 | 类型 | 说明 | 可选值 | 默认值 |
---|---|---|---|---|
treeData | object | 数据源 | - | - |
config | object | 转换器 | - | { nodeId: "nodeId",nodeTitle: "nodeTitle", status: "status", nodeDesc: "nodeDesc", opt: "opt", stime: "stime", etime: "etime", nexts: "nexts", next: "next"} |
rootNodeID | number/string | 根节点的id | - | '1' |
lastNodeID | number/string | 尾节点的id | - | - |
showItem | array | 要显示的字段及顺序 | - | - |
statusANDcolorConfig | array | 配置状态值与节点背景色的对照表 | - | - |
2.API-Events
事件名称 | 说明 | 回调参数 |
---|---|---|
click | 点击节点触发的事件 | 点击的节点数据 |
参与贡献
- Fork 本仓库
- 新建 Feat_xxx 分支
- 提交代码
- 新建 Pull Request
特技
- 使用 Readme_XXX.md 来支持不同的语言,例如 Readme_en.md, Readme_zh.md
- Gitee 官方博客 blog.gitee.com
- 你可以 https://gitee.com/explore 这个地址来了解 Gitee 上的优秀开源项目
- GVP 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目
- Gitee 官方提供的使用手册 https://gitee.com/help
- Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 https://gitee.com/gitee-stars/