vue實現 bpmn 自定義屬性模板(activiti版)

例子地址：https://github.com/RubyLinT/bpmnActiviti.git

安裝包：npm i

運行：npm run dev

訪問http://localhost:8081/#/爲官網提供的模板

訪問http://localhost:8081/#/pro爲自定義的模板

1.頁面內容：

<template>
  <div class="containers" ref="content">
    <div class="canvas" ref="canvas"></div>
    <!-- panel爲自定義屬性面板，需要傳入element，businessObject，moddle，modeling（後面會提及） -->
    <panel ref="panel" :element="element" :businessObject="businessObject" :moddle="moddle" :modeling="modeling"/>
  </div>
</template>

<script>
// 引入相關的依賴
import BpmnModeler from 'bpmn-js/lib/Modeler'
import activitiModdleDescriptor from './activiti.json'//要自定義的屬性
import { getBusinessObject } from 'bpmn-js/lib/util/ModelUtil';
import panel fr