<template>
  <div>
    <section class="dingflow-design">
      <div class="box-scale">
        <nodeWrap v-model:nodeConfig="nodeConfig" />
        <div class="end-node">
          <div class="end-node-circle"></div>
          <div class="end-node-text">流程结束</div>
        </div>
      </div>
    </section>
  </div>
  <approverDrawer :directorMaxLevel="directorMaxLevel" />
</template>
<script lang="ts" setup>
import nodeWrap from '@/components/SimpleProcessDesigner/src/nodeWrap.vue'
import approverDrawer from '@/components/SimpleProcessDesigner/src/drawer/approverDrawer.vue'
defineOptions({ name: 'SimpleWorkflowDesignEditor' })
let nodeConfig = ref({
  nodeName: '发起人',
  type: 0,
  id: 'root',
  formPerms: {},
  nodeUserList: [],
  childNode: {}
})
let directorMaxLevel = ref(0)
</script>
<style>
@import url('@/components/SimpleProcessDesigner/theme/workflow.css');
</style>