更多ruoyi-nbcio功能请看演示系统
gitee源代码地址
前后端代码： https://gitee.com/nbacheng/ruoyi-nbcio
演示地址：RuoYi-Nbcio后台管理系统
更多nbcio-boot功能请看演示系统
gitee源代码地址
后端代码： https://gitee.com/nbacheng/nbcio-boot
前端代码：https://gitee.com/nbacheng/nbcio-vue.git
在线演示（包括H5） ： http://218.75.87.38:9888
1、对于实际业务，自定义业务对应的流程可能是多个，需要用户发起流程的时候进行选择
比如下面
相同服务名称有两个相同的流程，不进行选择可能就会有问题了
2、发起的时候首先要去检查流程，把符合要求的都取出来
List<WfCustomForm> selectSysCustomFormByServiceName(String serviceName) { List<WfCustomForm> wfCustomFormList = wfCustomFormService.selectSysCustomFormByServiceName(serviceName); List<WfCustomForm> newCustomFormList = new ArrayList<WfCustomForm>(); if(ObjectUtil.isNotEmpty(wfCustomFormList)){ for(WfCustomForm wfCustomForm: wfCustomFormList) { JSONArray jsonArray = JSONArray.parseArray(wfCustomForm.getAuthorize()); if (ObjectUtil.isNotEmpty(jsonArray)) { for (int i = 0; i < jsonArray.size(); i++) { JSONObject jsonObject = jsonArray.getJSONObject(i); newCustomFormList.add(wfCustomForm); } } } return newCustomFormList; } return null; }
3、取出来后，要是超过1个，那就需要用户进行前端选择
this.submitLoading = true; const processParams = { serviceName: this.serviceName } getProcesss(processParams).then(res => {/**查询关联流程信息 */ this.processList = res.data; this.submitLoading = false; console.log("getProcesss this.processList",this.processList) if (this.processList && this.processList.length > 1) { this.flowOpen = true; } else if (this.processList && this.processList.length === 1) { this.selectFlowId = res.data[0].id; var params = Object.assign({ dataId: this.dataId }, this.variables); startByDataId(this.dataId, this.selectFlowId, this.serviceName, params) .then(res => { console.log("startByDataId res",res); if (res.code == 200 ) { this.$message.success(res.msg); this.$emit('success'); } else { this.$message.error(res.msg); } }) .finally(() => (this.submitLoading = false)); } else { this.$message.error("检查该业务是否已经关联流程！"); } }) .finally(() => (this.submitLoading = false));
4、显示需要选择的流程界面
<!--挂载关联多个流程--> <a-modal @cancel="flowOpen = false" :title="flowTitle" :visible.sync="flowOpen" width="70%" append-to-body> <el-row :gutter="64"> <el-col :span="20" :xs="64" style="width: 100%"> <el-table ref="singleTable" :data="processList" border highlight-current-row style="width: 100%"> <el-table-column type="selection" width="55" align="center" /> <el-table-column label="主键" align="center" prop="id" v-if="true"/> <el-table-column label="业务表单名称" align="center" prop="businessName" /> <el-table-column label="业务服务名称" align="center" prop="businessService" /> <el-table-column label="流程名称" align="center" prop="flowName" /> <el-table-column label="关联流程发布主键" align="center" prop="deployId" /> <el-table-column label="前端路由地址" align="center" prop="routeName" /> <el-table-column label="组件注入方法" align="center" prop="component" /> <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope"> <el-button size="mini" type="text" @click="selectProcess(scope.row)">确定</el-button> </template> </el-table-column> </el-table> </el-col> </el-row> </a-modal>
