山药云搭建网站,做网站用虚拟主机好吗,网站空间和数据库的关系,网站建设动态更多ruoyi-nbcio功能请看演示系统
gitee源代码地址
前后端代码#xff1a; https://gitee.com/nbacheng/ruoyi-nbcio
演示地址#xff1a;RuoYi-Nbcio后台管理系统 仿钉钉的开源项目网上也不少#xff0c;而且很多功能已经也比较完善了#xff0c;但大部分都不是MIT协议…更多ruoyi-nbcio功能请看演示系统
gitee源代码地址
前后端代码 https://gitee.com/nbacheng/ruoyi-nbcio
演示地址RuoYi-Nbcio后台管理系统 仿钉钉的开源项目网上也不少而且很多功能已经也比较完善了但大部分都不是MIT协议所以都被我放弃了最后找到approvalFlow项目虽然这个项目只是简单的做了一个仿钉钉的流程图功能很多也不完善但也没办法那我还是基于这个项目来扩展满足我的ruoyi-nbcio所需要的通过仿钉钉流程来实现原先bpmn实现的流程设计。 1、建立imdd目录 把相应的组件custom放到相应目录里如上。 根据自己需要仿钉钉流程主页修改如下
templatediv classpagesection classpage__content v-ifmockDataProcessrefprocessDesign:confmockData.processDatatabNameprocessDesignstartNodeChangeonStartChange//sectiondiv classpublishel-button sizemini typeprimary clickpreviewi classel-icon-view/i预览/el-buttonel-button sizemini typeprimary clickpublishi classel-icon-s-promotion/i发布/el-button/div/div
/template 数据也暂时用原先的json数据后续用api后端数据其它内容也不做修改后续根据需要再修改。 2、在FlowCard里的增加节点里增加三个新功能就是并行分支延迟等待与触发器以后需要增加相应的功能也可以在这里增加。 function addNodeButton(ctx, data, h, isBranch false) {// 只有非条件节点和条件分支树下面的那个按钮 才能添加新分支树console.log(addNodeButton data,isBranch,data,isBranch);//let couldAddBranch !hasConditionBranch(data) || isBranch;let isEmpty data.type empty;if (isEmpty !isBranch) {return ;}return (div classadd-node-btn-box flex justify-centerdiv classadd-node-btnel-popover placementright triggerclick width400div classcondition-boxdivdiv classcondition-icon onClick{ctx.eventLancher.bind( ctx, addApprovalNode, data, isBranch )} i classel-icon-s-check iconfont/i/div审批人/divdivdiv classcondition-icon onClick{ctx.eventLancher.bind( ctx, addCopyNode, data, isBranch )} i classel-icon-s-promotion iconfont stylevertical-align: middle;/i/div抄送人/divdivdiv classcondition-icon onClick{this.eventLancher.bind(ctx, appendBranch, data, isBranch)}i classel-icon-share iconfont stylecolor:rgb(21, 188, 131);/i/div条件分支/divdivdiv classcondition-icon onClick{this.eventLancher.bind(ctx, addConcurrentBranch, data, isBranch)}i classel-icon-s-operation iconfont stylecolor:rgb(21, 188, 131);/i/div并行分支/divdivdiv classcondition-icon onClick{this.eventLancher.bind(ctx, addDelayNode, data, isBranch)}i classel-icon-time iconfont stylecolor:rgb(21, 188, 131);/i/div延迟等待/divdivdiv classcondition-icon onClick{this.eventLancher.bind(ctx, addTriggerNode, data, isBranch)}i classel-icon-set-up iconfont stylecolor:rgb(21, 188, 131);/i/div触发器/div/divbutton classbtn typebutton slotreferencei classel-icon-plus icon/i/button/el-popover/div/div);
}
3、一些界面上的样式修改 因为在新的环境与界面下面所以相应的样式根据现有界面需要进行修改与调整。 主要调整下面的界面包括背景。 4、效果图如下
