2 Star 9 Fork 7

骚年 / wfd-vue

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

Workflow Designer for Vue

NPM Version NPM Downloads

image

Online Demo

https://guozhaolong.github.io/wfd-vue/

Usage

<template>
  <div id="app">
    <wfd-vue ref="wfd" :data="demoData" :height="600" :users="candidateUsers" :groups="candidateGroups" :lang="lang" />
  </div>
</template>

<script>
import WfdVue from 'wfd-vue'
export default {
  name: 'app',
  components:{
    WfdVue
  },
  data () {
    return {
      lang: "zh",
      demoData: {...},
      candidateUsers: [...],
      candidateGroups: [...]
    }
  }
}
</script>

API

属性
  • data: 初始化数据
  • height: 画布高度
  • mode: view为只读,edit为可编辑
  • lang: zh为中文,en为英文
  • isView: 是否为预览模式(隐藏工具栏和属性栏)
  • users: 选择审批人时对应的数据,数组内对象以id为键,name为值
  • groups: 选择审批组时对应的数据,数组内对象以id为键,name为值
方法
  • save(): 调用this.$refs['wfd'].graph.save()生成json
  • saveXML(): 调用this.$refs['wfd'].graph.saveXML(createFile)生成Flowable XML,createFile参数是否同时生成xml文件,默认为true

Run Example

npm run serve

Repository Comments ( 0 )

Sign in for post a comment

About

flowable workflow designer for Vue base on @antv/g6 expand collapse
JavaScript and 3 more languages
Cancel

Releases

No release

Contributors

All

Activities

load more
can not load any more
1
https://gitee.com/zhiredegongertouji/wfd-vue.git
git@gitee.com:zhiredegongertouji/wfd-vue.git
zhiredegongertouji
wfd-vue
wfd-vue
master

Search

181749 a2d7925e 1850385 181749 9f8568a7 1850385