wf-bm-modeler

基于bpmn实现的二次封装

npm i wf-bm-modeler

:is-view="false" @save="save" @showXML="showXML" />

import wfBmModler from 'wf-bm-modeler'
import 'wf-bm-modeler/lib/index.css';

components: {
wfBmModler
},

save(data) {
console.log(data);
const elementRegistry = this.$refs["wf-bm-view"].modeler.get('elementRegistry')
const processList = elementRegistry.filter((item) => item.type === 'bpmn:Process');
console.log(processList[0]);
const { businessObject } = processList[0];
const { id, name, documentation } = businessObject;
const description =
documentation && documentation.length > 0
? documentation[0].text
: null;
const params = {
modelKey: id,
name,
description,
modelEditorXml: data.xml,
xml: data.xml
};
console.log(params);
},
showXML(xmlData) {
this.xmlOpen = true
console.log(xmlData);
this.xmlData = xmlData
}