应用开发平台集成工作流系列之4——流程建模功能前端集成与改造

背景

对于流程设置不友好的问题，国内钉钉另行设计与实现了一套流程建模模式，跟bpmn规范无关，有人仿照实现了下，并做了开源（https://github.com/StavinLi/Workflow-Vue3），效果图如下：

实现大致原理是基于无限嵌套的子节点，输出json数据，传给后端，今天来说说前端的集成工作。

流程建模组件封装

新增flowDesign.vue组件，用于封装流程建模的操作，调整流程模板的编辑视图，将模型属性，使用flowDesign.vue组件替代。样式如下：