工作流展示-VUE_vue 工作流

Vue-BPMN是一个基于Vue.js的BPMN 2.0流程设计器，可以用于快速构建业务流程。使用Vue-BPMN需要以下步骤：
 
1. 安装Vue-BPMN
 
可以通过npm安装Vue-BPMN：
npm install vue-bpmn
 
2. 引入Vue-BPMN
 
在Vue组件中引入Vue-BPMN：
import VueBpmn from 'vue-bpmn'
 
export default {
  components: {
    VueBpmn
  }
}
 
3. 使用Vue-BPMN
在Vue组件的模板中使用Vue-BPMN：
 
<template>
  <div>
    <vue-bpmn :xml="xml" :options="options" @modeler="onModeler"></vue-bpmn>
  </div>
</template>
 
其中，`xml`是BPMN 2.0流程定义文件的XML字符串，`options`是Vue-BPMN的配置选项，`onModeler`是一个回调函数，用于获取BPMN Modeler实例。
 
4. 自定义配置
 
可以通过`options`选项自定义Vue-BPMN的配置，例如：
options: {
  additionalModules: [
    {
      __init__: ['myCustomModule'],
      myCustomModule: ['type', MyCustomModule]
    }
  ],
  additionalConfig: {
    moddleExtensions: {
      custom: customModdle
    }
  }
}
 
其中，`additionalModules`用于添加自定义模块，`additionalConfig`用于添加自定义配置。
 
以上是Vue-BPMN的基本使用方法，更多详细信息可以参考Vue-BPMN的官方文档https://bpmn.io/toolkit/bpmn-js/