xiaoyaoluntian-imitating-dingding-flow-chart/README.md

flow-demo

很多公司后台管理系统都需要画流程图，功能大同小异，所以，仿照钉钉管理系统 花了一个流程图 效果如下

以下为此插件 入口与出口的数据结构，暴露的事件以及公共类所在目录及修改方式 （小部分需要修改源代码，不难找，有问题可以call我）

入口数据格式

整个流程图分为四种节点 分别为 root end row(占一整行) col(列元素)

    class rootNode{

    }
    class rowNode{
        
    }
    class colNode{
        
    }
    class endNode{
        
    }

传参进来的数据格式

// 生成流程图时会自动组装数据 除了造假数据之外可以不用关心
Array<node>
class Node {
    id // 如果是开始节点请写死 "root" 节点id
    groupId // 组ID
    type  //  1|2|3|4|5|6  开始，抄送 条件 审批 结束 流转至
    title // "标题",
    groupPid //如果col元素 会以他们的groupId虚拟一个包裹层，包裹层的groupId 是所包裹的所有col元素的groupPid
    content // "显示内容",
    isRow //  是否为行元素 
    isRoot //  是否是根节点
    data // {}
    pids //非必填 无需关心
}

暴露出去的数据格式 Array

Array<node>
class node {

}

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.