From c3a648566bed7d133027e71d91552e89e7c0024e Mon Sep 17 00:00:00 2001
From: zhutianqi <ztq_qi@sina.com>
Date: Fri, 5 Nov 2021 18:01:47 +0800
Subject: [PATCH] commit

---
 .../components/workingGroup1/index.vue        | 298 +++++++++++++++
 .../components/workingGroup2/index.vue        | 324 ++++++++++++++++
 .../workingGroup/index.vue                    | 349 +++---------------
 3 files changed, 665 insertions(+), 306 deletions(-)
 create mode 100644 src/pages/regulatoryRepository/workingGroup/components/workingGroup1/index.vue
 create mode 100644 src/pages/regulatoryRepository/workingGroup/components/workingGroup2/index.vue

diff --git a/src/pages/regulatoryRepository/workingGroup/components/workingGroup1/index.vue b/src/pages/regulatoryRepository/workingGroup/components/workingGroup1/index.vue
new file mode 100644
index 000000000..89d6116d9
--- /dev/null
+++ b/src/pages/regulatoryRepository/workingGroup/components/workingGroup1/index.vue
@@ -0,0 +1,298 @@
+<template>
+    <div class="workingGroup1" ref="wrap">
+        <div id="container"></div>
+    </div>
+</template>
+
+<script>
+    import G6 from '@antv/g6'
+    export default {
+        name: "workingGroup1",
+        data() {
+            return {
+                activeName: 'workingGroup1',
+                graphData: {},
+                graph: null,
+                currentNode: '',
+                currentNodeData: {},
+                addForm: {
+                    pMenuName: '',
+                    menuType: '',
+                    sarGroupMenuEO: {
+                        pid: '',
+                        menuType: '',
+                        menuLevel: ''
+                    }
+                },
+                pMenuName: '',
+                menuType: '',
+                detailData: {
+                    menuId: '',
+                    nodeType: '',
+                    nodeName: '',
+                    parentId: '',
+                    standFlag: '',
+                    data: ''
+                },
+                delData: {},
+            }
+        },
+        methods: {
+            getData () {
+                this.$http.get('wg_work_group/researchData', {
+                    type: '0'
+                }, {
+                    _this: this
+                }, res => {
+                    if (res.ok) {
+                        this.renderGraph(res.data)
+                    }
+                })
+            },
+            handleNodeClick (node) {
+            },
+            handleEdgeClick (node) {},
+            renderGraph(row) {
+                this.graphData = row
+                G6.registerNode(
+                    'tree-node',
+                    {
+                        drawShape: function drawShape(cfg, group) {
+                            const level = cfg.level
+                            const nodeType = cfg.nature
+                            if (nodeType === '0') {
+                                const circle = group.addShape('circle', {
+                                    attrs: {
+                                        fill: '#CD7326'
+                                        // stroke: '#666',
+                                    },
+                                    name: 'circle-shape',
+                                });
+                                const content = cfg.name ? cfg.name.replace(/(.{19})/g, '$1\n') : ''
+                                const text = group.addShape('text', {
+                                    attrs: {
+                                        text: content,
+                                        x: 0,
+                                        y: 0,
+                                        textAlign: 'center',
+                                        textBaseline: 'middle',
+                                        fill: '#fff',
+                                    },
+                                    name: 'text-shape',
+                                });
+                                const bbox = text.getBBox();
+                                const hasChildren = cfg.children && cfg.children.length > 0;
+                                let marker
+                                if (hasChildren) {
+                                    marker = group.addShape('marker', {
+                                        attrs: {
+                                            x: bbox.maxX + 16,
+                                            y: 0,
+                                            r: 6,
+                                            symbol: cfg.collapsed ? G6.Marker.expand : G6.Marker.collapse,
+                                            stroke: '#666',
+                                            lineWidth: 2,
+                                        },
+                                        name: 'collapse-icon',
+                                    });
+                                }
+                                circle.attr({
+                                    x: 0,
+                                    y: 0,
+                                    r: (bbox.width + 12) / 2,
+                                });
+                            } else {
+                                const rect = group.addShape('rect', {
+                                    attrs: {
+                                        fill: '#fff',
+                                        // stroke: '#666',
+                                    },
+                                    name: 'rect-shape',
+                                });
+                                const content = cfg.name ? cfg.name.replace(/(.{19})/g, '$1\n') : ''
+                                const text = group.addShape('text', {
+                                    attrs: {
+                                        text: content,
+                                        x: 0,
+                                        y: 0,
+                                        textAlign: 'center',
+                                        textBaseline: 'middle',
+                                        fill: '#fff',
+                                    },
+                                    name: 'text-shape',
+                                });
+                                const bbox = text.getBBox();
+                                const hasChildren = cfg.children && cfg.children.length > 0;
+                                let marker
+                                if (hasChildren) {
+                                    marker = group.addShape('marker', {
+                                        attrs: {
+                                            x: bbox.maxX + 16,
+                                            y: 0,
+                                            r: 6,
+                                            symbol: cfg.collapsed ? G6.Marker.expand : G6.Marker.collapse,
+                                            stroke: '#666',
+                                            lineWidth: 2,
+                                        },
+                                        name: 'collapse-icon',
+                                        nodeStateStyles: {
+                                            selected: {
+                                                fill: 'steelblue'
+                                            }
+                                        }
+                                    });
+                                }
+                                rect.attr({
+                                    x: bbox.minX - 6,
+                                    y: bbox.minY - 6,
+                                    width: bbox.width + 12,
+                                    height: bbox.height + 12,
+                                    radius: (bbox.height + 12) / 2
+                                });
+                                // 自定义层级颜色
+                                if (nodeType === '1') {
+                                    rect.attr({
+                                        fill: '#1C98B8'
+                                    });
+                                } else if (nodeType === '2') {
+                                    rect.attr({
+                                        fill: '#5165D4'
+                                    });
+                                } else if (nodeType === '3') {
+                                    rect.attr({
+                                        fill: '#E23335'
+                                    });
+                                } else if (nodeType === '4') {
+                                    rect.attr({
+                                        fill: '#ADAAA1'
+                                    });
+                                }
+                            }
+                            return group;
+                        },
+                    },
+                    'single-node',
+                );
+                this.graph = new G6.TreeGraph({
+                    container: 'container',
+                    width: this.$refs['wrap'].scrollWidth,
+                    height: this.$refs['wrap'].scrollHeight,
+                    modes: {
+                        default: [
+                            {
+                                type: 'collapse-expand',
+                                onChange: function onChange(item, collapsed) {
+                                    console.log(1);
+                                    const data = item.get('model');
+                                    const icon = item.get('group').find((element) => element.get('name') === 'collapse-icon');
+                                    console.log(data);
+                                    console.log(icon);
+                                    if (collapsed) {
+                                        icon.attr('symbol', G6.Marker.expand);
+                                    } else {
+                                        icon.attr('symbol', G6.Marker.collapse);
+                                    }
+                                    data.collapsed = collapsed;
+                                    return true;
+                                },
+                                shouldBegin: (e) => {
+                                    const target = e.target
+                                    const nodeType = target.cfg.nature
+                                    if (nodeType === 'collapse-icon') return true;
+                                    return false;
+                                }
+                            },
+                            'drag-canvas',
+                            'zoom-canvas',
+                        ],
+                    },
+                    defaultNode: {
+                        type: 'tree-node',
+                        anchorPoints: [
+                            [0, 0.5],
+                            [1, 0.5],
+                        ],
+                    },
+                    defaultEdge: {
+                        type: 'cubic-horizontal',
+                        style: {
+                            stroke: '#A3B1BF',
+                        },
+                    },
+                    layout: {
+                        type: 'compactBox',
+                        direction: 'LR',
+                        getId: function getId(d) {
+                            return d.id;
+                        },
+                        getHeight: function getHeight() {
+                            return 16;
+                        },
+                        getWidth: function getWidth() {
+                            return 16;
+                        },
+                        getVGap: function getVGap() {
+                            return 20;
+                        },
+                        getHGap: function getHGap() {
+                            return 80;
+                        },
+                    },
+                });
+                let graphData = this.graphData
+                this.graph.data(graphData);
+                this.graph.render();
+                this.graph.fitView();
+                this.handleGraphNodeClickEvent(this.graph)
+                this.handleGraphEdgeClickEvent(this.graph)
+                this.handleGraphDraw(this.graph)
+            },
+            destoryGraph() {
+                this.graph.destroy()
+            },
+            handleGraphDraw () {},
+            handleGraphNodeClickEvent(graph) {
+                // 点击节点
+                graph.on('node:click', (e) => {
+                    // 先将所有当前是 click 状态的节点置为非 click 状态
+                    const clickNodes = graph.findAllByState('node', 'click');
+                    clickNodes.forEach((cn) => {
+                        graph.setItemState(cn, 'click', false);
+                    });
+                    const nodeItem = e.item; // 获取被点击的节点元素对象
+                    this.handleNodeClick(nodeItem)
+                    graph.setItemState(nodeItem, 'click', true); // 设置当前节点的 click 状态为 true
+                });
+            },
+            handleGraphEdgeClickEvent(graph) {
+                // 点击边
+                graph.on('edge:click', (e) => {
+                    // 先将所有当前是 click 状态的边置为非 click 状态
+                    const clickEdges = graph.findAllByState('edge', 'click');
+                    clickEdges.forEach((ce) => {
+                        graph.setItemState(ce, 'click', false);
+                    });
+                    const edgeItem = e.item; // 获取被点击的边元素对象
+                    console.log('EdgeClick', edgeItem)
+                    graph.setItemState(edgeItem, 'click', true); // 设置当前边的 click 状态为 true
+                    this.handleEdgeClick (edgeItem)
+                });
+            },
+        },
+        mounted() {
+            this.getData();
+        },
+        created() {
+            // this.getData();
+        },
+        beforeDestroy() {
+            this.destoryGraph()
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .workingGroup1{
+        height: 100%;
+    }
+</style>
diff --git a/src/pages/regulatoryRepository/workingGroup/components/workingGroup2/index.vue b/src/pages/regulatoryRepository/workingGroup/components/workingGroup2/index.vue
new file mode 100644
index 000000000..2e65282c6
--- /dev/null
+++ b/src/pages/regulatoryRepository/workingGroup/components/workingGroup2/index.vue
@@ -0,0 +1,324 @@
+<template>
+    <div class="workingGroup2" ref="wrap2">
+        <div id="container2"></div>
+    </div>
+</template>
+
+<script>
+    import G6 from '@antv/g6'
+    export default {
+        name: "workingGroup2",
+        data() {
+            return {
+                activeName: 'workingGroup1',
+                graphData: {},
+                graph: null,
+                currentNode: '',
+                currentNodeData: {},
+                addForm: {
+                    pMenuName: '',
+                    menuType: '',
+                    sarGroupMenuEO: {
+                        pid: '',
+                        menuType: '',
+                        menuLevel: ''
+                    }
+                },
+                pMenuName: '',
+                menuType: '',
+                detailData: {
+                    menuId: '',
+                    nodeType: '',
+                    nodeName: '',
+                    parentId: '',
+                    standFlag: '',
+                    data: ''
+                },
+                delData: {},
+            }
+        },
+        methods: {
+            getdata () {
+                var json = "[{\"data\":{\"createTime\":1604388711000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"4\",\"id\":\"0\",\"menuLevel\":0,\"menuName\":\"标准工作组\",\"menuType\":\"ROOT\",\"orderNum\":0,\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0\",\"nodeName\":\"标准工作组\",\"parentNodeId\":\"null\",\"orderNum\":0,\"level\":0,\"lastNodeNum\":35,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1604651650000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"4a8971531d15462290d6\",\"id\":\"00004\",\"menuLevel\":1,\"menuName\":\"11/16更新测试标委会1\",\"menuType\":\"BWH\",\"modifyTime\":1626848748000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00004\",\"nodeName\":\"11/16更新测试标委会1\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":6,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605446736000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"a6a6777642b04a498c57\",\"id\":\"000040001\",\"menuLevel\":2,\"menuName\":\"11/15测试分标委\",\"menuType\":\"FBW\",\"modifyTime\":1629792459000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00004\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000040001\",\"nodeName\":\"11/15测试分标委\",\"parentNodeId\":\"00004\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605685868000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"ba6453d09de1417a9441\",\"id\":\"0000400010002\",\"menuLevel\":3,\"menuName\":\"11/18测试新增工作组2\",\"menuType\":\"GROUP\",\"modifyTime\":1608603571000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"000040001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000400010002\",\"nodeName\":\"11/18测试新增工作组2\",\"parentNodeId\":\"000040001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1605685138000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"dcf96410da9d43cd92b8\",\"id\":\"0000400010001\",\"menuLevel\":3,\"menuName\":\"11/18测试新增工作组编辑测试\",\"menuType\":\"GROUP\",\"modifyTime\":1624192349000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"000040001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000400010001\",\"nodeName\":\"11/18测试新增工作组编辑测试\",\"parentNodeId\":\"000040001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1629450636000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"03e5e029eaa945e0813a\",\"id\":\"000040007\",\"menuLevel\":2,\"menuName\":\"CA分标委员会222\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00004\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000040007\",\"nodeName\":\"CA分标委员会222\",\"parentNodeId\":\"00004\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1629450904000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"cbe84b4d4e8b4a78ac33\",\"id\":\"0000400070001\",\"menuLevel\":3,\"menuName\":\"工作组1\",\"menuType\":\"GROUP\",\"modifyTime\":1629450984000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"000040007\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000400070001\",\"nodeName\":\"工作组1\",\"parentNodeId\":\"000040007\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1629451030000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"4246abc6d76248df8e5b\",\"id\":\"0000400070002\",\"menuLevel\":3,\"menuName\":\"工作组2\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000040007\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000400070002\",\"nodeName\":\"工作组2\",\"parentNodeId\":\"000040007\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1610437279000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"6eb44a560b6a4772aa25\",\"id\":\"000040003\",\"menuLevel\":2,\"menuName\":\"test\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00004\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000040003\",\"nodeName\":\"test\",\"parentNodeId\":\"00004\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1626849335000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"989b822c390d4e3f9b35\",\"id\":\"000040006\",\"menuLevel\":2,\"menuName\":\"陈晓熙0721测试分标委\",\"menuType\":\"FBW\",\"modifyTime\":1629793141000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00004\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000040006\",\"nodeName\":\"陈晓熙0721测试分标委\",\"parentNodeId\":\"00004\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1605685277000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"a8c4ade6637048009ebb\",\"id\":\"00012\",\"menuLevel\":1,\"menuName\":\"11/18测试新增标委会\",\"menuType\":\"BWH\",\"modifyTime\":1616075265000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00012\",\"nodeName\":\"11/18测试新增标委会\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605686037000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"0d33386ea8a24001919e\",\"id\":\"000120001\",\"menuLevel\":2,\"menuName\":\"11/18测试新增分标委\",\"menuType\":\"FBW\",\"modifyTime\":1614147466000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00012\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000120001\",\"nodeName\":\"11/18测试新增分标委\",\"parentNodeId\":\"00012\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1604651850000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"4c75f31c965341f58870\",\"id\":\"00005\",\"menuLevel\":1,\"menuName\":\"123123\",\"menuType\":\"BWH\",\"modifyTime\":1606182889000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00005\",\"nodeName\":\"123123\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":3,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605448395000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"f5e9974d608b44e88ff6\",\"id\":\"000050002\",\"menuLevel\":2,\"menuName\":\"11/15测试分标委05\",\"menuType\":\"FBW\",\"modifyTime\":1626683013000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00005\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000050002\",\"nodeName\":\"11/15测试分标委05\",\"parentNodeId\":\"00005\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1605448395000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"80b9efdf99864c5b9a0b\",\"id\":\"000050001\",\"menuLevel\":2,\"menuName\":\"11/15测试分标委07\",\"menuType\":\"FBW\",\"modifyTime\":1628565674000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00005\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000050001\",\"nodeName\":\"11/15测试分标委07\",\"parentNodeId\":\"00005\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1623306135000,\"createUserid\":\"FLGAQCE3DT8K6S38GCGU\",\"detailId\":\"bccbc049b087469599fc\",\"id\":\"000050003\",\"menuLevel\":2,\"menuName\":\"123123\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00005\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000050003\",\"nodeName\":\"123123\",\"parentNodeId\":\"00005\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1624162878000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"d2ecc60f5e9c432c8b15\",\"id\":\"00040\",\"menuLevel\":1,\"menuName\":\"6-20标委会\",\"menuType\":\"BWH\",\"modifyTime\":1624342045000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00040\",\"nodeName\":\"6-20标委会\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1624239459000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"1ade0cfe36bb47f2a506\",\"id\":\"000400002\",\"menuLevel\":2,\"menuName\":\"回测试\",\"menuType\":\"FBW\",\"modifyTime\":1626683222000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00040\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000400002\",\"nodeName\":\"回测试\",\"parentNodeId\":\"00040\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1626683337000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"88259d1b7d51423da546\",\"id\":\"0004000020001\",\"menuLevel\":3,\"menuName\":\"11\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000400002\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0004000020001\",\"nodeName\":\"11\",\"parentNodeId\":\"000400002\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]},{\"data\":{\"createTime\":1604388766000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"5\",\"id\":\"00001\",\"menuLevel\":1,\"menuName\":\"SAC/TC114\",\"menuType\":\"BWH\",\"modifyTime\":1610418604000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00001\",\"nodeName\":\"SAC/TC114\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":3,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605505324000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"49f4e7f6dc3f4f1ca911\",\"id\":\"000010001\",\"menuLevel\":2,\"menuName\":\"555\",\"menuType\":\"FBW\",\"modifyTime\":1626683070000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000010001\",\"nodeName\":\"555\",\"parentNodeId\":\"00001\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1617159196000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"fbejwkrewnffonfjoq9b7\",\"id\":\"0000100010001\",\"menuLevel\":3,\"menuName\":\"12313\",\"menuType\":\"GROUP\",\"modifyTime\":1617159202000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"000010001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000100010001\",\"nodeName\":\"12313\",\"parentNodeId\":\"000010001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1604995025000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"eb0384d7baf048008ac3\",\"id\":\"000010003\",\"menuLevel\":2,\"menuName\":\"SAC/TC156\",\"menuType\":\"FBW\",\"modifyTime\":1610517374000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000010003\",\"nodeName\":\"SAC/TC156\",\"parentNodeId\":\"00001\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1604995025000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"asdfghyj1526r2hj5uk1\",\"id\":\"000010002\",\"menuLevel\":2,\"menuName\":\"SAC/TC157\",\"menuType\":\"FBW\",\"modifyTime\":1610517374000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00001\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000010002\",\"nodeName\":\"SAC/TC157\",\"parentNodeId\":\"00001\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1604501245000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"cc60917c9b1c4428b33c\",\"id\":\"00002\",\"menuLevel\":1,\"menuName\":\"SAC/TC115\",\"menuType\":\"BWH\",\"modifyTime\":1605658408000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00002\",\"nodeName\":\"SAC/TC115\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1604630891000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"16b6fa98927d43bfbc51\",\"id\":\"000020001\",\"menuLevel\":2,\"menuName\":\"AC36-智能汽车分标委\",\"menuType\":\"FBW\",\"modifyTime\":1610418279000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00002\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000020001\",\"nodeName\":\"AC36-智能汽车分标委\",\"parentNodeId\":\"00002\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1626687947000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"c66a5219850143e4b538\",\"id\":\"0000200010003\",\"menuLevel\":3,\"menuName\":\"站住\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000020001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000200010003\",\"nodeName\":\"站住\",\"parentNodeId\":\"000020001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]},{\"data\":{\"createTime\":1605779217000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"f132c8dec511442e8ab8\",\"id\":\"00017\",\"menuLevel\":1,\"menuName\":\"SAC/TC666\",\"menuType\":\"BWH\",\"modifyTime\":1606184016000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00017\",\"nodeName\":\"SAC/TC666\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605779469000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"4d20c5d4f0e74cd2a8b7\",\"id\":\"000170001\",\"menuLevel\":2,\"menuName\":\"SAC/TC666 6委会\",\"menuType\":\"FBW\",\"modifyTime\":1628500112000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00017\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000170001\",\"nodeName\":\"SAC/TC666 6委会\",\"parentNodeId\":\"00017\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1605838478000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"6f5dab2c45b440499553\",\"id\":\"000170002\",\"menuLevel\":2,\"menuName\":\"他叫分标委\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00017\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000170002\",\"nodeName\":\"他叫分标委\",\"parentNodeId\":\"00017\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1604915366000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"76d267a04b7148178143\",\"id\":\"00009\",\"menuLevel\":1,\"menuName\":\"SAC标委会名称1749\",\"menuType\":\"BWH\",\"modifyTime\":1605754466000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00009\",\"nodeName\":\"SAC标委会名称1749\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":8,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605749821000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"fe18cc51e5a84c1c86c0\",\"id\":\"000090007\",\"menuLevel\":2,\"menuName\":\"11190936\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00009\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090007\",\"nodeName\":\"11190936\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1604928124000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"b61d6bf701474edsfasf7\",\"id\":\"000090001\",\"menuLevel\":2,\"menuName\":\"2121测试001\",\"menuType\":\"FBW\",\"modifyTime\":1605765564000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00009\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090001\",\"nodeName\":\"2121测试001\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1604928124000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"b61d6bf701474ed9b9b7\",\"id\":\"000090002\",\"menuLevel\":2,\"menuName\":\"2121测试002\",\"menuType\":\"FBW\",\"modifyTime\":1605765564000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00009\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090002\",\"nodeName\":\"2121测试002\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1606097727000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"c721d26fa30a43cf8085\",\"id\":\"0000900020002\",\"menuLevel\":3,\"menuName\":\"10-14测试工作组\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000090002\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000900020002\",\"nodeName\":\"10-14测试工作组\",\"parentNodeId\":\"000090002\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1606097727000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"c721d26fa30a43cf8086\",\"id\":\"0000900020001\",\"menuLevel\":3,\"menuName\":\"10-14测试工作组111\",\"menuType\":\"GROUP\",\"modifyTime\":1616038394000,\"modifyUserid\":\"\",\"orderNum\":0,\"pid\":\"000090002\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000900020001\",\"nodeName\":\"10-14测试工作组111\",\"parentNodeId\":\"000090002\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1604928124000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"fdsgfgfff01474ed9b9b7\",\"id\":\"000090003\",\"menuLevel\":2,\"menuName\":\"2121测试1\",\"menuType\":\"FBW\",\"modifyTime\":1605765564000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00009\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090003\",\"nodeName\":\"2121测试1\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1604928124000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"sdfghj,kjbkyu74ed9b9b7\",\"id\":\"000090004\",\"menuLevel\":2,\"menuName\":\"2121测试2\",\"menuType\":\"FBW\",\"modifyTime\":1605765564000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00009\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090004\",\"nodeName\":\"2121测试2\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1605689515000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"a33f2cb9877445a69834\",\"id\":\"000090005\",\"menuLevel\":2,\"menuName\":\"214234234\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00009\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090005\",\"nodeName\":\"214234234\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1605690960000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"32c409fed32447b8a82d\",\"id\":\"000090006\",\"menuLevel\":2,\"menuName\":\"分标委001修改\",\"menuType\":\"FBW\",\"modifyTime\":1605765599000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00009\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090006\",\"nodeName\":\"分标委001修改\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1608275061000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"14104bfd57b2445f9a48\",\"id\":\"00024\",\"menuLevel\":1,\"menuName\":\"下标\",\"menuType\":\"BWH\",\"modifyTime\":1608800841000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00024\",\"nodeName\":\"下标\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1608798945000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"838cf5f83e7944da8233\",\"id\":\"000240001\",\"menuLevel\":2,\"menuName\":\"下分\",\"menuType\":\"FBW\",\"modifyTime\":1608798970000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00024\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000240001\",\"nodeName\":\"下分\",\"parentNodeId\":\"00024\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1608799079000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"f5ac448e61dc4775a01b\",\"id\":\"0002400010001\",\"menuLevel\":3,\"menuName\":\"下工\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000240001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002400010001\",\"nodeName\":\"下工\",\"parentNodeId\":\"000240001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]},{\"data\":{\"createTime\":1628665444000,\"createUserid\":\"E3J2CPK8LHTURBFEVT4A\",\"detailId\":\"38249f6cab7b403ba6e2\",\"id\":\"00042\",\"menuLevel\":1,\"menuName\":\"待删标委会\",\"menuType\":\"BWH\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00042\",\"nodeName\":\"待删标委会\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1628665508000,\"createUserid\":\"E3J2CPK8LHTURBFEVT4A\",\"detailId\":\"bcd0de3e777641a69b3d\",\"id\":\"000420001\",\"menuLevel\":2,\"menuName\":\"待删分标委\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00042\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000420001\",\"nodeName\":\"待删分标委\",\"parentNodeId\":\"00042\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1628666212000,\"createUserid\":\"E3J2CPK8LHTURBFEVT4A\",\"detailId\":\"4c77072113194fa58f8a\",\"id\":\"0004200010001\",\"menuLevel\":3,\"menuName\":\"待删工作组\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000420001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0004200010001\",\"nodeName\":\"待删工作组\",\"parentNodeId\":\"000420001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]},{\"data\":{\"createTime\":1609292184000,\"createUserid\":\"NJNMXJQMDWLPN26WUCGW\",\"detailId\":\"23389404cbf943cd83b0\",\"id\":\"00028\",\"menuLevel\":1,\"menuName\":\"郝伟艳标委会\",\"menuType\":\"BWH\",\"modifyTime\":1627612547000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00028\",\"nodeName\":\"郝伟艳标委会\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":6,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1624180172000,\"createUserid\":\"4AMBE9YL6QV9N5JJGCZB\",\"detailId\":\"6cf60abe68bb40aea26f\",\"id\":\"000280002\",\"menuLevel\":2,\"menuName\":\"好威严测试分标委\",\"menuType\":\"FBW\",\"modifyTime\":1627267398000,\"modifyUserid\":\"ESLC8M3YK7G55GVPR3QD\",\"orderNum\":0,\"pid\":\"00028\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000280002\",\"nodeName\":\"好威严测试分标委\",\"parentNodeId\":\"00028\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1615973769000,\"createUserid\":\"FAZSFGTRFS5Y4VLHB3JC\",\"detailId\":\"d59844f552fe454caa82\",\"id\":\"000280001\",\"menuLevel\":2,\"menuName\":\"测试\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00028\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000280001\",\"nodeName\":\"测试\",\"parentNodeId\":\"00028\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":5,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1616052152000,\"createUserid\":\"FAZSFGTRFS5Y4VLHB3JC\",\"detailId\":\"5e8d892f159b4e3c8322\",\"id\":\"0002800010010\",\"menuLevel\":3,\"menuName\":\"233\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000280001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002800010010\",\"nodeName\":\"233\",\"parentNodeId\":\"000280001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1616052668000,\"createUserid\":\"FAZSFGTRFS5Y4VLHB3JC\",\"detailId\":\"82b903377e7045658853\",\"id\":\"0002800010013\",\"menuLevel\":3,\"menuName\":\"3412\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000280001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002800010013\",\"nodeName\":\"3412\",\"parentNodeId\":\"000280001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1616052326000,\"createUserid\":\"FAZSFGTRFS5Y4VLHB3JC\",\"detailId\":\"b6b984cb79e04b2db344\",\"id\":\"0002800010011\",\"menuLevel\":3,\"menuName\":\"4\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000280001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002800010011\",\"nodeName\":\"4\",\"parentNodeId\":\"000280001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1616051843000,\"createUserid\":\"FAZSFGTRFS5Y4VLHB3JC\",\"detailId\":\"fd3bd2ee9eea4f99a3c0\",\"id\":\"0002800010008\",\"menuLevel\":3,\"menuName\":\"685\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000280001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002800010008\",\"nodeName\":\"685\",\"parentNodeId\":\"000280001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1616060091000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"da378daad9d64fe48579\",\"id\":\"0002800010015\",\"menuLevel\":3,\"menuName\":\"來了\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000280001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002800010015\",\"nodeName\":\"來了\",\"parentNodeId\":\"000280001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]},{\"data\":{\"createTime\":1628818356000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"5eb5ad74f50e4c34a71a\",\"id\":\"00043\",\"menuLevel\":1,\"menuName\":\"非标委会\",\"menuType\":\"BWH\",\"modifyTime\":1628820815000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00043\",\"nodeName\":\"非标委会\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1628818388000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"951a119f9c5442838217\",\"id\":\"000430001\",\"menuLevel\":2,\"menuName\":\"非分标委\",\"menuType\":\"FBW\",\"modifyTime\":1628820799000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00043\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000430001\",\"nodeName\":\"非分标委\",\"parentNodeId\":\"00043\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1628818425000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"84bfb364efe54caaacad\",\"id\":\"0004300010002\",\"menuLevel\":3,\"menuName\":\"非公工作组\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000430001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0004300010002\",\"nodeName\":\"非公工作组\",\"parentNodeId\":\"000430001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1628818408000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"557951e523c5440683d3\",\"id\":\"0004300010001\",\"menuLevel\":3,\"menuName\":\"非工作组1\",\"menuType\":\"GROUP\",\"modifyTime\":1629008431000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"000430001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0004300010001\",\"nodeName\":\"非工作组1\",\"parentNodeId\":\"000430001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]}]},{\"$ref\":\"$[0].children[0]\"},{\"$ref\":\"$[0].children[0].children[0]\"},{\"$ref\":\"$[0].children[0].children[0].children[0]\"},{\"$ref\":\"$[0].children[0].children[0].children[1]\"},{\"$ref\":\"$[0].children[0].children[1]\"},{\"$ref\":\"$[0].children[0].children[1].children[0]\"},{\"$ref\":\"$[0].children[0].children[1].children[1]\"},{\"$ref\":\"$[0].children[0].children[2]\"},{\"$ref\":\"$[0].children[0].children[3]\"},{\"$ref\":\"$[0].children[1]\"},{\"$ref\":\"$[0].children[1].children[0]\"},{\"$ref\":\"$[0].children[2]\"},{\"$ref\":\"$[0].children[2].children[0]\"},{\"$ref\":\"$[0].children[2].children[1]\"},{\"$ref\":\"$[0].children[2].children[2]\"},{\"$ref\":\"$[0].children[3]\"},{\"$ref\":\"$[0].children[3].children[0]\"},{\"$ref\":\"$[0].children[3].children[0].children[0]\"},{\"$ref\":\"$[0].children[4]\"},{\"$ref\":\"$[0].children[4].children[0]\"},{\"$ref\":\"$[0].children[4].children[0].children[0]\"},{\"$ref\":\"$[0].children[4].children[1]\"},{\"$ref\":\"$[0].children[4].children[2]\"},{\"$ref\":\"$[0].children[5]\"},{\"$ref\":\"$[0].children[5].children[0]\"},{\"$ref\":\"$[0].children[5].children[0].children[0]\"},{\"$ref\":\"$[0].children[6]\"},{\"$ref\":\"$[0].children[6].children[0]\"},{\"$ref\":\"$[0].children[6].children[1]\"},{\"$ref\":\"$[0].children[7]\"},{\"$ref\":\"$[0].children[7].children[0]\"},{\"$ref\":\"$[0].children[7].children[1]\"},{\"$ref\":\"$[0].children[7].children[2]\"},{\"$ref\":\"$[0].children[7].children[2].children[0]\"},{\"$ref\":\"$[0].children[7].children[2].children[1]\"},{\"$ref\":\"$[0].children[7].children[3]\"},{\"$ref\":\"$[0].children[7].children[4]\"},{\"$ref\":\"$[0].children[7].children[5]\"},{\"$ref\":\"$[0].children[7].children[6]\"},{\"$ref\":\"$[0].children[8]\"},{\"$ref\":\"$[0].children[8].children[0]\"},{\"$ref\":\"$[0].children[8].children[0].children[0]\"},{\"$ref\":\"$[0].children[9]\"},{\"$ref\":\"$[0].children[9].children[0]\"},{\"$ref\":\"$[0].children[9].children[0].children[0]\"},{\"$ref\":\"$[0].children[10]\"},{\"$ref\":\"$[0].children[10].children[0]\"},{\"$ref\":\"$[0].children[10].children[1]\"},{\"$ref\":\"$[0].children[10].children[1].children[0]\"},{\"$ref\":\"$[0].children[10].children[1].children[1]\"},{\"$ref\":\"$[0].children[10].children[1].children[2]\"},{\"$ref\":\"$[0].children[10].children[1].children[3]\"},{\"$ref\":\"$[0].children[10].children[1].children[4]\"},{\"$ref\":\"$[0].children[11]\"},{\"$ref\":\"$[0].children[11].children[0]\"},{\"$ref\":\"$[0].children[11].children[0].children[0]\"},{\"$ref\":\"$[0].children[11].children[0].children[1]\"}]"
+                this.graphData = JSON.parse(json)[0]
+                this.renderGraph()
+            },
+            handleNodeClick (node) {
+                // const data = node._cfg.model
+                // this.currentNode = data.nodeName
+                // this.currentNodeData = data
+                // this.addForm.pMenuName = data.nodeName
+                // this.addForm.menuType = data.nodeType === 'ROOT' ? 'BWH' : (data.nodeType === 'BWH' ? 'FBW' : (data.nodeType === 'FBW' ? 'GROUP' : 'STAND'))
+                // this.pMenuName = this.addForm.pMenuName
+                // this.menuType = this.addForm.menuType
+                // this.addForm.sarGroupMenuEO = {
+                //     pid: data.id,
+                //     menuType: data.nodeType === 'ROOT' ? 'BWH' : (data.nodeType === 'BWH' ? 'FBW' : (data.nodeType === 'FBW' ? 'GROUP' : 'STAND')),
+                //     menuLevel: data.nodeType === 'ROOT' ? '1' : (data.nodeType === 'BWH' ? '2' : (data.nodeType === 'FBW' ? '3' : '4'))
+                // }
+                // if (data.nodeType !== 'ROOT') {
+                //     const level = parseInt(data.level)
+                //     this.detailData = {
+                //         menuId: data.id,
+                //         nodeType: data.nodeType,
+                //         nodeName: data.nodeName,
+                //         parentId: data.parentNodeId,
+                //         standFlag: data.standFlag,
+                //         data: data.data
+                //     }
+                // }
+                // this.delData = {
+                //     menuId: data.id,
+                //     menuName: data.nodeName,
+                //     children: data.children,
+                //     nodeType: data.nodeType,
+                //     pid: data.parentNodeId,
+                //     menuLevel: data.level
+                // }
+                // this.$message.success('节点被点击' + data.name)
+            },
+            handleEdgeClick (node) {},
+            renderGraph() {
+                G6.registerNode(
+                    'tree-node',
+                    {
+                        drawShape: function drawShape(cfg, group) {
+                            const level = parseInt(cfg.level)
+                            const nodeType = cfg.nodeType
+                            if (nodeType === 'ROOT') {
+                                const circle = group.addShape('circle', {
+                                    attrs: {
+                                        fill: '#CD7326'
+                                        // stroke: '#666',
+                                    },
+                                    name: 'circle-shape',
+                                });
+                                const content = cfg.name ? cfg.name.replace(/(.{19})/g, '$1\n') : ''
+                                const text = group.addShape('text', {
+                                    attrs: {
+                                        text: content,
+                                        x: 0,
+                                        y: 0,
+                                        textAlign: 'center',
+                                        textBaseline: 'middle',
+                                        fill: '#fff',
+                                    },
+                                    name: 'text-shape',
+                                });
+                                const bbox = text.getBBox();
+                                const hasChildren = cfg.children && cfg.children.length > 0;
+                                let marker
+                                if (hasChildren) {
+                                    marker = group.addShape('marker', {
+                                        attrs: {
+                                            x: bbox.maxX + 16,
+                                            y: 0,
+                                            r: 6,
+                                            symbol: cfg.collapsed ? G6.Marker.expand : G6.Marker.collapse,
+                                            stroke: '#666',
+                                            lineWidth: 2,
+                                        },
+                                        name: 'collapse-icon',
+                                    });
+                                }
+                                circle.attr({
+                                    x: 0,
+                                    y: 0,
+                                    r: (bbox.width + 12) / 2,
+                                });
+                            } else {
+                                const rect = group.addShape('rect', {
+                                    attrs: {
+                                        fill: '#fff',
+                                        // stroke: '#666',
+                                    },
+                                    name: 'rect-shape',
+                                });
+                                const content = cfg.name ? cfg.name.replace(/(.{19})/g, '$1\n') : ''
+                                const text = group.addShape('text', {
+                                    attrs: {
+                                        text: content,
+                                        x: 0,
+                                        y: 0,
+                                        textAlign: 'center',
+                                        textBaseline: 'middle',
+                                        fill: '#fff',
+                                    },
+                                    name: 'text-shape',
+                                });
+                                const bbox = text.getBBox();
+                                const hasChildren = cfg.children && cfg.children.length > 0;
+                                let marker
+                                if (hasChildren) {
+                                    marker = group.addShape('marker', {
+                                        attrs: {
+                                            x: bbox.maxX + 16,
+                                            y: 0,
+                                            r: 6,
+                                            symbol: cfg.collapsed ? G6.Marker.expand : G6.Marker.collapse,
+                                            stroke: '#666',
+                                            lineWidth: 2,
+                                        },
+                                        name: 'collapse-icon',
+                                        nodeStateStyles: {
+                                            selected: {
+                                                fill: 'steelblue'
+                                            }
+                                        }
+                                    });
+                                }
+                                rect.attr({
+                                    x: bbox.minX - 6,
+                                    y: bbox.minY - 6,
+                                    width: bbox.width + 12,
+                                    height: bbox.height + 12,
+                                    radius: (bbox.height + 12) / 2
+                                });
+                                // 自定义层级颜色
+                                if (nodeType === 'BWH') {
+                                    rect.attr({
+                                        fill: '#1C98B8'
+                                    });
+                                } else if (nodeType === 'FBW') {
+                                    rect.attr({
+                                        fill: '#5165D4'
+                                    });
+                                } else if (nodeType === 'GROUP') {
+                                    rect.attr({
+                                        fill: '#E23335'
+                                    });
+                                } else if (nodeType === 'STAND') {
+                                    rect.attr({
+                                        fill: '#ADAAA1'
+                                    });
+                                }
+                            }
+                            return group;
+                        },
+                    },
+                    'single-node',
+                );
+
+                this.graph = new G6.TreeGraph({
+                    container: 'container2',
+                    width: this.$refs['wrap2'].scrollWidth,
+                    height: this.$refs['wrap2'].scrollHeight,
+                    modes: {
+                        default: [
+                            {
+                                type: 'collapse-expand',
+                                onChange: function onChange(item, collapsed) {
+                                    const data = item.get('model');
+                                    const icon = item.get('group').find((element) => element.get('name') === 'collapse-icon');
+                                    if (collapsed) {
+                                        icon.attr('symbol', G6.Marker.expand);
+                                    } else {
+                                        icon.attr('symbol', G6.Marker.collapse);
+                                    }
+                                    data.collapsed = collapsed;
+                                    return true;
+                                },
+                                shouldBegin: (e) => {
+                                    const target = e.target
+                                    const nodeType = target.cfg.name
+                                    if (nodeType === 'collapse-icon') return true;
+                                    return false;
+                                }
+                            },
+                            'drag-canvas',
+                            'zoom-canvas',
+                        ],
+                    },
+                    defaultNode: {
+                        type: 'tree-node',
+                        anchorPoints: [
+                            [0, 0.5],
+                            [1, 0.5],
+                        ],
+                    },
+                    defaultEdge: {
+                        type: 'cubic-horizontal',
+                        style: {
+                            stroke: '#A3B1BF',
+                        },
+                    },
+                    layout: {
+                        type: 'compactBox',
+                        direction: 'LR',
+                        getId: function getId(d) {
+                            return d.id;
+                        },
+                        getHeight: function getHeight() {
+                            return 16;
+                        },
+                        getWidth: function getWidth() {
+                            return 16;
+                        },
+                        getVGap: function getVGap() {
+                            return 20;
+                        },
+                        getHGap: function getHGap() {
+                            return 80;
+                        },
+                    },
+                });
+                let graphData = this.graphData
+                G6.Util.traverseTree(graphData, function (item) {
+                    const data = item.data || {}
+                    item.id = item.nodeId;
+                    item.name = item.nodeName
+                    item.nodeType = data.menuType
+                });
+                this.graph.data(graphData);
+                this.graph.render();
+                this.graph.fitView();
+                this.handleGraphNodeClickEvent(this.graph)
+                this.handleGraphEdgeClickEvent(this.graph)
+                this.handleGraphDraw(this.graph)
+            },
+            destoryGraph() {
+                this.graph.destroy()
+            },
+            handleGraphDraw () {},
+            handleGraphNodeClickEvent(graph) {
+                // 点击节点
+                graph.on('node:click', (e) => {
+                    // 先将所有当前是 click 状态的节点置为非 click 状态
+                    const clickNodes = graph.findAllByState('node', 'click');
+                    clickNodes.forEach((cn) => {
+                        graph.setItemState(cn, 'click', false);
+                    });
+                    const nodeItem = e.item; // 获取被点击的节点元素对象
+                    this.handleNodeClick(nodeItem)
+                    graph.setItemState(nodeItem, 'click', true); // 设置当前节点的 click 状态为 true
+                });
+            },
+            handleGraphEdgeClickEvent(graph) {
+                // 点击边
+                graph.on('edge:click', (e) => {
+                    // 先将所有当前是 click 状态的边置为非 click 状态
+                    const clickEdges = graph.findAllByState('edge', 'click');
+                    clickEdges.forEach((ce) => {
+                        graph.setItemState(ce, 'click', false);
+                    });
+                    const edgeItem = e.item; // 获取被点击的边元素对象
+                    console.log('EdgeClick', edgeItem)
+                    graph.setItemState(edgeItem, 'click', true); // 设置当前边的 click 状态为 true
+                    this.handleEdgeClick (edgeItem)
+                });
+            },
+        },
+        mounted() {
+            this.getdata()
+        },
+        beforeDestroy() {
+            this.destoryGraph()
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .workingGroup2{
+        height: 100%;
+    }
+</style>
diff --git a/src/pages/regulatoryRepository/workingGroup/index.vue b/src/pages/regulatoryRepository/workingGroup/index.vue
index c5a47ff1b..ff3e1afcc 100644
--- a/src/pages/regulatoryRepository/workingGroup/index.vue
+++ b/src/pages/regulatoryRepository/workingGroup/index.vue
@@ -1,325 +1,62 @@
 <!-- 工作组 -->
 <template>
     <div class="workingGroup" ref="wrap">
-        <div>工作组</div>
-        <div id="container"></div>
+        <el-tabs
+                v-model="activeName"
+                class="home-tabs"
+        >
+            <el-tab-pane name="workingGroup1">
+                <span slot="label"><i class="el-icon-s-order"></i> 工作组1</span>
+                <workingGroup1 v-if="activeName === 'workingGroup1'"></workingGroup1>
+            </el-tab-pane>
+            <el-tab-pane name="workingGroup2">
+                <span slot="label"><i class="el-icon-s-promotion"></i> 工作组2</span>
+                <workingGroup2 v-if="activeName === 'workingGroup2'"></workingGroup2>
+            </el-tab-pane>
+        </el-tabs>
     </div>
 </template>
 <script>
-    import G6 from '@antv/g6'
+    import workingGroup1 from './components/workingGroup1'
+    import workingGroup2 from './components/workingGroup2'
     export default {
         name: 'workingGroup',
+        components: {
+            workingGroup1,
+            workingGroup2
+        },
         data() {
             return {
-                graphData: {},
-                graph: null,
-                currentNode: '',
-                currentNodeData: {},
-                addForm: {
-                    pMenuName: '',
-                    menuType: '',
-                    sarGroupMenuEO: {
-                        pid: '',
-                        menuType: '',
-                        menuLevel: ''
-                    }
-                },
-                pMenuName: '',
-                menuType: '',
-                detailData: {
-                    menuId: '',
-                    nodeType: '',
-                    nodeName: '',
-                    parentId: '',
-                    standFlag: '',
-                    data: ''
-                },
-                delData: {},
-
+                activeName: 'workingGroup1',
             }
         },
-        methods: {
-            handleNodeClick (node) {
-                console.log(node);
-                const data = node._cfg.model
-                this.currentNode = data.nodeName
-                this.currentNodeData = data
-                this.addForm.pMenuName = data.nodeName
-                this.addForm.menuType = data.nodeType === 'ROOT' ? 'BWH' : (data.nodeType === 'BWH' ? 'FBW' : (data.nodeType === 'FBW' ? 'GROUP' : 'STAND'))
-                this.pMenuName = this.addForm.pMenuName
-                this.menuType = this.addForm.menuType
-                this.addForm.sarGroupMenuEO = {
-                    pid: data.id,
-                    menuType: data.nodeType === 'ROOT' ? 'BWH' : (data.nodeType === 'BWH' ? 'FBW' : (data.nodeType === 'FBW' ? 'GROUP' : 'STAND')),
-                    menuLevel: data.nodeType === 'ROOT' ? '1' : (data.nodeType === 'BWH' ? '2' : (data.nodeType === 'FBW' ? '3' : '4'))
-                }
-                if (data.nodeType !== 'ROOT') {
-                    const level = parseInt(data.level)
-                    this.detailData = {
-                        menuId: data.id,
-                        nodeType: data.nodeType,
-                        nodeName: data.nodeName,
-                        parentId: data.parentNodeId,
-                        standFlag: data.standFlag,
-                        data: data.data
-                    }
-                }
-                this.delData = {
-                    menuId: data.id,
-                    menuName: data.nodeName,
-                    children: data.children,
-                    nodeType: data.nodeType,
-                    pid: data.parentNodeId,
-                    menuLevel: data.level
-                }
-                // this.$message.success('节点被点击' + data.name)
-            },
-            handleEdgeClick (node) {},
-            renderGraph() {
-                G6.registerNode(
-                    'tree-node',
-                    {
-                        drawShape: function drawShape(cfg, group) {
-                            const level = parseInt(cfg.level)
-                            const nodeType = cfg.nodeType
-                            if (nodeType === 'ROOT') {
-                                const circle = group.addShape('circle', {
-                                    attrs: {
-                                        fill: '#CD7326'
-                                        // stroke: '#666',
-                                    },
-                                    name: 'circle-shape',
-                                });
-                                const content = cfg.name ? cfg.name.replace(/(.{19})/g, '$1\n') : ''
-                                const text = group.addShape('text', {
-                                    attrs: {
-                                        text: content,
-                                        x: 0,
-                                        y: 0,
-                                        textAlign: 'center',
-                                        textBaseline: 'middle',
-                                        fill: '#fff',
-                                    },
-                                    name: 'text-shape',
-                                });
-                                const bbox = text.getBBox();
-                                const hasChildren = cfg.children && cfg.children.length > 0;
-                                let marker
-                                if (hasChildren) {
-                                    marker = group.addShape('marker', {
-                                        attrs: {
-                                            x: bbox.maxX + 16,
-                                            y: 0,
-                                            r: 6,
-                                            symbol: cfg.collapsed ? G6.Marker.expand : G6.Marker.collapse,
-                                            stroke: '#666',
-                                            lineWidth: 2,
-                                        },
-                                        name: 'collapse-icon',
-                                    });
-                                }
-                                circle.attr({
-                                    x: 0,
-                                    y: 0,
-                                    r: (bbox.width + 12) / 2,
-                                });
-                            } else {
-                                const rect = group.addShape('rect', {
-                                    attrs: {
-                                        fill: '#fff',
-                                        // stroke: '#666',
-                                    },
-                                    name: 'rect-shape',
-                                });
-                                const content = cfg.name ? cfg.name.replace(/(.{19})/g, '$1\n') : ''
-                                const text = group.addShape('text', {
-                                    attrs: {
-                                        text: content,
-                                        x: 0,
-                                        y: 0,
-                                        textAlign: 'center',
-                                        textBaseline: 'middle',
-                                        fill: '#fff',
-                                    },
-                                    name: 'text-shape',
-                                });
-                                const bbox = text.getBBox();
-                                const hasChildren = cfg.children && cfg.children.length > 0;
-                                let marker
-                                if (hasChildren) {
-                                    marker = group.addShape('marker', {
-                                        attrs: {
-                                            x: bbox.maxX + 16,
-                                            y: 0,
-                                            r: 6,
-                                            symbol: cfg.collapsed ? G6.Marker.expand : G6.Marker.collapse,
-                                            stroke: '#666',
-                                            lineWidth: 2,
-                                        },
-                                        name: 'collapse-icon',
-                                        nodeStateStyles: {
-                                            selected: {
-                                                fill: 'steelblue'
-                                            }
-                                        }
-                                    });
-                                }
-                                rect.attr({
-                                    x: bbox.minX - 6,
-                                    y: bbox.minY - 6,
-                                    width: bbox.width + 12,
-                                    height: bbox.height + 12,
-                                    radius: (bbox.height + 12) / 2
-                                });
-                                // 自定义层级颜色
-                                if (nodeType === 'BWH') {
-                                    rect.attr({
-                                        fill: '#1C98B8'
-                                    });
-                                } else if (nodeType === 'FBW') {
-                                    rect.attr({
-                                        fill: '#5165D4'
-                                    });
-                                } else if (nodeType === 'GROUP') {
-                                    rect.attr({
-                                        fill: '#E23335'
-                                    });
-                                } else if (nodeType === 'STAND') {
-                                    rect.attr({
-                                        fill: '#ADAAA1'
-                                    });
-                                }
-                            }
-
-                            return group;
-                        },
-                    },
-                    'single-node',
-                );
-
-                this.graph = new G6.TreeGraph({
-                    container: 'container',
-                    width: this.$refs['wrap'].scrollWidth,
-                    height: this.$refs['wrap'].scrollHeight,
-                    modes: {
-                        default: [
-                            {
-                                type: 'collapse-expand',
-                                onChange: function onChange(item, collapsed) {
-                                    const data = item.get('model');
-                                    const icon = item.get('group').find((element) => element.get('name') === 'collapse-icon');
-                                    if (collapsed) {
-                                        icon.attr('symbol', G6.Marker.expand);
-                                    } else {
-                                        icon.attr('symbol', G6.Marker.collapse);
-                                    }
-                                    data.collapsed = collapsed;
-                                    return true;
-                                },
-                                shouldBegin: (e) => {
-                                    const target = e.target
-                                    const nodeType = target.cfg.name
-                                    if (nodeType === 'collapse-icon') return true;
-                                    return false;
-                                }
-                            },
-                            'drag-canvas',
-                            'zoom-canvas',
-                        ],
-                    },
-                    defaultNode: {
-                        type: 'tree-node',
-                        anchorPoints: [
-                            [0, 0.5],
-                            [1, 0.5],
-                        ],
-                    },
-                    defaultEdge: {
-                        type: 'cubic-horizontal',
-                        style: {
-                            stroke: '#A3B1BF',
-                        },
-                    },
-                    layout: {
-                        type: 'compactBox',
-                        direction: 'LR',
-                        getId: function getId(d) {
-                            return d.id;
-                        },
-                        getHeight: function getHeight() {
-                            return 16;
-                        },
-                        getWidth: function getWidth() {
-                            return 16;
-                        },
-                        getVGap: function getVGap() {
-                            return 20;
-                        },
-                        getHGap: function getHGap() {
-                            return 80;
-                        },
-                    },
-                });
-                let graphData = this.graphData
-                G6.Util.traverseTree(graphData, function (item) {
-                    // console.log(item)
-                    const data = item.data || {}
-                    item.id = item.nodeId;
-                    item.name = item.nodeName
-                    item.nodeType = data.menuType
-                });
-                this.graph.data(graphData);
-                this.graph.render();
-                this.graph.fitView();
-                this.handleGraphNodeClickEvent(this.graph)
-                this.handleGraphEdgeClickEvent(this.graph)
-                this.handleGraphDraw(this.graph)
-            },
-            destoryGraph() {
-                this.graph.destroy()
-            },
-            handleGraphDraw () {},
-            handleGraphNodeClickEvent(graph) {
-                // 点击节点
-                graph.on('node:click', (e) => {
-                    // 先将所有当前是 click 状态的节点置为非 click 状态
-                    const clickNodes = graph.findAllByState('node', 'click');
-                    clickNodes.forEach((cn) => {
-                        graph.setItemState(cn, 'click', false);
-                    });
-                    const nodeItem = e.item; // 获取被点击的节点元素对象
-                    this.handleNodeClick(nodeItem)
-                    graph.setItemState(nodeItem, 'click', true); // 设置当前节点的 click 状态为 true
-                });
-            },
-            handleGraphEdgeClickEvent(graph) {
-                // 点击边
-                graph.on('edge:click', (e) => {
-                    // 先将所有当前是 click 状态的边置为非 click 状态
-                    const clickEdges = graph.findAllByState('edge', 'click');
-                    clickEdges.forEach((ce) => {
-                        graph.setItemState(ce, 'click', false);
-                    });
-                    const edgeItem = e.item; // 获取被点击的边元素对象
-                    console.log('EdgeClick', edgeItem)
-                    graph.setItemState(edgeItem, 'click', true); // 设置当前边的 click 状态为 true
-                    this.handleEdgeClick (edgeItem)
-                });
-            },
-        },
-        mounted() {
-            var json = "[{\"data\":{\"createTime\":1604388711000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"4\",\"id\":\"0\",\"menuLevel\":0,\"menuName\":\"标准工作组\",\"menuType\":\"ROOT\",\"orderNum\":0,\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0\",\"nodeName\":\"标准工作组\",\"parentNodeId\":\"null\",\"orderNum\":0,\"level\":0,\"lastNodeNum\":35,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1604651650000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"4a8971531d15462290d6\",\"id\":\"00004\",\"menuLevel\":1,\"menuName\":\"11/16更新测试标委会1\",\"menuType\":\"BWH\",\"modifyTime\":1626848748000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00004\",\"nodeName\":\"11/16更新测试标委会1\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":6,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605446736000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"a6a6777642b04a498c57\",\"id\":\"000040001\",\"menuLevel\":2,\"menuName\":\"11/15测试分标委\",\"menuType\":\"FBW\",\"modifyTime\":1629792459000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00004\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000040001\",\"nodeName\":\"11/15测试分标委\",\"parentNodeId\":\"00004\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605685868000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"ba6453d09de1417a9441\",\"id\":\"0000400010002\",\"menuLevel\":3,\"menuName\":\"11/18测试新增工作组2\",\"menuType\":\"GROUP\",\"modifyTime\":1608603571000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"000040001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000400010002\",\"nodeName\":\"11/18测试新增工作组2\",\"parentNodeId\":\"000040001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1605685138000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"dcf96410da9d43cd92b8\",\"id\":\"0000400010001\",\"menuLevel\":3,\"menuName\":\"11/18测试新增工作组编辑测试\",\"menuType\":\"GROUP\",\"modifyTime\":1624192349000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"000040001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000400010001\",\"nodeName\":\"11/18测试新增工作组编辑测试\",\"parentNodeId\":\"000040001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1629450636000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"03e5e029eaa945e0813a\",\"id\":\"000040007\",\"menuLevel\":2,\"menuName\":\"CA分标委员会222\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00004\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000040007\",\"nodeName\":\"CA分标委员会222\",\"parentNodeId\":\"00004\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1629450904000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"cbe84b4d4e8b4a78ac33\",\"id\":\"0000400070001\",\"menuLevel\":3,\"menuName\":\"工作组1\",\"menuType\":\"GROUP\",\"modifyTime\":1629450984000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"000040007\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000400070001\",\"nodeName\":\"工作组1\",\"parentNodeId\":\"000040007\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1629451030000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"4246abc6d76248df8e5b\",\"id\":\"0000400070002\",\"menuLevel\":3,\"menuName\":\"工作组2\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000040007\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000400070002\",\"nodeName\":\"工作组2\",\"parentNodeId\":\"000040007\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1610437279000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"6eb44a560b6a4772aa25\",\"id\":\"000040003\",\"menuLevel\":2,\"menuName\":\"test\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00004\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000040003\",\"nodeName\":\"test\",\"parentNodeId\":\"00004\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1626849335000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"989b822c390d4e3f9b35\",\"id\":\"000040006\",\"menuLevel\":2,\"menuName\":\"陈晓熙0721测试分标委\",\"menuType\":\"FBW\",\"modifyTime\":1629793141000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00004\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000040006\",\"nodeName\":\"陈晓熙0721测试分标委\",\"parentNodeId\":\"00004\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1605685277000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"a8c4ade6637048009ebb\",\"id\":\"00012\",\"menuLevel\":1,\"menuName\":\"11/18测试新增标委会\",\"menuType\":\"BWH\",\"modifyTime\":1616075265000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00012\",\"nodeName\":\"11/18测试新增标委会\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605686037000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"0d33386ea8a24001919e\",\"id\":\"000120001\",\"menuLevel\":2,\"menuName\":\"11/18测试新增分标委\",\"menuType\":\"FBW\",\"modifyTime\":1614147466000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00012\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000120001\",\"nodeName\":\"11/18测试新增分标委\",\"parentNodeId\":\"00012\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1604651850000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"4c75f31c965341f58870\",\"id\":\"00005\",\"menuLevel\":1,\"menuName\":\"123123\",\"menuType\":\"BWH\",\"modifyTime\":1606182889000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00005\",\"nodeName\":\"123123\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":3,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605448395000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"f5e9974d608b44e88ff6\",\"id\":\"000050002\",\"menuLevel\":2,\"menuName\":\"11/15测试分标委05\",\"menuType\":\"FBW\",\"modifyTime\":1626683013000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00005\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000050002\",\"nodeName\":\"11/15测试分标委05\",\"parentNodeId\":\"00005\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1605448395000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"80b9efdf99864c5b9a0b\",\"id\":\"000050001\",\"menuLevel\":2,\"menuName\":\"11/15测试分标委07\",\"menuType\":\"FBW\",\"modifyTime\":1628565674000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00005\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000050001\",\"nodeName\":\"11/15测试分标委07\",\"parentNodeId\":\"00005\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1623306135000,\"createUserid\":\"FLGAQCE3DT8K6S38GCGU\",\"detailId\":\"bccbc049b087469599fc\",\"id\":\"000050003\",\"menuLevel\":2,\"menuName\":\"123123\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00005\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000050003\",\"nodeName\":\"123123\",\"parentNodeId\":\"00005\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1624162878000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"d2ecc60f5e9c432c8b15\",\"id\":\"00040\",\"menuLevel\":1,\"menuName\":\"6-20标委会\",\"menuType\":\"BWH\",\"modifyTime\":1624342045000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00040\",\"nodeName\":\"6-20标委会\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1624239459000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"1ade0cfe36bb47f2a506\",\"id\":\"000400002\",\"menuLevel\":2,\"menuName\":\"回测试\",\"menuType\":\"FBW\",\"modifyTime\":1626683222000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00040\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000400002\",\"nodeName\":\"回测试\",\"parentNodeId\":\"00040\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1626683337000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"88259d1b7d51423da546\",\"id\":\"0004000020001\",\"menuLevel\":3,\"menuName\":\"11\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000400002\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0004000020001\",\"nodeName\":\"11\",\"parentNodeId\":\"000400002\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]},{\"data\":{\"createTime\":1604388766000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"5\",\"id\":\"00001\",\"menuLevel\":1,\"menuName\":\"SAC/TC114\",\"menuType\":\"BWH\",\"modifyTime\":1610418604000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00001\",\"nodeName\":\"SAC/TC114\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":3,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605505324000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"49f4e7f6dc3f4f1ca911\",\"id\":\"000010001\",\"menuLevel\":2,\"menuName\":\"555\",\"menuType\":\"FBW\",\"modifyTime\":1626683070000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000010001\",\"nodeName\":\"555\",\"parentNodeId\":\"00001\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1617159196000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"fbejwkrewnffonfjoq9b7\",\"id\":\"0000100010001\",\"menuLevel\":3,\"menuName\":\"12313\",\"menuType\":\"GROUP\",\"modifyTime\":1617159202000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"000010001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000100010001\",\"nodeName\":\"12313\",\"parentNodeId\":\"000010001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1604995025000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"eb0384d7baf048008ac3\",\"id\":\"000010003\",\"menuLevel\":2,\"menuName\":\"SAC/TC156\",\"menuType\":\"FBW\",\"modifyTime\":1610517374000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000010003\",\"nodeName\":\"SAC/TC156\",\"parentNodeId\":\"00001\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1604995025000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"asdfghyj1526r2hj5uk1\",\"id\":\"000010002\",\"menuLevel\":2,\"menuName\":\"SAC/TC157\",\"menuType\":\"FBW\",\"modifyTime\":1610517374000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00001\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000010002\",\"nodeName\":\"SAC/TC157\",\"parentNodeId\":\"00001\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1604501245000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"cc60917c9b1c4428b33c\",\"id\":\"00002\",\"menuLevel\":1,\"menuName\":\"SAC/TC115\",\"menuType\":\"BWH\",\"modifyTime\":1605658408000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00002\",\"nodeName\":\"SAC/TC115\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1604630891000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"16b6fa98927d43bfbc51\",\"id\":\"000020001\",\"menuLevel\":2,\"menuName\":\"AC36-智能汽车分标委\",\"menuType\":\"FBW\",\"modifyTime\":1610418279000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00002\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000020001\",\"nodeName\":\"AC36-智能汽车分标委\",\"parentNodeId\":\"00002\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1626687947000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"c66a5219850143e4b538\",\"id\":\"0000200010003\",\"menuLevel\":3,\"menuName\":\"站住\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000020001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000200010003\",\"nodeName\":\"站住\",\"parentNodeId\":\"000020001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]},{\"data\":{\"createTime\":1605779217000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"f132c8dec511442e8ab8\",\"id\":\"00017\",\"menuLevel\":1,\"menuName\":\"SAC/TC666\",\"menuType\":\"BWH\",\"modifyTime\":1606184016000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00017\",\"nodeName\":\"SAC/TC666\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605779469000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"4d20c5d4f0e74cd2a8b7\",\"id\":\"000170001\",\"menuLevel\":2,\"menuName\":\"SAC/TC666 6委会\",\"menuType\":\"FBW\",\"modifyTime\":1628500112000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00017\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000170001\",\"nodeName\":\"SAC/TC666 6委会\",\"parentNodeId\":\"00017\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1605838478000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"6f5dab2c45b440499553\",\"id\":\"000170002\",\"menuLevel\":2,\"menuName\":\"他叫分标委\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00017\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000170002\",\"nodeName\":\"他叫分标委\",\"parentNodeId\":\"00017\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1604915366000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"76d267a04b7148178143\",\"id\":\"00009\",\"menuLevel\":1,\"menuName\":\"SAC标委会名称1749\",\"menuType\":\"BWH\",\"modifyTime\":1605754466000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00009\",\"nodeName\":\"SAC标委会名称1749\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":8,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1605749821000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"fe18cc51e5a84c1c86c0\",\"id\":\"000090007\",\"menuLevel\":2,\"menuName\":\"11190936\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00009\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090007\",\"nodeName\":\"11190936\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1604928124000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"b61d6bf701474edsfasf7\",\"id\":\"000090001\",\"menuLevel\":2,\"menuName\":\"2121测试001\",\"menuType\":\"FBW\",\"modifyTime\":1605765564000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00009\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090001\",\"nodeName\":\"2121测试001\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1604928124000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"b61d6bf701474ed9b9b7\",\"id\":\"000090002\",\"menuLevel\":2,\"menuName\":\"2121测试002\",\"menuType\":\"FBW\",\"modifyTime\":1605765564000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00009\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090002\",\"nodeName\":\"2121测试002\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1606097727000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"c721d26fa30a43cf8085\",\"id\":\"0000900020002\",\"menuLevel\":3,\"menuName\":\"10-14测试工作组\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000090002\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000900020002\",\"nodeName\":\"10-14测试工作组\",\"parentNodeId\":\"000090002\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1606097727000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"c721d26fa30a43cf8086\",\"id\":\"0000900020001\",\"menuLevel\":3,\"menuName\":\"10-14测试工作组111\",\"menuType\":\"GROUP\",\"modifyTime\":1616038394000,\"modifyUserid\":\"\",\"orderNum\":0,\"pid\":\"000090002\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0000900020001\",\"nodeName\":\"10-14测试工作组111\",\"parentNodeId\":\"000090002\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1604928124000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"fdsgfgfff01474ed9b9b7\",\"id\":\"000090003\",\"menuLevel\":2,\"menuName\":\"2121测试1\",\"menuType\":\"FBW\",\"modifyTime\":1605765564000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00009\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090003\",\"nodeName\":\"2121测试1\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1604928124000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"sdfghj,kjbkyu74ed9b9b7\",\"id\":\"000090004\",\"menuLevel\":2,\"menuName\":\"2121测试2\",\"menuType\":\"FBW\",\"modifyTime\":1605765564000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00009\",\"standNo\":\"\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090004\",\"nodeName\":\"2121测试2\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1605689515000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"a33f2cb9877445a69834\",\"id\":\"000090005\",\"menuLevel\":2,\"menuName\":\"214234234\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00009\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090005\",\"nodeName\":\"214234234\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1605690960000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"32c409fed32447b8a82d\",\"id\":\"000090006\",\"menuLevel\":2,\"menuName\":\"分标委001修改\",\"menuType\":\"FBW\",\"modifyTime\":1605765599000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00009\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000090006\",\"nodeName\":\"分标委001修改\",\"parentNodeId\":\"00009\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]},{\"data\":{\"createTime\":1608275061000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"14104bfd57b2445f9a48\",\"id\":\"00024\",\"menuLevel\":1,\"menuName\":\"下标\",\"menuType\":\"BWH\",\"modifyTime\":1608800841000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00024\",\"nodeName\":\"下标\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1608798945000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"838cf5f83e7944da8233\",\"id\":\"000240001\",\"menuLevel\":2,\"menuName\":\"下分\",\"menuType\":\"FBW\",\"modifyTime\":1608798970000,\"modifyUserid\":\"WY8J26MH23\",\"orderNum\":0,\"pid\":\"00024\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000240001\",\"nodeName\":\"下分\",\"parentNodeId\":\"00024\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1608799079000,\"createUserid\":\"WY8J26MH23\",\"detailId\":\"f5ac448e61dc4775a01b\",\"id\":\"0002400010001\",\"menuLevel\":3,\"menuName\":\"下工\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000240001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002400010001\",\"nodeName\":\"下工\",\"parentNodeId\":\"000240001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]},{\"data\":{\"createTime\":1628665444000,\"createUserid\":\"E3J2CPK8LHTURBFEVT4A\",\"detailId\":\"38249f6cab7b403ba6e2\",\"id\":\"00042\",\"menuLevel\":1,\"menuName\":\"待删标委会\",\"menuType\":\"BWH\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00042\",\"nodeName\":\"待删标委会\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1628665508000,\"createUserid\":\"E3J2CPK8LHTURBFEVT4A\",\"detailId\":\"bcd0de3e777641a69b3d\",\"id\":\"000420001\",\"menuLevel\":2,\"menuName\":\"待删分标委\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00042\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000420001\",\"nodeName\":\"待删分标委\",\"parentNodeId\":\"00042\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1628666212000,\"createUserid\":\"E3J2CPK8LHTURBFEVT4A\",\"detailId\":\"4c77072113194fa58f8a\",\"id\":\"0004200010001\",\"menuLevel\":3,\"menuName\":\"待删工作组\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000420001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0004200010001\",\"nodeName\":\"待删工作组\",\"parentNodeId\":\"000420001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]},{\"data\":{\"createTime\":1609292184000,\"createUserid\":\"NJNMXJQMDWLPN26WUCGW\",\"detailId\":\"23389404cbf943cd83b0\",\"id\":\"00028\",\"menuLevel\":1,\"menuName\":\"郝伟艳标委会\",\"menuType\":\"BWH\",\"modifyTime\":1627612547000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00028\",\"nodeName\":\"郝伟艳标委会\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":6,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1624180172000,\"createUserid\":\"4AMBE9YL6QV9N5JJGCZB\",\"detailId\":\"6cf60abe68bb40aea26f\",\"id\":\"000280002\",\"menuLevel\":2,\"menuName\":\"好威严测试分标委\",\"menuType\":\"FBW\",\"modifyTime\":1627267398000,\"modifyUserid\":\"ESLC8M3YK7G55GVPR3QD\",\"orderNum\":0,\"pid\":\"00028\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000280002\",\"nodeName\":\"好威严测试分标委\",\"parentNodeId\":\"00028\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1615973769000,\"createUserid\":\"FAZSFGTRFS5Y4VLHB3JC\",\"detailId\":\"d59844f552fe454caa82\",\"id\":\"000280001\",\"menuLevel\":2,\"menuName\":\"测试\",\"menuType\":\"FBW\",\"orderNum\":0,\"pid\":\"00028\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000280001\",\"nodeName\":\"测试\",\"parentNodeId\":\"00028\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":5,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1616052152000,\"createUserid\":\"FAZSFGTRFS5Y4VLHB3JC\",\"detailId\":\"5e8d892f159b4e3c8322\",\"id\":\"0002800010010\",\"menuLevel\":3,\"menuName\":\"233\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000280001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002800010010\",\"nodeName\":\"233\",\"parentNodeId\":\"000280001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1616052668000,\"createUserid\":\"FAZSFGTRFS5Y4VLHB3JC\",\"detailId\":\"82b903377e7045658853\",\"id\":\"0002800010013\",\"menuLevel\":3,\"menuName\":\"3412\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000280001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002800010013\",\"nodeName\":\"3412\",\"parentNodeId\":\"000280001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1616052326000,\"createUserid\":\"FAZSFGTRFS5Y4VLHB3JC\",\"detailId\":\"b6b984cb79e04b2db344\",\"id\":\"0002800010011\",\"menuLevel\":3,\"menuName\":\"4\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000280001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002800010011\",\"nodeName\":\"4\",\"parentNodeId\":\"000280001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1616051843000,\"createUserid\":\"FAZSFGTRFS5Y4VLHB3JC\",\"detailId\":\"fd3bd2ee9eea4f99a3c0\",\"id\":\"0002800010008\",\"menuLevel\":3,\"menuName\":\"685\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000280001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002800010008\",\"nodeName\":\"685\",\"parentNodeId\":\"000280001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1616060091000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"da378daad9d64fe48579\",\"id\":\"0002800010015\",\"menuLevel\":3,\"menuName\":\"來了\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000280001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0002800010015\",\"nodeName\":\"來了\",\"parentNodeId\":\"000280001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]},{\"data\":{\"createTime\":1628818356000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"5eb5ad74f50e4c34a71a\",\"id\":\"00043\",\"menuLevel\":1,\"menuName\":\"非标委会\",\"menuType\":\"BWH\",\"modifyTime\":1628820815000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"0\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"00043\",\"nodeName\":\"非标委会\",\"parentNodeId\":\"0\",\"orderNum\":0,\"level\":1,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1628818388000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"951a119f9c5442838217\",\"id\":\"000430001\",\"menuLevel\":2,\"menuName\":\"非分标委\",\"menuType\":\"FBW\",\"modifyTime\":1628820799000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"00043\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"000430001\",\"nodeName\":\"非分标委\",\"parentNodeId\":\"00043\",\"orderNum\":0,\"level\":2,\"lastNodeNum\":2,\"lastNode\":false,\"children\":[{\"data\":{\"createTime\":1628818425000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"84bfb364efe54caaacad\",\"id\":\"0004300010002\",\"menuLevel\":3,\"menuName\":\"非公工作组\",\"menuType\":\"GROUP\",\"orderNum\":0,\"pid\":\"000430001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0004300010002\",\"nodeName\":\"非公工作组\",\"parentNodeId\":\"000430001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]},{\"data\":{\"createTime\":1628818408000,\"createUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"detailId\":\"557951e523c5440683d3\",\"id\":\"0004300010001\",\"menuLevel\":3,\"menuName\":\"非工作组1\",\"menuType\":\"GROUP\",\"modifyTime\":1629008431000,\"modifyUserid\":\"XN5WXNQVV6DJY64NQ4YU\",\"orderNum\":0,\"pid\":\"000430001\",\"vlagFlag\":0},\"standFlag\":0,\"nodeId\":\"0004300010001\",\"nodeName\":\"非工作组1\",\"parentNodeId\":\"000430001\",\"orderNum\":0,\"level\":3,\"lastNodeNum\":1,\"lastNode\":true,\"children\":[]}]}]}]},{\"$ref\":\"$[0].children[0]\"},{\"$ref\":\"$[0].children[0].children[0]\"},{\"$ref\":\"$[0].children[0].children[0].children[0]\"},{\"$ref\":\"$[0].children[0].children[0].children[1]\"},{\"$ref\":\"$[0].children[0].children[1]\"},{\"$ref\":\"$[0].children[0].children[1].children[0]\"},{\"$ref\":\"$[0].children[0].children[1].children[1]\"},{\"$ref\":\"$[0].children[0].children[2]\"},{\"$ref\":\"$[0].children[0].children[3]\"},{\"$ref\":\"$[0].children[1]\"},{\"$ref\":\"$[0].children[1].children[0]\"},{\"$ref\":\"$[0].children[2]\"},{\"$ref\":\"$[0].children[2].children[0]\"},{\"$ref\":\"$[0].children[2].children[1]\"},{\"$ref\":\"$[0].children[2].children[2]\"},{\"$ref\":\"$[0].children[3]\"},{\"$ref\":\"$[0].children[3].children[0]\"},{\"$ref\":\"$[0].children[3].children[0].children[0]\"},{\"$ref\":\"$[0].children[4]\"},{\"$ref\":\"$[0].children[4].children[0]\"},{\"$ref\":\"$[0].children[4].children[0].children[0]\"},{\"$ref\":\"$[0].children[4].children[1]\"},{\"$ref\":\"$[0].children[4].children[2]\"},{\"$ref\":\"$[0].children[5]\"},{\"$ref\":\"$[0].children[5].children[0]\"},{\"$ref\":\"$[0].children[5].children[0].children[0]\"},{\"$ref\":\"$[0].children[6]\"},{\"$ref\":\"$[0].children[6].children[0]\"},{\"$ref\":\"$[0].children[6].children[1]\"},{\"$ref\":\"$[0].children[7]\"},{\"$ref\":\"$[0].children[7].children[0]\"},{\"$ref\":\"$[0].children[7].children[1]\"},{\"$ref\":\"$[0].children[7].children[2]\"},{\"$ref\":\"$[0].children[7].children[2].children[0]\"},{\"$ref\":\"$[0].children[7].children[2].children[1]\"},{\"$ref\":\"$[0].children[7].children[3]\"},{\"$ref\":\"$[0].children[7].children[4]\"},{\"$ref\":\"$[0].children[7].children[5]\"},{\"$ref\":\"$[0].children[7].children[6]\"},{\"$ref\":\"$[0].children[8]\"},{\"$ref\":\"$[0].children[8].children[0]\"},{\"$ref\":\"$[0].children[8].children[0].children[0]\"},{\"$ref\":\"$[0].children[9]\"},{\"$ref\":\"$[0].children[9].children[0]\"},{\"$ref\":\"$[0].children[9].children[0].children[0]\"},{\"$ref\":\"$[0].children[10]\"},{\"$ref\":\"$[0].children[10].children[0]\"},{\"$ref\":\"$[0].children[10].children[1]\"},{\"$ref\":\"$[0].children[10].children[1].children[0]\"},{\"$ref\":\"$[0].children[10].children[1].children[1]\"},{\"$ref\":\"$[0].children[10].children[1].children[2]\"},{\"$ref\":\"$[0].children[10].children[1].children[3]\"},{\"$ref\":\"$[0].children[10].children[1].children[4]\"},{\"$ref\":\"$[0].children[11]\"},{\"$ref\":\"$[0].children[11].children[0]\"},{\"$ref\":\"$[0].children[11].children[0].children[0]\"},{\"$ref\":\"$[0].children[11].children[0].children[1]\"}]"
-            this.graphData = JSON.parse(json)[0]
-            console.log(this.graphData);
-            this.renderGraph()
-        },
-        beforeDestroy() {
-            this.destoryGraph()
-        }
+        methods: {},
+        mounted() {},
+        beforeDestroy() {}
     }
 </script>
 <style lang="less" scoped>
     .workingGroup{
         height: 100%;
+        .home-tabs {
+            height: 100%;
+            /deep/.el-tabs__content {
+                height: calc(~'100% - 55px');
+                margin: 0 10px;
+            }
+            ::v-deep.el-tabs__header{
+                margin: 0 10px 15px 10px;
+                border-bottom: 1px solid #F4F4F4;
+            }
+            ::v-deep {
+                .el-tabs__item {
+                    font-size: 16px;
+                    font-weight: 600;
+                }
+            }
+            .el-tab-pane {
+                height: 100%;
+            }
+        }
     }
 </style>