Vue结合JFinal调用activiti工作流

作为没用过工作流的一员，之前看过vue引入activiti工作流的案例，但是组件中存在很多问题，这个是我修改过并且成功调用，大家可以供参考，富含Java代码（Jfinal），后续出spring版本的， 前台版本vue4.0版本， 抱歉在Modeler.vue中saveXML方法有bug改正后版本 saveXML(){ const that = this; that.bpmnModeler.saveXML({format:true},function(err,xml){ if(err){ console.error('流程数据生成失败'); console.log(err); return; } const modelId = '123'; that.bpmnModeler.saveSVG(function(err, svg) { if(err){ console.error('流程数据生成失败！'); return; } let modelId = that.vals.row.id; // alert(modelId) if(modelId){ modelId = that.vals.row.id; }else{ modelId = that.params.row.id; } request({ url: config.SERVER_URL +`/activiti/saveModelXml`, method: 'post', data: { modelId: modelId, bpmn_xml: xml, svg_xml: svg } }) .then(function (response) { console.log('this is rews : ',response); }) .catch(function (error) { console.log(error); }); }) }); },