基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持自定义业务表单流程的集成方法与步骤（二）

更多ruoyi-nbcio功能请看演示系统

gitee源代码地址

前后端代码： https://gitee.com/nbacheng/ruoyi-nbcio

演示地址：RuoYi-Nbcio后台管理系统

前面讲了集成的后端部分内容，下面简单介绍一下前端的内容

 1、前端生成的页面需要进行修改，增加流程状态启动等相关信息，如demo的index修改如下

2、同时需要在flowableMixin里需要维护下面的一条记录

/*所有的自定义业务流程表单，组件化注册，在此维护*/
    allFormComponent:function(){
      return [
          {
            text:'单表示例',
            routeName: '@/views/workflow/demo/wf',
            component: () => import('@/views/workflow/demo/wf'),
            businessTable:'wf_demo'
          },

3、同时上面需要增加一个进行流程流转过程中的页面wf，demo的wf如下：