首页拓扑图问题修改

whyczyk

2021-07-19 b9f0dfc4c0c48d65842d417b5babe1304439a735

 src/pages/home/topoGraphdiagram/js/gridCircuitDiagram.js

@@ -13,7 +13,7 @@
import system from '../images/system.png'
import shock from '../images/shock.png'
const lineStrokeColor = '#ffffff';
const lineWidth = 4;
const lineWidth = 5;
const arrow = {
    lineWidth: 2,
    size: 30,
@@ -106,23 +106,33 @@
        showPanel: false
    });

    let line16 = diagram.line({
    // let line16 = diagram.line({
    //     id: 'line16',
    //     strokeStyle: '#fb46af',
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [Image11.right[0] + 10, Image11.right[1]],
    //         [Image11.right[0] + 70, Image11.right[1]]
    //     ]
    // })

    let line16 = diagram.dashLine({
        id: 'line16',
        strokeStyle: '#fb46af',
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [Image11.right[0] + 10, Image11.right[1]],
            [Image11.right[0] + 70, Image11.right[1]]
            [Image11.right[0] + 110, Image11.right[1]]
        ]
    })
    let arrow1 = diagram.drawArrow({
        id: 'arrow1',
        fillStyle: '#fb46af',
        size: arrow.size,
        direction: 'right',
        type: 'fill',
        point: line16[1]
    })
    });

    // let arrow1 = diagram.drawArrow({
    //     id: 'arrow1',
    //     fillStyle: '#fb46af',
    //     size: arrow.size,
    //     direction: 'right',
    //     type: 'fill',
    //     point: line16[1]
    // })

    //绘制拓扑图供油站
    let Image12 = diagram.drawImage({
@@ -144,23 +154,33 @@
        showPanel: false
    });

    let line17 = diagram.line({
    // let line17 = diagram.line({
    //     id: 'line17',
    //     strokeStyle: '#fb46af',
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [Image12.right[0], Image12.right[1]],
    //         [Image12.right[0] + 44, Image12.right[1]]
    //     ]
    // })

    let line17 = diagram.dashLine({
        id: 'line17',
        strokeStyle: '#fb46af',
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [Image12.right[0], Image12.right[1]],
            [Image12.right[0] + 44, Image12.right[1]]
            [Image12.right[0] + 85, Image12.right[1]]
        ]
    })
    let arrow2 = diagram.drawArrow({
        id: 'arrow2',
        fillStyle: '#fb46af',
        size: arrow.size,
        direction: 'right',
        type: 'fill',
        point: line17[1]
    })
    });

    // let arrow2 = diagram.drawArrow({
    //     id: 'arrow2',
    //     fillStyle: '#fb46af',
    //     size: arrow.size,
    //     direction: 'right',
    //     type: 'fill',
    //     point: line17[1]
    // })


    return diagram;
@@ -219,7 +239,7 @@
        id: 'km1',
        point: [line1[1][0], line1[1][1]],
        direction: 'bottom',
        color: '#c0becf',
        color: '#50cef5',
        state: false,
        flush: true,
    });
@@ -234,10 +254,10 @@
        ]
    })

    // 5000KVA开关X1
    // 5000kVA开关X1
    let text2 = diagram.text({
        id: 'text1',
        text: '5000KVA开关',
        text: '5000kVA开关',
        baseline: 'middle',
        fillStyle: '#ffffff',
        fontSize: 14,
@@ -265,7 +285,7 @@
        id: 'km2',
        point: line3[1],
        direction: 'bottom',
        color: '#c0becf',
        color: '#50cef5',
        state: false,
        flush: true,
    });
@@ -280,10 +300,10 @@
        ]
    })

    // 3200KVA开关
    // 3200kVA开关
    let text4 = diagram.text({
        id: 'text2',
        text: '3200KVA开关&     1250A',
        text: '3200kVA开关&     1250A',
        fillStyle: '#ffffff',
        fontSize: 14,
        point: [onOff2.line1[1][0] + 30, onOff2.line1[1][1]],
@@ -305,7 +325,7 @@
        id: 'km3',
        point: line5[1],
        direction: 'bottom',
        color: '#c0becf',
        color: '#50cef5',
        state: false,
        flush: true,
    });
@@ -320,10 +340,10 @@
        ]
    })

    // 3200KVA开关
    // 3200kVA开关
    let text5 = diagram.text({
        id: 'text3',
        text: '3200KVA开关&     1250A',
        text: '3200kVA开关&     1250A',
        fillStyle: '#ffffff',
        fontSize: 14,
        point: [onOff3.line1[1][0] - 140, onOff3.line1[1][1]],
@@ -571,7 +591,7 @@
        id: 'km4',
        point: [line14[1][0], line14[1][1] - 28],
        direction: 'bottom',
        color: '#c0becf',
        color: '#50cef5',
        state: false,
        flush: true,
    });
@@ -586,10 +606,10 @@
        ]
    })

    // 5200KVA开关
    // 5200kVA开关
    let text13 = diagram.text({
        id: "text6",
        text: '5200KVA开关&     1250A',
        text: '5200kVA开关&     1250A',
        fillStyle: '#ffffff',
        fontSize: 14,
        point: [onOff4.arc1.left[0] - 130, onOff4.arc1.left[1] - 9],
@@ -629,216 +649,323 @@
        point: [radiusRect.top[0] - 47, radiusRect.top[1] - 12],
        radBorder: true
    });

    let line18 = diagram.line({
    // let line18 = diagram.line({
    //     id: 'line18',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [radiusRect.left[0] - 320, 226],
    //         [radiusRect.left[0] - 40, 226]
    //     ]
    // })
    let line18 = diagram.dashLine({
        id: 'line18',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [radiusRect.left[0] - 300, 226],
            [radiusRect.left[0] - 40, 226]
            [radiusRect.left[0] - 330, 226],
            [radiusRect.left[0] - 10, 226]
        ]
    })
    });

    let arrow3 = diagram.drawArrow({
        id: 'arrow3',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'right',
        type: 'fill',
        point: line18[1]
    })
    // let arrow3 = diagram.drawArrow({
    //     id: 'arrow3',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'right',
    //     type: 'fill',
    //     point: line18[1]
    // })

    let arrow4 = diagram.drawArrow({
        id: 'arrow4',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'left',
        type: 'fill',
        point: line18[0]
    })
    // let arrow4 = diagram.drawArrow({
    //     id: 'arrow4',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'left',
    //     type: 'fill',
    //     point: line18[0]
    // })

    let line19 = diagram.line({
    // let line19 = diagram.line({
    //     id: 'line19',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [radiusRect.left[0] - 260, 266],
    //         [radiusRect.left[0] - 40, 266]
    //     ]
    // })

    let line19 = diagram.dashLine({
        id: 'line19',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [radiusRect.left[0] - 260, 266],
            [radiusRect.left[0] - 40, 266]
            [radiusRect.left[0] - 10, 266]
        ]
    })
    });

    let arrow5 = diagram.drawArrow({
        id: 'arrow5',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'right',
        type: 'fill',
        point: line19[1]
    })
    // let arrow5 = diagram.drawArrow({
    //     id: 'arrow5',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'right',
    //     type: 'fill',
    //     point: line19[1]
    // })

    let line20 = diagram.line({
    // let line20 = diagram.line({
    //     id: 'line20',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line19[0][0], line19[0][1] - arrow.lineWidth / 2],
    //         [line19[0][0], line19[0][1] + 130]
    //     ]
    // })

    let line20 = diagram.dashLine({
        id: 'line20',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line19[0][0], line19[0][1] - arrow.lineWidth / 2],
            [line19[0][0], line19[0][1] + 130]
        ]
    })
    });

    let line21 = diagram.line({

    // let line21 = diagram.line({
    //     id: 'line21',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line20[1][0] + arrow.lineWidth / 2, line20[1][1]],
    //         [line20[1][0] - 40, line20[1][1]]
    //     ]
    // })

    let line21 = diagram.dashLine({
        id: 'line21',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line20[1][0] + arrow.lineWidth / 2, line20[1][1]],
            [line20[1][0] - 40, line20[1][1]]
            [line20[1][0] - 70, line20[1][1]]
        ]
    })
    });

    let arrow6 = diagram.drawArrow({
        id: 'arrow6',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'left',
        type: 'fill',
        point: line21[1]
    })
    // let arrow6 = diagram.drawArrow({
    //     id: 'arrow6',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'left',
    //     type: 'fill',
    //     point: line21[1]
    // })

    let line22 = diagram.line({
    // let line22 = diagram.line({
    //     id: 'line22',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [radiusRect.left[0] - 220, 306],
    //         [radiusRect.left[0] - 40, 306]
    //     ]
    // })

    let line22 = diagram.dashLine({
        id: 'line22',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [radiusRect.left[0] - 220, 306],
            [radiusRect.left[0] - 40, 306]
            [radiusRect.left[0] - 10, 306]
        ]
    })
    });

    let arrow7 = diagram.drawArrow({
        id: 'arrow7',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'right',
        type: 'fill',
        point: line22[1]
    })
    // let arrow7 = diagram.drawArrow({
    //     id: 'arrow7',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'right',
    //     type: 'fill',
    //     point: line22[1]
    // })

    let line23 = diagram.line({
    // let line23 = diagram.line({
    //     id: 'line23',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line22[0][0], line22[0][1] - arrow.lineWidth / 2],
    //         [line22[0][0], line22[0][1] + 135]
    //     ]
    // })

    let line23 = diagram.dashLine({
        id: 'line23',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line22[0][0], line22[0][1] - arrow.lineWidth / 2],
            [line22[0][0], line22[0][1] + 135]
        ]
    })
    });

    let line24 = diagram.line({
    // let line24 = diagram.line({
    //     id: 'line24',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line23[1][0] + arrow.lineWidth / 2, line23[1][1]],
    //         [line23[1][0] - 55, line23[1][1]]
    //     ]
    // })

    let line24 = diagram.dashLine({
        id: 'line24',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line23[1][0] + arrow.lineWidth / 2, line23[1][1]],
            [line23[1][0] - 55, line23[1][1]]
        ]
    })
    });

    let line25 = diagram.line({
    // let line25 = diagram.line({
    //     id: 'line25',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line24[1][0], line24[1][1] - arrow.lineWidth / 2],
    //         [line24[1][0], line24[1][1] + 191]
    //     ]
    // })

    let line25 = diagram.dashLine({
        id: 'line25',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line24[1][0], line24[1][1] - arrow.lineWidth / 2],
            [line24[1][0], line24[1][1] + 191]
        ]
    })
    });

    let line26 = diagram.line({
    // let line26 = diagram.line({
    //     id: 'line26',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line25[1][0] + arrow.lineWidth / 2, line25[1][1]],
    //         [line25[1][0] - 30, line25[1][1]]
    //     ]
    // })

    let line26 = diagram.dashLine({
        id: 'line26',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line25[1][0] + arrow.lineWidth / 2, line25[1][1]],
            [line25[1][0] - 30, line25[1][1]]
            [line25[1][0] - 55, line25[1][1]]
        ]
    })
    });

    let arrow8 = diagram.drawArrow({
        id: 'arrow8',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'left',
        type: 'fill',
        point: line26[1]
    })
    // let arrow8 = diagram.drawArrow({
    //     id: 'arrow8',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'left',
    //     type: 'fill',
    //     point: line26[1]
    // })

    let line27 = diagram.line({
    // let line27 = diagram.line({
    //     id: 'line27',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [radiusRect.left[0] - 150, 346],
    //         [radiusRect.left[0] - 40, 346]
    //     ]
    // })

    let line27 = diagram.dashLine({
        id: 'line27',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [radiusRect.left[0] - 150, 346],
            [radiusRect.left[0] - 40, 346]
            [radiusRect.left[0] - 10, 346]
        ]
    })
    });

    let arrow9 = diagram.drawArrow({
        id: 'arrow9',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'right',
        type: 'fill',
        point: line27[1]
    })
    // let arrow9 = diagram.drawArrow({
    //     id: 'arrow9',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'right',
    //     type: 'fill',
    //     point: line27[1]
    // })

    let line28 = diagram.line({
    // let line28 = diagram.line({
    //     id: 'line28',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line27[0][0], line27[0][1] - arrow.lineWidth / 2],
    //         [line27[0][0], line27[0][1] + 190]
    //     ]
    // })

    let line28 = diagram.dashLine({
        id: 'line28',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line27[0][0], line27[0][1] - arrow.lineWidth / 2],
            [line27[0][0], line27[0][1] + 190]
            [line27[0][0], line27[0][1] + 250]
        ]
    })
    });

    let arrow10 = diagram.drawArrow({
        id: 'arrow10',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'bottom',
        type: 'fill',
        point: line28[1]
    })
    // let arrow10 = diagram.drawArrow({
    //     id: 'arrow10',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'bottom',
    //     type: 'fill',
    //     point: line28[1]
    // })

    let line29 = diagram.line({
    // let line29 = diagram.line({
    //     id: 'line29',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [850, radiusRect.bottom[1] + 40],
    //         [850, radiusRect.bottom[1] + 80]
    //     ]
    // })

    let line29 = diagram.dashLine({
        id: 'line29',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [850, radiusRect.bottom[1] + 40],
            [850, radiusRect.bottom[1] + 80]
            [850, radiusRect.bottom[1] + 10],
            [850, radiusRect.bottom[1] + 85]
        ]
    })
    });

    let arrow11 = diagram.drawArrow({
        id: 'arrow11',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'top',
        type: 'fill',
        point: line29[0]
    })
    // let arrow11 = diagram.drawArrow({
    //     id: 'arrow11',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'top',
    //     type: 'fill',
    //     point: line29[0]
    // })

    let arrow12 = diagram.drawArrow({
        id: 'arrow12',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'bottom',
        type: 'fill',
        point: line29[1]
    })
    // let arrow12 = diagram.drawArrow({
    //     id: 'arrow12',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'bottom',
    //     type: 'fill',
    //     point: line29[1]
    // })

    // 振动测试系统
    let text16 = diagram.text({
@@ -846,7 +973,7 @@
        baseline: 'middle',
        fillStyle: '#ffffff',
        fontSize: 14,
        point: [arrow12.bottom[0] - 40, arrow12.bottom[1] + 18],
        point: [line29[1][0] - 40, line29[1][1] + 18],
        radBorder: true
    });

@@ -859,167 +986,249 @@
        height: 65
    })

    let line30 = diagram.line({
    // let line30 = diagram.line({
    //     id: 'line30',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [Image14.bottom[0], Image14.bottom[1] + 65],
    //         [Image14.bottom[0] - 90, Image14.bottom[1] + 65]
    //     ]
    // })

    let line30 = diagram.dashLine({
        id: 'line30',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [Image14.bottom[0], Image14.bottom[1] + 65],
            [Image14.bottom[0] - 90, Image14.bottom[1] + 65]
            [Image14.bottom[0] - 115, Image14.bottom[1] + 65]
        ]
    })
    });

    let line31 = diagram.line({
    // let line31 = diagram.line({
    //     id: 'line31',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line30[0][0], line30[0][1] + arrow.lineWidth / 2],
    //         [line30[0][0], line30[0][1] - 25]
    //     ]
    // })

    let line31 = diagram.dashLine({
        id: 'line31',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line30[0][0], line30[0][1] + arrow.lineWidth / 2],
            [line30[0][0], line30[0][1] - 25]
            [line30[0][0], line30[0][1] - 55]
        ]
    })
    });

    let arrow14 = diagram.drawArrow({
        id: 'arrow14',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'left',
        type: 'fill',
        point: line30[1]
    })
    // let arrow14 = diagram.drawArrow({
    //     id: 'arrow14',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'left',
    //     type: 'fill',
    //     point: line30[1]
    // })

    let arrow15 = diagram.drawArrow({
        id: 'arrow15',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'top',
        type: 'fill',
        point: line31[1]
    })
    // let arrow15 = diagram.drawArrow({
    //     id: 'arrow15',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'top',
    //     type: 'fill',
    //     point: line31[1]
    // })

    let line32 = diagram.line({
    // let line32 = diagram.line({
    //     id: 'line32',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [980, radiusRect.bottom[1] + 40],
    //         [980, radiusRect.bottom[1] + 200]
    //     ]
    // })

    let line32 = diagram.dashLine({
        id: 'line32',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [980, radiusRect.bottom[1] + 40],
            [980, radiusRect.bottom[1] + 200]
            [980, radiusRect.bottom[1] + 10],
            [980, radiusRect.bottom[1] + 230]
        ]
    })
    });

    let arrow16 = diagram.drawArrow({
        id: 'arrow16',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'top',
        type: 'fill',
        point: line32[0]
    })
    // let arrow16 = diagram.drawArrow({
    //     id: 'arrow16',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'top',
    //     type: 'fill',
    //     point: line32[0]
    // })

    let arrow17 = diagram.drawArrow({
        id: 'arrow17',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'bottom',
        type: 'fill',
        point: line32[1]
    })
    // let arrow17 = diagram.drawArrow({
    //     id: 'arrow17',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'bottom',
    //     type: 'fill',
    //     point: line32[1]
    // })

    let line33 = diagram.line({
    // let line33 = diagram.line({
    //     id: 'line33',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [radiusRect.right[0] + 40, 346],
    //         [radiusRect.right[0] + 120, 346]
    //     ]
    // })

    let line33 = diagram.dashLine({
        id: 'line33',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [radiusRect.right[0] + 40, 346],
            [radiusRect.right[0] + 10, 346],
            [radiusRect.right[0] + 120, 346]
        ]
    })
    });

    let arrow18 = diagram.drawArrow({
        id: 'arrow18',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'left',
        type: 'fill',
        point: line33[0]
    })
    // let arrow18 = diagram.drawArrow({
    //     id: 'arrow18',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'left',
    //     type: 'fill',
    //     point: line33[0]
    // })

    let line34 = diagram.line({
    // let line34 = diagram.line({
    //     id: 'line34',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line33[1][0], line33[1][1] - arrow.lineWidth / 2],
    //         [line33[1][0], line33[1][1] + 270]
    //     ]
    // })

    let line34 = diagram.dashLine({
        id: 'line34',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line33[1][0], line33[1][1] - arrow.lineWidth / 2],
            [line33[1][0], line33[1][1] + 270]
            [line33[1][0], line33[1][1] + 295]
        ]
    })
    });

    let line35 = diagram.line({
    // let line35 = diagram.line({
    //     id: 'line35',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line34[1][0] - arrow.lineWidth / 2, line34[1][1]],
    //         [line34[1][0] + 130, line34[1][1]]
    //     ]
    // })

    let line35 = diagram.dashLine({
        id: 'line35',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line34[1][0] - arrow.lineWidth / 2, line34[1][1]],
            [line34[1][0] + 130, line34[1][1]]
            [line34[1][0] + 160, line34[1][1]]
        ]
    })
    });

    let arrow19 = diagram.drawArrow({
        id: 'arrow19',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'right',
        type: 'fill',
        point: line35[1]
    })
    // let arrow19 = diagram.drawArrow({
    //     id: 'arrow19',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'right',
    //     type: 'fill',
    //     point: line35[1]
    // })

    let line36 = diagram.line({
    // let line36 = diagram.line({
    //     id: 'line36',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [radiusRect.right[0] + 40, 280],
    //         [radiusRect.right[0] + 170, 280]
    //     ]
    // })

    let line36 = diagram.dashLine({
        id: 'line36',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [radiusRect.right[0] + 40, 280],
            [radiusRect.right[0] + 10, 280],
            [radiusRect.right[0] + 170, 280]
        ]
    })
    });

    let arrow20 = diagram.drawArrow({
        id: 'arrow20',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'left',
        type: 'fill',
        point: line36[0]
    })
    // let arrow20 = diagram.drawArrow({
    //     id: 'arrow20',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'left',
    //     type: 'fill',
    //     point: line36[0]
    // })

    let line37 = diagram.line({
    // let line37 = diagram.line({
    //     id: 'line37',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line36[1][0], line36[1][1] - arrow.lineWidth / 2],
    //         [line36[1][0], line36[1][1] + 150]
    //     ]
    // })

    let line37 = diagram.dashLine({
        id: 'line37',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line36[1][0], line36[1][1] - arrow.lineWidth / 2],
            [line36[1][0], line36[1][1] + 150]
            [line36[1][0], line36[1][1] + 175]
        ]
    })
    });

    let line38 = diagram.line({

    // let line38 = diagram.line({
    //     id: 'line38',
    //     strokeStyle: arrow.systemColor,
    //     lineWidth: arrow.lineWidth,
    //     points: [
    //         [line37[1][0] - arrow.lineWidth / 2, line37[1][1]],
    //         [line37[1][0] + 50, line37[1][1]]
    //     ]
    // })

    let line38 = diagram.dashLine({
        id: 'line38',
        strokeStyle: arrow.systemColor,
        lineWidth: arrow.lineWidth,
        strokeStyle: '#ffffff',
        points: [
            [line37[1][0] - arrow.lineWidth / 2, line37[1][1]],
            [line37[1][0] + 50, line37[1][1]]
            [line37[1][0] + 80, line37[1][1]]
        ]
    })
    });

    let arrow21 = diagram.drawArrow({
        id: 'arrow21',
        fillStyle: arrow.systemColor,
        size: arrow.size,
        direction: 'right',
        type: 'fill',
        point: line38[1]
    })
    // let arrow21 = diagram.drawArrow({
    //     id: 'arrow21',
    //     fillStyle: arrow.systemColor,
    //     size: arrow.size,
    //     direction: 'right',
    //     type: 'fill',
    //     point: line38[1]
    // })

}