试验监控

whycwx

2021-05-19 7fe0725228a4b18cf251da3289ebf6aae101e388

试验监控

 src/assets/js/newDiagram/index.js

@@ -22,7 +22,7 @@
        }
    };
    // 显示线条的id
    this.showLineId = true;
    this.showLineId = false;
}

// 设置canvas

 src/pages/AFEinverter/afeInverter.vue

@@ -23,7 +23,7 @@
        <div class="content_cent">
            <p class="title_into">详细参数情况</p>
            <div class="clear"></div>
                <el-form ref="form" label-width="100px">
                <el-form ref="form" label-width="110px">
                    <el-col :span="4">
                            <span>逆变模块</span>
                    </el-col>
@@ -55,7 +55,7 @@
                </el-form>
            <div class="clear"></div>
            <div class="partition"></div>
                <el-form ref="form" label-width="100px">
                <el-form ref="form" label-width="110px">
                    <el-col :span="4">
                            <span>受功电机</span>
                    </el-col>
@@ -117,6 +117,7 @@
    chart: {},
    data(){
        return {
            isOpen:false,
            tableData:[],
            formData:{
                thisInfo:{
@@ -180,12 +181,14 @@
                this.socket.onopen = this.onOpen;
                this.socket.onerror = this.onError;
                this.socket.onclose = this.close;
                
            }
        },
        onMessage(res) {
            let self = this;
            let result = JSON.parse(res.data)
            if(result.code == 1){
                this.isOpen = true;
                // 表单赋值
                self.formData.thisInfo.cxFivePanelCurr = result.data.screenRTList[0].panelCurr + "A";
                self.echartsList[0].echartsCurr.push(result.data.screenRTList[0].panelCurr);

 src/pages/dcSwitchboard/dcSwitchboard.vue

@@ -24,8 +24,8 @@
            <p class="title_into">详细参数情况</p>
            <div class="clear"></div>
            <div class="detail_info">5000kVA进线屏</div>
            <div class="detail_info">
                <el-form ref="form" label-width="47px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.cxFivePanelCurr"></el-input>
                    </el-form-item>
@@ -35,8 +35,8 @@
                </el-form>
            </div>
            <div class="detail_info">5000kVA出线屏</div>
            <div class="detail_info">
                <el-form ref="form" label-width="47px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.cxFivePanelCurr"></el-input>   
                    </el-form-item>
@@ -48,16 +48,16 @@
            <div class="clear"></div>
            <div class="partition"></div>
            <div class="detail_info">1号3200kVA出线</div>
            <div class="detail_info">
                <el-form ref="form" label-width="47px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.cxOnePanelVol"></el-input>
                    </el-form-item>
                </el-form>
            </div>
            <div class="detail_info">2号3200kVA出线</div>
            <div class="detail_info">
                <el-form ref="form" label-width="47px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.cxTwoPanelVol"></el-input>
                    </el-form-item>
@@ -66,8 +66,8 @@
            <div class="clear"></div>
            <div class="partition"></div>
            <div class="detail_info">电源输入 A排</div>
            <div class="detail_info">
                <el-form ref="form" label-width="47px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.volA"></el-input>
                    </el-form-item>
@@ -77,8 +77,8 @@
                </el-form>
            </div>
            <div class="detail_info">电源输入 B排</div>
            <div class="detail_info">
                <el-form ref="form" label-width="47px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.volB"></el-input>
                    </el-form-item>
@@ -136,6 +136,7 @@
    chart: {},
    data(){
        return {
            isOpen:false,
            tableData:[],
            formData:{
                thisInfo:{
@@ -194,12 +195,14 @@
                this.socket.onopen = this.onOpen;
                this.socket.onerror = this.onError;
                this.socket.onclose = this.close;
                
            }
        },
        onMessage(res) {
            let self = this;
            let result = JSON.parse(res.data)
            if(result.code == 1){
                this.isOpen = true;
                // 表单赋值
                self.formData.thisInfo.cxFivePanelCurr = result.data.screenRTList[0].panelCurr + "A";
                self.echartsList[0].echartsCurr.push(result.data.screenRTList[0].panelCurr);
@@ -340,6 +343,9 @@
}
</script>    
<style scoped>
.width_80{
    width: 80px;
}
.clear{
    clear: both;
}
@@ -400,7 +406,7 @@
}
.detail_info{
    float: left;
    width: 22%;
    width: 12%;
    margin-right: 2%;
    font-size: 12px;
    padding-top: 2%;
@@ -408,6 +414,9 @@
.detail_info .el-form-item{
    margin-bottom:0;
}
.detail_form{
    width: 28%;
}
.right_box{
    width: 39%;
}

 src/pages/dynamometerMmotor/dynamometerMmotor.vue

@@ -4,7 +4,7 @@
    <div class="content_box">
        <div class="content_top">
            <p class="title_into">当前运行情况</p>
            <el-form ref="form" label-width="100px">
            <el-form ref="form" label-width="120px">
                <el-form-item label="受试电机状态：">
                    <el-input size="mini" v-model="formData.thisInfo.ssdjzt" style="width:65px"></el-input>
                </el-form-item>
@@ -122,6 +122,7 @@
    chart: {},
    data(){
        return {
            isOpen:false,
            tableData:[],
            formData:{
                thisInfo:{
@@ -188,12 +189,14 @@
                this.socket.onopen = this.onOpen;
                this.socket.onerror = this.onError;
                this.socket.onclose = this.close;
                
            }
        },
        onMessage(res) {
            let self = this;
            let result = JSON.parse(res.data)
            if(result.code == 1){
                this.isOpen = true;
                // 表单赋值
                self.formData.thisInfo.cxFivePanelCurr = result.data.screenRTList[0].panelCurr + "A";
                self.echartsList[0].echartsCurr.push(result.data.screenRTList[0].panelCurr);
@@ -224,7 +227,6 @@
                self.setOption(item,true);
            });
            self.setEcharts();
            console.log(result)
        },
        getTime(){
            var myDate = new Date(); //实例一个时间对象；
@@ -474,7 +476,6 @@
                        itemStyle: {
                            normal: {
                                color: function(value){
                                    console.log(value);
                                    let  color = "rgb(255,199,28)";
                                    if(value.data >=80){
                                        color = "red";
@@ -596,6 +597,10 @@
    width: 40%;
    /* padding: 0.75rem 1rem; */
}
.canvs_box{
    width: 100%;
    height: 65%;    
}
.diagram-content{
    height: 100%;
    /* width: 100%; */
@@ -603,7 +608,7 @@
}
.diagram-stc {
        width: 100%;
        /* height: 100%; */
        height: 100%;
        overflow: hidden;
    }

@@ -616,12 +621,10 @@
    z-index: 9;
    overflow: hidden;
}
.diagram-stc /deep/ canvas,.diagram-flush /deep/ canvas{
/* .diagram-stc /deep/ canvas,.diagram-flush /deep/ canvas{
    object-fit:fill !important;
}
.canvs_box{
    height: 65%;    
}
} */

.list_box{
    height: 33.5%;
}

 src/pages/dynamometerMmotor/js/gridCircuitDiagram.js

@@ -7,10 +7,6 @@

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


function girdCircuitDiagram(stc, flush) {
    
@@ -19,6 +15,7 @@
    let thisHeight = stc.scrollHeight;
    diagram.width = thisWidth;
    diagram.height= thisHeight;
    console.log(diagram.width,diagram.height)
    diagram.setCanvas(stc, flush);

    let start = [60, 100];
@@ -131,7 +128,8 @@
            [line7[1][0],line7[1][1]],
            [line8[0][0], line8[0][1]]
            
        ]
        ],
        
    });



 src/pages/monitoring/intoLineMonitoring.vue

@@ -28,8 +28,8 @@
            <p class="title_into">详细参数情况</p>
            <div class="clear"></div>
            <div class="detail_info">5000kVA进线屏</div>
            <div class="detail_info">
                <el-form ref="form" label-width="50px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.cxFivePanelCurr"></el-input>
                    </el-form-item>
@@ -39,8 +39,8 @@
                </el-form>
            </div>
            <div class="detail_info">5000kVA出线屏</div>
            <div class="detail_info">
                <el-form ref="form" label-width="50px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.cxFivePanelCurr"></el-input>   
                    </el-form-item>
@@ -52,16 +52,16 @@
            <div class="clear"></div>
            <div class="partition"></div>
            <div class="detail_info">1号3200kVA出线</div>
            <div class="detail_info">
                <el-form ref="form" label-width="50px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.cxOnePanelVol"></el-input>
                    </el-form-item>
                </el-form>
            </div>
            <div class="detail_info">2号3200kVA出线</div>
            <div class="detail_info">
                <el-form ref="form" label-width="50px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.cxTwoPanelVol"></el-input>
                    </el-form-item>
@@ -70,8 +70,8 @@
            <div class="clear"></div>
            <div class="partition"></div>
            <div class="detail_info">电源输入 A排</div>
            <div class="detail_info">
                <el-form ref="form" label-width="50px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.volA"></el-input>
                    </el-form-item>
@@ -81,8 +81,8 @@
                </el-form>
            </div>
            <div class="detail_info">电源输入 B排</div>
            <div class="detail_info">
                <el-form ref="form" label-width="50px">
            <div class="detail_info detail_form">
                <el-form ref="form" label-width="60px">
                    <el-form-item label="电压：">
                        <el-input size="mini" v-model="formData.thisInfo.volB"></el-input>
                    </el-form-item>
@@ -140,6 +140,7 @@
    chart: {},
    data(){
        return {
            isOpen:false,
            tableData:[],
            formData:{
                thisInfo:{
@@ -199,12 +200,14 @@
                this.socket.onopen = this.onOpen;
                this.socket.onerror = this.onError;
                this.socket.onclose = this.close;
                
            }
        },
        onMessage(res) {
            let self = this;
            let result = JSON.parse(res.data)
            if(result.code == 1){
                this.isOpen = true;
                // 表单赋值
                self.formData.thisInfo.cxFivePanelCurr = result.data.screenRTList[0].panelCurr + "A";
                self.echartsList[0].echartsCurr.push(result.data.screenRTList[0].panelCurr);
@@ -405,7 +408,7 @@
}
.detail_info{
    float: left;
    width: 22%;
    width: 18%;
    margin-right: 2%;
    font-size: 12px;
    padding-top: 2%;
@@ -413,6 +416,9 @@
.detail_info .el-form-item{
    margin-bottom:0;
}
.detail_form{
    width: 28%;
}
.right_box{
    width: 39%;
}

 src/pages/switchboard/switchboard.vue

@@ -1,5 +1,6 @@
<template>
<div class="body_box">
    <!-- 大功率整流电源监控 -->
     <div class="tipTitle">开关柜监控</div>
    <div class="left_Box">
       
@@ -11,7 +12,7 @@
    <div class="content_box">
        <div class="content_top">
            <p class="title_into">当前运行情况</p>
            <el-form ref="form" label-width="120px">
            <el-form ref="form" label-width="125px">
                <el-form-item label="大功率整流电源：">
                    <el-input size="mini" v-model="formData.thisInfo.dglzldy" style="width:100px"></el-input>
                </el-form-item>
@@ -119,6 +120,7 @@
    chart: {},
    data(){
        return {
            isOpen:false,
            tableData:[],
            formData:{
                thisInfo:{
@@ -189,6 +191,7 @@
            let self = this;
            let result = JSON.parse(res.data)
            if(result.code == 1){
                this.isOpen = true;
                // 表单赋值
                self.formData.thisInfo.cxFivePanelCurr = result.data.screenRTList[0].panelCurr + "A";
                self.echartsList[0].echartsCurr.push(result.data.screenRTList[0].panelCurr);

 src/pages/testedMotor/js/gridCircuitDiagram.js

@@ -10,6 +10,7 @@
const frequencyWidth = 96;
const ACWidth = 124;
const parameterWidth = 85;
const hideStatus = false;


function girdCircuitDiagram(stc, flush) {
@@ -30,7 +31,8 @@
        points: [
            start,
            [start[0], start[1]+200]
        ]
        ],
        hide: hideStatus,
    });

    let line2 = diagram.line({
@@ -40,7 +42,8 @@
        points: [
            [line1[1][0],line1[1][1]],
            [line1[1][0]+260, line1[1][1]]
        ]
        ],
        hide: hideStatus,
    });

    let line3 = diagram.line({
@@ -50,7 +53,8 @@
        points: [
            [line2[1][0]+30,line2[1][1]],
            [line2[1][0]+130, line2[1][1]]
        ]
        ],
        hide: hideStatus,
    });
    let line4 = diagram.line({
        id: 'line4',
@@ -59,7 +63,8 @@
        points: [
            [line2[1][0],line2[1][1]-10],
            [line2[1][0], line2[1][1]+10]
        ]
        ],
        hide: hideStatus,
    });

    let line5 = diagram.line({
@@ -69,7 +74,8 @@
        points: [
            [line3[0][0],line3[0][1]-10],
            [line3[0][0], line3[0][1]+10]
        ]
        ],
        hide: hideStatus,
    });

    let line6 = diagram.line({
@@ -79,7 +85,8 @@
        points: [
            [line3[1][0],line3[1][1]],
            [line3[1][0], line3[1][1]-220]
        ]
        ],
        hide: hideStatus,
    });

    let line7 = diagram.line({
@@ -89,7 +96,8 @@
        points: [
            [line6[1][0],line6[1][1]],
            [line6[1][0]-40, line6[1][1]]
        ]
        ],
        hide: hideStatus,
    });

    let arc1 = diagram.arc({
@@ -110,7 +118,8 @@
        points: [
            [line7[1][0]-30,line7[1][1]],
            [line7[1][0]-300, line7[1][1]]
        ]
        ],
        hide: hideStatus,
    });
    let arc2 = diagram.arc({
        id: 'arc2',
@@ -131,7 +140,8 @@
            [line7[1][0],line7[1][1]],
            [line8[0][0], line8[0][1]-10]
            
        ]
        ],
        hide: hideStatus,
    });



 src/pages/testedMotor/testedMotor.vue

@@ -4,7 +4,7 @@
    <div class="content_box">
        <div class="content_top">
            <p class="title_into">当前运行情况</p>
            <el-form ref="form" label-width="100px">
            <el-form ref="form" label-width="120px">
                <el-form-item label="受试电机状态：">
                    <el-input size="mini" v-model="formData.thisInfo.ssdjzt" style="width:65px"></el-input>
                </el-form-item>
@@ -30,7 +30,7 @@
                            <el-input size="mini" v-model="formData.thisInfo.dqdy" style="width:60px"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                    <el-col :span="10">
                        <el-form-item label="额定电压：">
                            <el-input size="mini" v-model="formData.thisInfo.eddy" style="width:60px"></el-input>
                        </el-form-item>
@@ -122,6 +122,7 @@
    chart: {},
    data(){
        return {
            isOpen:false,
            tableData:[],
            formData:{
                thisInfo:{
@@ -194,6 +195,7 @@
            let self = this;
            let result = JSON.parse(res.data)
            if(result.code == 1){
                this.isOpen = true;
                // 表单赋值
                self.formData.thisInfo.cxFivePanelCurr = result.data.screenRTList[0].panelCurr + "A";
                self.echartsList[0].echartsCurr.push(result.data.screenRTList[0].panelCurr);
@@ -616,9 +618,9 @@
    z-index: 9;
    overflow: hidden;
}
.diagram-stc /deep/ canvas,.diagram-flush /deep/ canvas{
/* .diagram-stc /deep/ canvas,.diagram-flush /deep/ canvas{
    object-fit:fill !important;
}
} */
.canvs_box{
    height: 65%;    
}