更多ruoyi-nbcio功能请看演示系统
gitee源代码地址
前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio
演示地址:RuoYi-Nbcio后台管理系统 http://218.75.87.38:9666/
更多nbcio-boot功能请看演示系统
gitee源代码地址
后端代码: https://gitee.com/nbacheng/nbcio-boot
前端代码:https://gitee.com/nbacheng/nbcio-vue.git
在线演示(包括H5) : http://218.75.87.38:9888
1、原先是定义在前端的vue里,如下需要人工进行维护,比较麻烦
computed:{/*所有的流程表单,组件化注册,无需维护,从后端获取*/allFormComponent:function(){return [{text:'单表示例',routeName:'@/views/flowable/demo/modules/TestDemoForm',component:() => import(`@/views/flowable/demo/modules/TestDemoForm`),businessTable:'test_demo'},{text:'主子表示例',routeName:'@/views/flowable/demo/modules/CesOrderMainForm',component:() => import(`@/views/flowable/demo/modules/CesOrderMainForm`),businessTable:'ces_order_main'}]}},
2、进行修改后如下
created() {this.ListCustomForForm();},computed:{/*所有的流程表单,组件化注册,无需维护,从后端获取*/allFormComponent:function(){return this.customformList;}},methods:{/* 挂载自定义业务表单列表 */async ListCustomForForm() {listCustomForm(this.formQueryParams).then(res => {let that = this;let cfList = res.result.records;cfList.forEach((item, index) => {let cms = {text:item.flowName,routeName:item.routeName,component:() => import(`@/views/${item.routeName}.vue`),businessTable:'test_demo'}that.customformList.push(cms);})})},getFormComponent(routeName){return _.find(this.allFormComponent,{routeName:routeName})||{};},
3、同时数据库后端这边维护的自定义关联表单也做调整如下
主要是route_name做一下调整
4、这样显示与流程处理的自定义表单显示跟原来一样