import Diagram from '@/assets/js/newDiagram'
import rectifier from '../images/rectifier.png'
import speedCabinet from '../images/speedCabinet.png'

const lineWidth = 2;
const lineStrokeColor = '#105b96';
const frequencyWidth = 96;
const ACWidth = 124;
const parameterWidth = 85;


function girdCircuitDiagram(stc, flush) {

    let diagram = new Diagram();
    // let thisWidth = stc.scrollWidth;
    // let thisHeight = stc.scrollHeight;
    diagram.width = 236;
    diagram.height = 579;
    diagram.setCanvas(stc, flush);

    let start = [115, 10];
    let line1 = diagram.line({
        id: 'line1',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            start,
            [start[0], start[1] + 80]
        ]
    });

    // // 5000kVA进线文字
    let Image1 = diagram.drawImage({
        id: 'img1',
        url: rectifier,
        point: [line1[0][0] - 25, line1[0][1] + 15],
        width: 40,
        height: 60,
    })
    let text1 = diagram.text({
        id: "text1",
        text: '大功率整流电源',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [Image1.top[0] + 20, Image1.top[1]],
        // radBorder: true,
        showPanel: false
    });
    let line2 = diagram.line({
        id: 'line2',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line1[1][0] - 60, line1[1][1]],
            [line1[1][0] + 60, line1[1][1]]
        ]
    });
    // 左边线路
    let line3 = diagram.line({
        id: 'line3',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line2[0][0], line2[0][1]],
            [line2[0][0], line2[0][1] + 60]
        ]
    });
    let arc1 = diagram.arc({
        id: 'arc1',
        point: [
            line3[1][0], line3[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    let line5 = diagram.line({
        id: 'line5',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line3[1][0], line3[1][1] + 30],
            [line3[1][0], line3[1][1] + 60]
        ]
    });
    let arc2 = diagram.arc({
        id: 'arc2',
        point: [
            line5[0][0], line5[0][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    // 1号进线屏开关
    let line6 = diagram.line({
        id: 'line6',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line5[0][0], line5[0][1]],
            [line3[1][0], line3[1][1]]
        ]
    });
    let line7 = diagram.line({
        id: 'line7',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line5[1][0] - 6, line5[1][1] - 10],
            [line5[1][0] - 6, line5[1][1] + 10]
        ]
    });
    let line8 = diagram.line({
        id: 'line8',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line7[1][0], line7[1][1]],
            [line7[1][0] + 6, line7[1][1]]
        ]
    });

    let line9 = diagram.line({
        id: 'line9',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line8[1][0], line8[1][1]],
            [line8[1][0], line8[1][1] + 50]
        ]
    });

    let line10 = diagram.line({
        id: 'line10',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line9[1][0], line9[1][1] - 25],
            [line9[1][0] + 45, line9[1][1] - 25]
        ]
    });
    let line11 = diagram.line({
        id: 'line11',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line9[1][0] - 25, line9[1][1]],
            [line9[1][0] + 25, line9[1][1]]
        ]
    });
    // 左边线路开始线条
    let line12 = diagram.line({
        id: 'line12',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line11[0][0], line11[0][1]],
            [line11[0][0], line11[0][1] + 40]
        ]
    });
    let line13 = diagram.line({
        id: 'line13',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line12[1][0] - 6, line12[1][1] - 10],
            [line12[1][0] - 6, line12[1][1] + 6]
        ]
    });
    let line14 = diagram.line({
        id: 'line14',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line13[1][0], line13[1][1]],
            [line13[1][0] + 6, line13[1][1]]
        ]
    });
    let line15 = diagram.line({
        id: 'line15',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line14[1][0], line14[1][1]],
            [line14[1][0], line14[1][1] + 20]
        ]
    });
    let arc3 = diagram.arc({
        id: 'arc3',
        point: [
            line15[1][0], line15[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    let line16 = diagram.line({
        id: 'line16',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line15[1][0], line15[1][1] + 30],
            [line15[1][0], line15[1][1] + 60]
        ]
    });
    let arc4 = diagram.arc({
        id: 'arc4',
        point: [
            line16[0][0], line16[0][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    // 开关
    let line17 = diagram.line({
        id: 'line17',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line16[0][0], line16[0][1]],
            [line15[1][0], line15[1][1]]
        ]
    });
    // 右边开始线条
    let line18 = diagram.line({
        id: 'line18',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line11[1][0], line11[1][1]],
            [line11[1][0], line11[1][1] + 40]
        ]
    });
    let line19 = diagram.line({
        id: 'line19',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line18[1][0] - 6, line18[1][1] - 10],
            [line18[1][0] - 6, line18[1][1] + 6]
        ]
    });
    let line20 = diagram.line({
        id: 'line20',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line19[1][0], line19[1][1]],
            [line19[1][0] + 6, line19[1][1]]
        ]
    });
    let line21 = diagram.line({
        id: 'line21',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line20[1][0], line20[1][1]],
            [line20[1][0], line20[1][1] + 20]
        ]
    });
    let arc5 = diagram.arc({
        id: 'arc5',
        point: [
            line21[1][0], line21[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    let line22 = diagram.line({
        id: 'line22',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line21[1][0], line21[1][1] + 30],
            [line21[1][0], line21[1][1] + 60]
        ]
    });
    let arc6 = diagram.arc({
        id: 'arc6',
        point: [
            line22[0][0], line22[0][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    let line23 = diagram.line({
        id: 'line23',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line22[0][0], line22[0][1]],
            [line21[1][0], line21[1][1]]
        ]
    });
    // 
    let line24 = diagram.line({
        id: 'line24',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line16[1][0], line16[1][1]],
            [line22[1][0], line22[1][1]]
        ]
    });
    let line25 = diagram.line({
        id: 'line25',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line24[1][0] - 25, line24[1][1]],
            [line24[1][0] - 25, line24[1][1] + 30]
        ]
    });



    // 右边线路
    let line4 = diagram.line({
        id: 'line4',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line2[1][0], line2[1][1]],
            [line2[1][0], line2[1][1] + 60]
        ]
    });
    let arc7 = diagram.arc({
        id: 'arc7',
        point: [
            line4[1][0], line4[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    let line25B = diagram.line({
        id: 'line25B',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line4[1][0], line4[1][1] + 30],
            [line4[1][0], line4[1][1] + 60]
        ]
    });
    let arc8 = diagram.arc({
        id: 'arc8',
        point: [
            line25B[0][0], line25B[0][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    // 2号进线屏开关
    let line26 = diagram.line({
        id: 'line26',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line25B[0][0], line25B[0][1]],
            [line4[1][0], line4[1][1]]
        ]
    });
    let line27 = diagram.line({
        id: 'line27',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line25B[1][0] - 6, line25B[1][1] - 10],
            [line25B[1][0] - 6, line25B[1][1] + 10]
        ]
    });
    let line28 = diagram.line({
        id: 'line28',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line27[1][0], line27[1][1]],
            [line27[1][0] + 6, line27[1][1]]
        ]
    });

    let line29 = diagram.line({
        id: 'line29',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line28[1][0], line28[1][1]],
            [line28[1][0], line28[1][1] + 50]
        ]
    });

    let line30 = diagram.line({
        id: 'line30',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line29[1][0], line29[1][1] - 25],
            [line29[1][0] - 45, line29[1][1] - 25]
        ]
    });
    let line31 = diagram.line({
        id: 'line31',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line29[1][0] - 25, line29[1][1]],
            [line29[1][0] + 25, line29[1][1]]
        ]
    });
    // 左边线路开始线条
    let line32 = diagram.line({
        id: 'line32',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line31[0][0], line31[0][1]],
            [line31[0][0], line31[0][1] + 40]
        ]
    });
    let line33 = diagram.line({
        id: 'line33',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line32[1][0] - 6, line32[1][1] - 10],
            [line32[1][0] - 6, line32[1][1] + 6]
        ]
    });
    let line34 = diagram.line({
        id: 'line34',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line33[1][0], line33[1][1]],
            [line33[1][0] + 6, line33[1][1]]
        ]
    });
    let line35 = diagram.line({
        id: 'line35',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line34[1][0], line34[1][1]],
            [line34[1][0], line34[1][1] + 20]
        ]
    });
    let arc9 = diagram.arc({
        id: 'arc9',
        point: [
            line35[1][0], line35[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    let line36 = diagram.line({
        id: 'line36',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line35[1][0], line35[1][1] + 30],
            [line35[1][0], line35[1][1] + 60]
        ]
    });
    let arc10 = diagram.arc({
        id: 'arc10',
        point: [
            line36[0][0], line36[0][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    // 开关
    let line37 = diagram.line({
        id: 'line37',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line36[0][0], line36[0][1]],
            [line35[1][0], line35[1][1]]
        ]
    });
    // 右边开始线条
    let line38 = diagram.line({
        id: 'line38',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line31[1][0], line31[1][1]],
            [line31[1][0], line31[1][1] + 40]
        ]
    });
    let line39 = diagram.line({
        id: 'line39',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line38[1][0] - 6, line38[1][1] - 10],
            [line38[1][0] - 6, line38[1][1] + 6]
        ]
    });
    let line40 = diagram.line({
        id: 'line40',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line39[1][0], line39[1][1]],
            [line39[1][0] + 6, line39[1][1]]
        ]
    });
    let line41 = diagram.line({
        id: 'line41',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line40[1][0], line40[1][1]],
            [line40[1][0], line40[1][1] + 20]
        ]
    });
    let arc11 = diagram.arc({
        id: 'arc11',
        point: [
            line41[1][0], line41[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    let line42 = diagram.line({
        id: 'line42',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line41[1][0], line41[1][1] + 30],
            [line41[1][0], line41[1][1] + 60]
        ]
    });
    let arc12 = diagram.arc({
        id: 'arc12',
        point: [
            line42[0][0], line42[0][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    let line43 = diagram.line({
        id: 'line43',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line42[0][0], line42[0][1]],
            [line41[1][0], line41[1][1]]
        ]
    });
    // 
    let line44 = diagram.line({
        id: 'line44',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line36[1][0], line36[1][1]],
            [line42[1][0], line42[1][1]]
        ]
    });
    let line45 = diagram.line({
        id: 'line45',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line44[1][0] - 25, line44[1][1]],
            [line44[1][0] - 25, line44[1][1] + 30]
        ]
    });

    let line46 = diagram.line({
        id: 'line45',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line25[1][0], line25[1][1]],
            [line45[1][0], line45[1][1]]
        ]
    });
    let line47 = diagram.line({
        id: 'line47',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line46[1][0] - 60, line46[1][1]],
            [line46[1][0] - 60, line46[1][1] + 60]
        ]
    });

    // // 
    let Image2 = diagram.drawImage({
        id: 'img2',
        url: speedCabinet,
        point: [line47[1][0] - 30, line47[1][1] - 20],
        width: 70,
        height: 80,
    })
    let arc13 = diagram.arc({
        id: 'arc13',
        point: [
            line30[1][0], line30[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    let arc14 = diagram.arc({
        id: 'arc14',
        point: [
            line10[1][0], line10[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 3,
        type: 'fill'
    })
    let line48 = diagram.line({
        id: 'line47',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line10[1][0], line10[1][1]],
            [line30[1][0], line30[1][1] - 20]
        ]
    });
    let text2 = diagram.text({
        id: "text2",
        text: '直流配电板',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line2[0][0] - 30, line2[0][1] - 20],
        // radBorder: true,
        showPanel: false
    });
    let text3 = diagram.text({
        id: "text3",
        text: '1号进线屏&    2500A',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line3[1][0] - 40, line3[1][1] - 35],
        // radBorder: true,
        showPanel: false
    });
    let text4 = diagram.text({
        id: "text4",
        text: '2号进线屏&    2500A',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line4[1][0] - 20, line4[1][1] - 35],
        // radBorder: true,
        showPanel: false
    });
    let text5 = diagram.text({
        id: "text5",
        text: '1号进线屏',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line11[0][0], line11[0][1] - 15],
        // radBorder: true,
        showPanel: false
    });
    let text6 = diagram.text({
        id: "text6",
        text: '2号进线屏',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line31[0][0], line31[0][1] - 15],
        // radBorder: true,
        showPanel: false
    });
    let text7 = diagram.text({
        id: "text7",
        text: '2500A',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line15[0][0] - 20, line15[0][1] - 30],
        // radBorder: true,
        showPanel: false
    });
    let text8 = diagram.text({
        id: "text8",
        text: '2000A',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line20[0][0], line20[0][1] - 30],
        // radBorder: true,
        showPanel: false
    });

    let text9 = diagram.text({
        id: "text9",
        text: '2500A',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line35[0][0] - 20, line35[0][1] - 30],
        // radBorder: true,
        showPanel: false
    });
    let text10 = diagram.text({
        id: "text10",
        text: '2000A',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line41[0][0] - 20, line41[0][1] - 30],
        // radBorder: true,
        showPanel: false
    });
    // 虚线矩形1
    let dashLine1 = diagram.dashLine({
        id: "diagram1",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line2[0][0] + 40, line2[0][1] + 20],
            [line2[0][0] - 40, line2[0][1] + 20]
        ]
    })
    let dashLine2 = diagram.dashLine({
        id: "diagram2",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [dashLine1[1][0], dashLine1[1][1]],
            [dashLine1[1][0], dashLine1[1][1] + 300]
        ]
    })
    let dashLine3 = diagram.dashLine({
        id: "diagram3",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [dashLine2[1][0], dashLine2[1][1]],
            [dashLine2[1][0] + 80, dashLine2[1][1]]
        ]
    })
    let dashLine4 = diagram.dashLine({
        id: "diagram4",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [dashLine3[1][0], dashLine3[1][1]],
            [dashLine1[0][0], dashLine1[0][1]]
        ]
    })

    // 虚线矩形2
    let dashLine5 = diagram.dashLine({
        id: "diagram5",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line2[1][0] + 35, line2[1][1] + 20],
            [line2[1][0] - 35, line2[1][1] + 20]
        ]
    })
    let dashLine6 = diagram.dashLine({
        id: "diagram6",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [dashLine5[1][0], dashLine5[1][1]],
            [dashLine5[1][0], dashLine5[1][1] + 300]
        ]
    })
    let dashLine7 = diagram.dashLine({
        id: "diagram7",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [dashLine6[1][0], dashLine6[1][1]],
            [dashLine6[1][0] + 70, dashLine6[1][1]]
        ]
    })
    let dashLine8 = diagram.dashLine({
        id: "diagram8",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [dashLine7[1][0], dashLine7[1][1]],
            [dashLine5[0][0], dashLine5[0][1]]
        ]
    })
    // 虚线矩形大
    let dashLine9 = diagram.dashLine({
        id: "diagram9",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line2[0][0] + 165, line2[0][1] + 10],
            [line2[0][0] - 50, line2[0][1] + 10]
        ]
    })
    let dashLine10 = diagram.dashLine({
        id: "diagram6",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [dashLine9[1][0], dashLine9[1][1]],
            [dashLine9[1][0], dashLine9[1][1] + 320]
        ]
    })
    let dashLine11 = diagram.dashLine({
        id: "diagram7",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [dashLine10[1][0], dashLine10[1][1]],
            [dashLine10[1][0] + 215, dashLine10[1][1]]
        ]
    })
    let dashLine12 = diagram.dashLine({
        id: "diagram12",
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [dashLine11[1][0], dashLine11[1][1]],
            [dashLine9[0][0], dashLine9[0][1]]
        ]
    })






    return diagram;
}


export default girdCircuitDiagram;