首页拓扑图问题修改

whyczyk

2021-07-19 b9f0dfc4c0c48d65842d417b5babe1304439a735

 src/pages/monitoring/js/gridCircuitDiagram.js

@@ -10,12 +10,12 @@


function girdCircuitDiagram(stc, flush) {
    

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

    let start = [10, 150];
@@ -25,7 +25,7 @@
        lineWidth: lineWidth,
        points: [
            start,
            [start[0]+250, start[1]]
            [start[0] + 250, start[1]]
        ]
    });
    let line2 = diagram.line({
@@ -33,8 +33,8 @@
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line1[1][0]-125, line1[1][1]],
            [line1[1][0]-125, line1[1][1]-45]
            [line1[1][0] - 125, line1[1][1]],
            [line1[1][0] - 125, line1[1][1] - 45]
        ]
    })

@@ -48,14 +48,14 @@
        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]
            [line1[1][0] - 125, line1[1][1] - 150],
            [line1[1][0] - 125, line1[1][1] - 100]
        ]
    })

@@ -75,17 +75,17 @@
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line3[1][0]-30, line3[1][1]],
            [line3[1][0] - 30, line3[1][1]],
            [line2[1][0], line2[1][1]]
        ]
    })
    // 5000KVA进线文字
    let text1 = diagram.text({
        id: "text1",
        text: '5000KVA进线',
        text: '5000kVA进线',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line4[0][0]+50,line3[1][0]-60],
        point: [line4[0][0] + 50, line3[1][0] - 60],
        // radBorder: true,
        showPanel: false
    });
@@ -95,8 +95,8 @@
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line1[0][0]+50, line1[0][1]],
            [line1[0][0]+50, line1[0][1]+50]
            [line1[0][0] + 50, line1[0][1]],
            [line1[0][0] + 50, line1[0][1] + 50]
        ]
    })

@@ -116,8 +116,8 @@
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line5[0][0], line5[0][1]+100],
            [line5[0][0], line5[0][1]+200]
            [line5[0][0], line5[0][1] + 100],
            [line5[0][0], line5[0][1] + 200]
        ]
    })

@@ -138,17 +138,17 @@
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line5[1][0]-30, line5[1][1]],
            [line5[1][0] - 30, line5[1][1]],
            [line6[0][0], line6[0][1]]
        ]
    })
    // 1号3200KVA进线文字
    let text2 = diagram.text({
        id: "text2",
        text: '1号3200KVA进线',
        text: '1号3200kVA进线',
        fillStyle: '#ffff18',
        fontSize: 10,
        point: [line7[1][0]-60,line6[0][1]-30],
        point: [line7[1][0] - 60, line6[0][1] - 30],
        // radBorder: true,
        showPanel: false
    });
@@ -169,7 +169,7 @@
        lineWidth: lineWidth,
        points: [
            [line12[1][0], line12[1][1]],
            [line12[1][0], line12[1][1]+50]
            [line12[1][0], line12[1][1] + 50]
        ]
    })
    // 2号3200KVA进线文字
@@ -178,18 +178,18 @@
        text: 'A排',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line13[1][0]-25,line12[0][1]+25],
        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]
            [line1[1][0] - 50, line1[0][1]],
            [line1[1][0] - 50, line1[0][1] + 50]
        ]
    })

@@ -209,8 +209,8 @@
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line1[1][0]-50, line1[0][1]],
            [line1[1][0]-50, line1[0][1]+50]
            [line1[1][0] - 50, line1[0][1]],
            [line1[1][0] - 50, line1[0][1] + 50]
        ]
    })

@@ -219,8 +219,8 @@
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line9[1][0], line9[1][1]+50],
            [line9[1][0], line9[0][1]+200]
            [line9[1][0], line9[1][1] + 50],
            [line9[1][0], line9[0][1] + 200]
        ]
    })

@@ -241,17 +241,17 @@
        strokeStyle: lineStrokeColor,
        lineWidth: lineWidth,
        points: [
            [line9[1][0]-30, line9[1][1]],
            [line9[1][0] - 30, line9[1][1]],
            [line10[0][0], line10[0][1]]
        ]
    })
    // 2号3200KVA进线文字
    let text3 = diagram.text({
        id: "text3",
        text: '2号3200KVA进线',
        text: '2号3200kVA进线',
        fillStyle: '#ffff18',
        fontSize: 10,
        point: [line11[1][0]-60,line10[0][1]-30],
        point: [line11[1][0] - 60, line10[0][1] - 30],
        // radBorder: true,
        showPanel: false
    });
@@ -261,7 +261,7 @@
        lineWidth: lineWidth,
        points: [
            [line10[1][0], line10[1][1]],
            [line10[0][0]-50, line10[1][1]]
            [line10[0][0] - 50, line10[1][1]]
        ]
    })

@@ -271,7 +271,7 @@
        lineWidth: lineWidth,
        points: [
            [line14[1][0], line14[1][1]],
            [line14[1][0], line14[1][1]+50]
            [line14[1][0], line14[1][1] + 50]
        ]
    })
    // B排
@@ -280,7 +280,7 @@
        text: 'B排',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: [line15[1][0]+5,line14[0][1]+25],
        point: [line15[1][0] + 5, line14[0][1] + 25],
        // radBorder: true,
        showPanel: false
    });
@@ -288,7 +288,7 @@
    let Image1 = diagram.drawImage({
        id: 'img1',
        url: rectifier,
        point: [line15[1][0]-60, line15[1][1]],
        point: [line15[1][0] - 60, line15[1][1]],
        width: 70,
        height: 101,
    })
@@ -298,9 +298,7 @@
        text: '大功率整流电源',
        fillStyle: '#ffff18',
        fontSize: 12,
        point: 
                [Image1.bottom[0]-50,Image1.bottom[1]+10]
                ,
        point: [Image1.bottom[0] - 50, Image1.bottom[1] + 10],
        // radBorder: true,
        showPanel: false
    });