flowable 7.2.0 二开之二:自定义表单设计及扩展流程节点属性窗口
背景
上一章,介绍了flowable7.2.0 后台环境搭建,继续往下走。
痛点
flowable 7.2.0 自身带表单设计及流程设计。但是表单设计挺简单,满足不了国内表单要求。然后流程设计,功能挺多,但是界面不好看,非vue3技术,扩展非常困难。
解决
为了解决表单设计功能,借助万能的ai ,重新打造一款表单设计。及扩展流程节点属性窗口

支持拖拽一些标准组件到右边,右边可以自由布局或者使用表格布局,如果使用表格布局的话,可以把组件拖动单元格里,表格可以合并,取消合并,当前行列前后,插入行列,满足复杂的表格操作和布局
对于流程设计,我采用了bpmn.js库,然后再扩展流程属性及用户任务属性,如下图:

流程属性,我增加了绑定表单,就是表单设计的表单,可以从下拉框选择绑定表单
用户任务扩展属性见下面截图:

任务配置那些都扩展属性
还有我增加流程分类:

涉及代码如下:



最后
代码已经提交:https://gitee.com/longsebo/smart-flowable.git
如需沟通:lita2lz