使用:https://gitee.com/tony2y/RuoYi-flowable
0、package.json中添加如下代码
"bpmn-js": "^11.1.0", "bpmn-js-bpmnlint": "^0.21.0", "vkbeautify": "^0.99.3", "diagram-js": "^11.4.1",添加后再执行nup install
1、main.js添加如下代码
//流程处理 import modelerStore from '@/components/Process/common/global' Vue.prototype.modelerStore = modelerStore;2、router.js文件中插入对应路由
/
// 流程对应菜单 { path: '/flowable', component: Layout, hidden: true, children: [ { path: 'definition/model/:deployId', component: () => import('@/views/flowable/definition/model'), name: 'Model', meta: {title: '流程设计', icon: ''} }, { path: 'task/finished/detail/index', component: () => import('@/views/flowable/task/finished/detail/index'), name: 'FinishedRecord', meta: {title: '流程详情', icon: ''} }, { path: 'task/myProcess/detail/index', component: () => import('@/views/flowable/task/myProcess/detail/index'), name: 'MyProcessRecord', meta: {title: '流程详情', icon: ''} }, { path: 'task/myProcess/send/index', component: () => import('@/views/flowable/task/myProcess/send/index'), name: 'SendRecord', meta: {title: '流程发起', icon: ''} }, { path: 'task/todo/detail/index', component: () => import('@/views/flowable/task/todo/detail/index'), name: 'TodoRecord', meta: {title: '流程处理', icon: '', noCache: false} }, { path: 'task/flowForm/index', component: () => import('@/views/flowable/task/flowForm/index'), name: 'FlowForm', meta: {title: '流程表单', icon: ''} }, ] },
3、执行流程SQL,然后将流程菜单调整到系统管理下
需要资源:https://download.csdn.net/download/wangdaoyin2010/92630078