wf-bm-modeler

基于bpmn实现的二次封装

npm i wf-bm-modeler

<wfBmModler ref="wf-bm-view" :xml="xml" :users="users" :groups="groups" :categorys="categorys" :exps="exps" :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
}