Skip to content

fengli01/vue-bpmn-element

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

bpmn.js流程设计器组件

1、调整设计器UI布局,基于vue-elementui美化属性面板 2、支持设置任务变量、表达式、分支条件等,满足90%以上的业务需求 3、支持flowable和activiti 

组件常用方法

1、配置支持flowable(activiti)

<vue-bpmn product="flowable"></vue-bpmn>

2、组件还在完善中,如果有需要扩展需求,可以参考以下三个事件:

// 监听选择事件,改变属性栏表单的显示与隐藏 this.modeler.on("selection.changed", e => { // TODO }) // 监听内容变化事件,改变属性栏的值 this.modeler.on("element.changed", e => { // TODO }) // 监听点击事件 this.modeler.on("element.click", e => { // TODO })

安装运行

# npm用户 npm i # 或 npm install npm run serve npm run build # yarn用户 yarn install yarn serve yarn build

调整后的截图

UI布局

UI布局

UI布局

在线demo:

About

bpmn.js流程设计器组件,基于vue-elementui美化属性面板,满足90%以上的业务需求

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •