那么到了这⼀步,我们就可以得到如下的效果图:
bpmn-js 最原始的样⼦vuejs流程图插件
是不是觉得和前⾯的效果图差距很⼤,哈哈别急。重头戏才刚来,我们接着往下⾛。
3. bpmn-js 属性⾯板
我们知道,流程设计不单单只是画图,还需要有节点属性的配置。在此,bpmn-js官⽅有推荐使⽤ bpmn-js-properties-panel⼯具对流程属性进⾏修改,效果图长这样:
官⽅提供的属性⾯板
⼀⽬了然,功能很全⾯,但就是⽤不起来!⼏个原因:
1. UI太丑
2. 全是英⽂,即时了也不尽⼈意
3. 功能不好扩展。例如我们公司有⼀套⾃⼰的组织体系,我要怎样在这个属性⾯板上使⽤我们的⼈员选择控件
综合以上⼏点,我果断放弃了使⽤bpmn-js-properties-panel。当然,有需要的同学也可以出门左转,附上Github地