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

const lineWidth = 3;
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 = [10, 150];
    let line1 = diagram.line({
        id: 'line1',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            start,
            [start[0] + 250, start[1]]
        ]
    });
    let line2 = diagram.line({
        id: 'line2',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line1[1][0] - 125, line1[1][1]],
            [line1[1][0] - 125, line1[1][1] - 45]
        ]
    })

    let arc1 = diagram.arc({
        id: 'arc1',
        point: [
            line2[1][0], line2[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 6,
        type: 'fill'
    })

    let line3 = diagram.line({
        id: 'line3',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line1[1][0] - 125, line1[1][1] - 150],
            [line1[1][0] - 125, line1[1][1] - 100]
        ]
    })

    let arc2 = diagram.arc({
        id: 'arc2',
        point: [
            line3[1][0], line3[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 6,
        type: 'fill'
    })
    // 5000KVA进线开关
    let line4 = diagram.line({
        id: 'line4',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line3[1][0], line3[1][1]],
            [line2[1][0], line2[1][1]]
        ]
    })
    // 5000KVA进线文字
    let text1 = diagram.text({
        id: "text1",
        text: '5000kVA进线',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line4[0][0] + 50, line3[1][0] - 60],
        // radBorder: true,
        showPanel: false
    });

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

    let arc3 = diagram.arc({
        id: 'arc3',
        point: [
            line5[1][0], line5[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 6,
        type: 'fill'
    })

    let line6 = diagram.line({
        id: 'line6',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line5[0][0], line5[0][1] + 100],
            [line5[0][0], line5[0][1] + 200]
        ]
    })

    let arc4 = diagram.arc({
        id: 'arc4',
        point: [
            line6[0][0], line6[0][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 6,
        type: 'fill'
    })

    // 1号3200KVA进线开关
    let line7 = diagram.line({
        id: 'line7',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line5[1][0], line5[1][1]],
            [line6[0][0], line6[0][1]]
        ]
    })
    // 1号3200KVA进线文字
    let text2 = diagram.text({
        id: "text2",
        text: '1号3200kVA进线',
        fillStyle: '#ffff18',
        fontSize: 10,
        point: [line7[1][0] - 60, line6[0][1] - 30],
        // radBorder: true,
        showPanel: false
    });

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

    let line13 = diagram.line({
        id: 'line13',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line12[1][0], line12[1][1]],
            [line12[1][0], line12[1][1] + 50]
        ]
    })
    // 2号3200KVA进线文字
    let text4 = diagram.text({
        id: "text4",
        text: 'A排',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line13[1][0] - 25, line12[0][1] + 25],
        // radBorder: true,
        showPanel: false
    });
    //
    let line8 = diagram.line({
        id: 'line8',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line1[1][0] - 50, line1[0][1]],
            [line1[1][0] - 50, line1[0][1] + 50]
        ]
    })

    let arc5 = diagram.arc({
        id: 'arc5',
        point: [
            line8[0][0], line8[1][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 6,
        type: 'fill'
    })

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

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

    let arc6 = diagram.arc({
        id: 'arc6',
        point: [
            line10[0][0], line10[0][1]
        ],
        fillStyle: lineStrokeColor,
        strokeStyle: lineStrokeColor,
        radius: 6,
        type: 'fill'
    })

    // 2号3200KVA进线开关
    let line11 = diagram.line({
        id: 'line11',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line9[1][0] - 30, line9[1][1]],
            [line10[0][0], line10[0][1]]
        ]
    })
    // 2号3200KVA进线文字
    let text3 = diagram.text({
        id: "text3",
        text: '2号3200kVA进线',
        fillStyle: '#ffff18',
        fontSize: 10,
        point: [line11[1][0] - 60, line10[0][1] - 30],
        // radBorder: true,
        showPanel: false
    });
    let line14 = diagram.line({
        id: 'line14',
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line10[1][0], line10[1][1]],
            [line10[0][0] - 50, line10[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] + 50]
        ]
    })
    // B排
    let text5 = diagram.text({
        id: "text5",
        text: 'B排',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line15[1][0] + 5, line14[0][1] + 25],
        // radBorder: true,
        showPanel: false
    });

    let Image1 = diagram.drawImage({
        id: 'img1',
        url: rectifier,
        point: [line15[1][0] - 60, line15[1][1]-20],
        width: 70,
        height: 101,
    })

    let text6 = diagram.text({
        id: "text6",
        text: '大功率整流电源',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [Image1.bottom[0] - 50, Image1.bottom[1] + 10],
        // radBorder: true,
        showPanel: false
    });












    return diagram;
}


export default girdCircuitDiagram;