![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bpmn-js
飞天代码
这个作者很懒,什么都没留下…
展开
-
bpmn-js(七) bpmn-js 修改节点svg图的path
bpmn-js扩展原创 2022-08-06 21:31:30 · 1285 阅读 · 0 评论 -
bpmn-js(六) bpmn-js修改元素的宽高信息
bpmn-js扩展原创 2022-08-06 19:06:07 · 1379 阅读 · 2 评论 -
bpmn-js(五) 线条上添加决策表达式
bpmn-js确实强大,但资料也确实太少。可能也只有作者知道咋玩,为了给线条加上表达式这么个功能 生生的看了2天源码才搞定。 const moddle = window.prcessAppObj.bpmnModeler._moddle; var conditionExpression = moddle.create('bpmn:FormalExpression', { body: this.nodeItem.condition });const modeling = windo原创 2021-04-27 00:27:43 · 3113 阅读 · 12 评论 -
bpmn-js(四) 添加各类网关到设计器中
默认bpmn-js设计器没有添加网关的绘制,但实际业务中会使用网关来控制并发、选择性运转等。第一步:修改PaletteProvider.js文件第二步:添加下面的内容 'create.exclusive-gateway': createAction( 'bpmn:ExclusiveGateway', 'gateway', 'bpmn-icon-gateway-xor', translate('排他网关') ), 'create.parallel-gateway原创 2021-01-26 19:31:02 · 2282 阅读 · 3 评论 -
bpmn-js 改造(三)给节点添加颜色,给边线加上滚动功能
给节点添加颜色,其实给节点加颜色的方式比较多。我使用的比较粗暴的方式,直接使用jquery,加样式的方式 $("g[data-element-id='"+nodeId+"']").find(".djs-visual rect").css("fill",colors["not-pass-node"]["bgColor"]);其实就是根据节点id找到相应显示rect 设置其中的颜色样式。效果图:给红色边框加上滚动效果;第一步:添加样式信息 @-webkit-keyframes test {原创 2021-01-17 19:48:06 · 3711 阅读 · 2 评论 -
bpmn-js 改造(二)预览状态下添加拖拽功能
流程图查看采用的是BpmnViewer方式来展示流程图,上效果图:问题来了,发现svg图片无法拖拽位置,在设计模式下是可以的,但查看模式不行了。但有些场景是需要进行拖拽的。手动加上拖拽功能,因为我这边修改了大量bpmn-js的源码,所以我采用的是直接在这个源码基础上扩展。找到Viewer.js文件然后在导入的地方加上import ZoomScrollModule from "diagram-js/lib/navigation/zoomscroll";import MoveCanvasModu原创 2021-01-17 19:41:06 · 2972 阅读 · 0 评论 -
bpmn-js 改造(一)添加会签节点
bpmn-js应该是使用最广最普遍的一个流程设计器。前段时间自己写了个流程设计器,为了更好的完善自己写的设计器,所以拿bpmn-js来进行一次研究。bpmn-js 网上各种帖子,但大部分都是停留在测试、学习层面,基本很少有结合企业业务来扩展的,所以我这里结合业务记录下bpmn-js的使用流程会签:就是流程运转过程中需要提交给多个人进行审批,每个人可以发表意见,而且会签也存在一票否决、比例决策、全票决策等策略。为了实现该功能,第一步应该是要绘制这样一个节点,表示进入到会签,后台根据这个特殊节点进行代码原创 2021-01-10 11:12:19 · 8274 阅读 · 10 评论