multienty-vue-workflow
v0.2.12
Published
基于`workflow-bpmn-modeler`模型设计器
Downloads
18
Readme
multienty-vue-workflow
🔥 本项目基于 workflow-bpmn-modeler
,实现 flowable 的工作流设计器
tips: 由于workflow-bpmn-modeler项目作者已长时间不维护版本,所以还是自食其力吧~
安装 ⏳
# 安装
npm install multienty-vue-workflow
更新日志
请查阅(CHANGELOG.md)
使用说明 👣
<template>
<div>
<bpmn-modeler
ref="refNode"
:xml="xml"
:users="users"
:groups="groups"
:categorys="categorys"
:is-view="false"
@save="save"
/>
</div>
</template>
<script>
import bpmnModeler from "workflow-bpmn-modeler";
export default {
components: {
bpmnModeler,
},
data() {
return {
xml: "", // 后端查询到的xml
users: [
{ name: "披头士", id: "1" },
{ name: "滚石乐队", id: "2" },
{ name: "平克·佛洛伊德", id: "3" },
],
groups: [
{ name: "web", id: "4" },
{ name: "java", id: "5" },
{ name: "python", id: "6" },
],
categorys: [
{ name: "音乐", id: "7" },
{ name: "文章", id: "8" },
],
};
},
methods: {
getModelDetail() {
// 发送请求,获取xml
// this.xml = response.xml
},
save(data) {
console.log(data); // { process: {...}, xml: '...', svg: '...' }
},
},
};
</script>
License 📄
Copyright (c) 2020-present, charles