流程组件 @ktwlrj/ktwl-process

数据结构

const processForm = ref({
  processList: [ // 流程数据数组
    {
      nodeOrder: 1, // 节点序号(数字，可以为小数)
      nodeType: 2, // 节点类型(1: 普通节点 2: 组节点)
      groupOrder: 1, // 组内序号
      nodeName: "", // 节点名称
      nodeAlias: "", // 节点别名
      nodeNameCode: "", // 节点编码
      extend: { // 设置弹窗内容(以下为demo字段，可自定义)
        orgType: "", // 机构类型
        nodeType: "", // 节点类型
        nodeContent: "", // 节点内容
        isCountersign: false, // 是否会签
        countersignType: "", // 会签类型
        countersignCondition: "", // 会签完成条件
        auditRole: "", // 审批角色
        auditPeople: "", // 审批人员
      }
    }
  ]
})

用法

import KtwlProcess from "@ktwlrj/ktwl-process";
import "@ktwlrj/ktwl-process/style.css";

createApp(App).use(KtwlProcess).mount('#app');

组件通过ref提供 handleProcessData 方法来格式化数据