流程图渲染实现及分支节点展开收起功能

// export const flowData = { // startNodeId: '237040420914200576', // flowNodesMap: { // '237041448795504640': { // 'preId': '237041043759955969', // 'nextId': null, // 'woId': '237038414954758144', // 'name': '生成合伙协议pdf文档', // 'id': '237041448795504640', // 'type': 'code', // 'status': 'done', // }, // '237041717755248640': { // 'preId': '237041043759955968', // 'nextId': '237274377232580608', // 'woId': '237038414954758144', // 'name': '文档附件上传', // 'id': '237041717755248640', // 'type': 'audit', // 'status': 'doing', // }, // '237041043759955969': { // 'preId': '237041043759955968', // 'nextId': '237041448795504640', // 'woId': '237038414954758144', // 'name': '合伙协议', // 'id': '237041043759955969', // 'type': 'condition', // 'status': 'done', // }, // '237041106510938112': { // 'preId': '237041043759955968', // 'nextId': '237041596036546560', // 'woId': '237038414954758144', // 'name': '特许', // 'id': '237041106510938112', // 'type': 'condition', // 'status': 'undone', // }, // '237041043759955968': { // 'flowIds': [ // '237041043759955969', // '237041043759955970', // '237041106510938112', // ], // 'preId': '237040420914200576', // 'nextId': '237041717755248640', // 'name': '分支', // 'id': '237041043759955968', // 'type': 'branch', // 'status': 'done', // }, // '237040420914200576': { // 'preId': '1', // 'nextId': '237041043759955968', // 'woId': '237038414954758144', // 'name': '发起CPOS上线通知', // 'id': '237040420914200576', // 'type': 'form', // 'status': 'done', // }, // '237041596036546560': { // 'preId': '237041106510938112', // 'nextId': null, // 'woId': '237038414954758144', // 'name': '生成特许pdf文档', // 'id': '237041596036546560', // 'type': 'code', // 'status': 'undone', // }, // '237041533092626432': { // 'preId': '237041043759955970', // 'nextId': null, // 'woId': '237038414954758144', // 'name': '生成加盟pdf文档', // 'id': '237041533092626432', // 'type': 'code', // 'status': 'undone', // }, // '237274377232580608': { // 'preId': '237041717755248640', // 'nextId': '-1', // 'woId': '237038414954758144', // 'name': '抄送相关人员', // 'id': '237274377232580608', // 'type': 'carbon', // 'status': 'undone', // }, // '237041043759955970': { // 'preId': '237041043759955968', // 'nextId': '237041533092626432', // 'woId': '237038414954758144', // 'name': '加盟', // 'id': '237041043759955970', // 'type': 'condition', // 'status': 'undone', // }, // }, // id: '237038414954758144', // } export const flowData = { 'flowNodesMap': { '244102609223331840': { 'auditRule': { 'multiAuditType': 'or', 'rules': [], }, 'displayFormIds': [], 'formId': null, 'id': '244102609223331840', 'initNode': true, 'isException': true, 'name': '起始节点', 'nextId': '244103299874205696', 'preId': '1', 'sysNode': false, 'type': 'form', 'woId': '244102597223428096', }, '244837880650842112': { 'flowIds': [ '244837880650842113', '244837880650842114', ], 'id': '244837880650842112', 'initNode': false, 'isException': false, 'name': '分支', 'nextId': null, 'preId': '244837864754429952', 'sysNode': true, 'type': 'branch', 'woId': '244102597223428096', }, '244837880650842113': { 'conditions': [], 'id': '244837880650842113', 'initNode': false, 'isException': false, 'name': '条件节点', 'nextId': null, 'preId': '244837880650842112', 'sysNode': true, 'type': 'condition', 'woId': '244102597223428096', }, '244837880650842114': { 'conditions': [], 'id': '244837880650842114', 'initNode': false, 'isException': false, 'name': '条件节点', 'nextId': null, 'preId': '244837880650842112', 'sysNode': true, 'type': 'condition', 'woId': '244102597223428096', }, '244834505775431682': { 'conditions': [], 'id': '244834505775431682', 'initNode': false, 'isException': false, 'name': '条件节点', 'nextId': '244837935625584640', 'preId': '244834505775431680', 'sysNode': true, 'type': 'condition', 'woId': '244102597223428096', }, '244829818787512320': { 'id': '244829818787512320', 'initNode': false, 'insertFields': null, 'isException': true, 'name': '未命名节点', 'nextId': '-1', 'preId': '244836300471975936', 'sysNode': true, 'target': null, 'type': 'insert', 'viewPermission': [], 'woId': '244102597223428096', }, '244837935625584642': { 'conditions': [], 'id': '244837935625584642', 'initNode': false, 'isException': false, 'name': '条件节点', 'nextId': null, 'preId': '244837935625584640', 'sysNode': true, 'type': 'condition', 'woId': '244102597223428096', }, '244103299874205697': { 'conditions': [], 'id': '244103299874205697', 'initNode': false, 'isException': false, 'name': '条件节点', 'nextId': '244834398942314496', 'preId': '244103299874205696', 'sysNode': true, 'type': 'condition', 'woId': '244102597223428096', }, '244834505775431680': { 'flowIds': [ '244834505775431681', '244834505775431682', ], 'id': '244834505775431680', 'initNode': false, 'isException': false, 'name': '分支', 'nextId': '244836312828395520', 'preId': '244103299874205696', 'sysNode': true, 'type': 'branch', 'woId': '244102597223428096', }, '244837935625584641': { 'conditions': [], 'id': '244837935625584641', 'initNode': false, 'isException': false, 'name': '条件节点', 'nextId': null, 'preId': '244837935625584640', 'sysNode': true, 'type': 'condition', 'woId': '244102597223428096', }, '244103299874205696': { 'flowIds': [ '244103299874205697', '244832503121100800', ], 'id': '244103299874205696', 'initNode': false, 'isException': false, 'name': '分支', 'nextId': '244834505775431680', 'preId': '244102609223331840', 'sysNode': true, 'type': 'branch', 'woId': '244102597223428096', }, '244834505775431681': { 'conditions': [], 'id': '244834505775431681', 'initNode': false, 'isException': false, 'name': '条件节点', 'nextId': '244837864754429952', 'preId': '244834505775431680', 'sysNode': true, 'type': 'condition', 'woId': '244102597223428096', }, '244837935625584640': { 'flowIds': [ '244837935625584641', '244837935625584642', ], 'id': '244837935625584640', 'initNode': false, 'isException': false, 'name': '分支', 'nextId': null, 'preId': '244834505775431682', 'sysNode': true, 'type': 'branch', 'woId': '244102597223428096', },