customflow-ui 前端工作流 UI
基于vue前端工作流UI
前端工作流生成器-Generator
1、首先通过npm安装: npm install customflow-ui --save
(注意:新版本插件未生效的话,试试npm update命令,或者customflow-ui版本并删除node_modules重新下载)
2、全局定义组件(否则会报循环引用):
main.js中
import Node from 'customflow-ui/src/components/Generator/node'
Vue.component('Node', Node)
3、在使用的地方:
<template>
<div>
<CustomFlow
:data="data"
@ok="ok"
/>
</div>
</template>
<script>
import CustomFlow from 'customflow-ui'
import 'customflow-ui/lib/customflow-ui.css'
export default {
components: {
CustomFlow
},
data () {
return {
data: {
title: '请假',
node: {
name: '发起人',
type: 'start',
nodeId: 'sid-startevent',
childNode: {}
}
}
}
},
methods: {
ok (data) {
console.log(data)
}
}
}
</script>