代码拉取完成,页面将自动刷新
🔥 本项目基于 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>
Copyright (c) 2020-present, charles
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。