【flowable 7.2.0 二开之二:自定义表单设计及扩展流程节点属性窗口】

flowable 7.2.0 二开之二:自定义表单设计及扩展流程节点属性窗口

背景

上一章,介绍了flowable7.2.0 后台环境搭建,继续往下走。

痛点

flowable 7.2.0 自身带表单设计及流程设计。但是表单设计挺简单,满足不了国内表单要求。然后流程设计,功能挺多,但是界面不好看,非vue3技术,扩展非常困难。

解决

为了解决表单设计功能,借助万能的ai ,重新打造一款表单设计。及扩展流程节点属性窗口

支持拖拽一些标准组件到右边,右边可以自由布局或者使用表格布局,如果使用表格布局的话,可以把组件拖动单元格里,表格可以合并,取消合并,当前行列前后,插入行列,满足复杂的表格操作和布局

对于流程设计,我采用了bpmn.js库,然后再扩展流程属性及用户任务属性,如下图:

流程属性,我增加了绑定表单,就是表单设计的表单,可以从下拉框选择绑定表单

用户任务扩展属性见下面截图:

任务配置那些都扩展属性

还有我增加流程分类:

涉及代码如下:


最后

代码已经提交:https://gitee.com/longsebo/smart-flowable.git

如需沟通:lita2lz

相关推荐
希冀1233 小时前
【CSS学习第八篇】
css·学习·tensorflow
ZC跨境爬虫2 天前
跟着 MDN 学CSS day_51:支持旧浏览器的布局策略
前端·css·html·tensorflow·媒体
ZC跨境爬虫2 天前
跟着 MDN 学CSS day_50:(传统布局方法与网格系统)
前端·css·ui·tensorflow·媒体
ZC跨境爬虫3 天前
跟着 MDN 学CSS day_45:媒体查询入门指南——从语法到移动优先实践
前端·css·ui·html·tensorflow·媒体
ZC跨境爬虫3 天前
跟着 MDN 学CSS day_47:(移动优先实战——从手机到宽屏的响应式进化)
前端·css·html·tensorflow·媒体
ZC跨境爬虫3 天前
跟着 MDN 学CSS day_46:(响应式实战——用媒体查询打造双列布局)
前端·css·ui·html·tensorflow·媒体
ZC跨境爬虫4 天前
跟着 MDN 学CSS day_44:响应式设计——让网页适配所有屏幕的完整指南
前端·css·ui·html·tensorflow
ZC跨境爬虫4 天前
跟着 MDN 学CSS day_43:CSS布局挑战——从浮动到弹性盒与栅格的综合实践
前端·css·ui·html·tensorflow
llfjfz4 天前
TensorFlow花卉图片分类器模型训练
tensorflow·卷积神经网络
ZC跨境爬虫5 天前
跟着 MDN 学CSS day_40:(Flexbox实战技能测试)
前端·css·ui·html·tensorflow