workflow-ui 前端工作流 UI

基于vue前端工作流UI

前端工作流生成器-Generator

1、首先通过npm安装： npm install workflow-ui --save

2、全局定义组件(否则会报循环引用)：

main.js中

import Node from 'workflow-ui/src/components/Generator/node'

Vue.component('Node', Node)

3、在使用的地方：

import workflow from 'workflow-ui/src/components/Generator'

import 'workflow-ui/lib/workflow-ui.css'

export default {

components: {

workflow

},

data () {

return {

data: {

title: '请假',

node: {

name: '发起人',

type: 'start',

nodeId: 'sid-startevent',

childNode: {}

}

}

}

},

methods: {

ok (data) {

console.log(data)

}

}

}

下载: git clone git@github.com:go-workflow/go-workflow-UI.git

测试

首先，打开vue.config.js,修改entry为main.js,否则页面将会是空白：

entry: 'src/main.js'

npm i

npm run serve

作者

邮箱：181457121@qq.com

业余写的，有什么意见建议，请留言

mumushuiding

发布了33 篇原创文章 · 获赞 2 · 访问量 1万+

私信

关注

标签：npm,workflow,js,UI,仿钉,go,ui

来源： https://blog.csdn.net/mumushuiding/article/details/104070298