动图

whycwx

2021-07-23 88e497e20a51a2a127c4bc59f036f5367ab0670e

 src/pages/testedMotor/testedMotor.vue

@@ -4,13 +4,13 @@
    <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>
                <el-form-item label="直流调速柜：">
                <!-- <el-form-item label="直流调速柜：">
                    <el-input size="mini" v-model="formData.thisInfo.zltsg" style="width:65px"></el-input>
                </el-form-item>
                </el-form-item> -->

                <el-form-item label="受试侧轴联器：">
                    <el-input size="mini" v-model="formData.thisInfo.ssczlq" style="width:65px"></el-input>
@@ -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>
@@ -75,7 +75,10 @@
            <div class="clear"></div>
        </div>
        <!-- 轴承温度 -->
        <div class="content_bottom" ref="temperature"></div>
        <div class="content_bottom">
            <p class="title_into">定子轴承温度</p>
            <div ref="temperature" class="temperature"></div>
        </div>
    </div>
    <div class="left_Box">
        <!-- <div class="tipTitle">AFE变频驱动柜监控</div> -->
@@ -86,14 +89,14 @@
            </div>
        </div>
        <div class="content_bottom list_box">
            <p class="title_into">告警情况</p>
            <p class="title_into">报警情况</p>
            <!-- 表单 -->
            <div class="flex-page-content">
                <div class="batteryrHistoryquery" style="width: 100%;height: 100%;">
                    <el-table :data="tableData" style="width: 100%" max-height="145px"> 
                        <el-table-column prop="date" label="告警时间"></el-table-column>
                        <el-table-column prop="name" label="告警名称"></el-table-column>
                        <el-table-column prop="address" label="告警描述"></el-table-column>
                        <el-table-column prop="date" label="报警时间"></el-table-column>
                        <el-table-column prop="name" label="报警名称"></el-table-column>
                        <el-table-column prop="address" label="报警描述"></el-table-column>
                    </el-table>
                </div>
            </div>
@@ -122,6 +125,7 @@
    chart: {},
    data(){
        return {
            isOpen:false,
            tableData:[],
            formData:{
                thisInfo:{
@@ -194,6 +198,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);
@@ -224,7 +229,6 @@
                self.setOption(item,true);
            });
            self.setEcharts();
            console.log(result)
        },
        getTime(){
            var myDate = new Date(); //实例一个时间对象；
@@ -248,7 +252,7 @@
            // 关闭websocket
            if (this.isOpen) {
                // 打印关闭信息
                console.log("关闭电源实时告警WebSocket");
                console.log("关闭电源实时报警WebSocket");
                this.socket.close();
            }
        },
@@ -264,6 +268,7 @@
                        bottom: '30'
                    },
                    tooltip: {
                        "trigger":"axis",
                        show: true
                    },
                    xAxis: {
@@ -302,6 +307,7 @@
                        // xAxisIndex: 0,
                        yAxisIndex: 0,//使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用。
                        type: 'line',
                        symbol: 'none',
                        step: false,
                        smooth: true
                    },{
@@ -309,6 +315,7 @@
                        // xAxisIndex: 0,
                        yAxisIndex: 1,//使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用。
                        type: 'line',
                        symbol: 'none',
                        // step: false,
                        smooth: true
                    },]
@@ -386,7 +393,7 @@
                    // ratio: 87.3
                },
                { month: "13",value: 60,},{ month: "14",value: 55 },{month: "15",value: 44,}];
            var bkData = [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100];
            var bkData = [300, 300, 300, 300, 300, 300, 300, 300, 300, 300, 300, 300, 300, 300, 300];
            var xData = [],
                yData = [];
            var min = 50;
@@ -447,7 +454,7 @@
                            show: false
                        },
                        // min: min,
                        max: 100,
                        max: 300,
                        axisLine: {
                            lineStyle: {
                                // color: 'rgba(255,255,255,0)'
@@ -456,7 +463,7 @@
                        axisLabel: {
                            color: '#95a2aa',
                            fontSize: 14,
                            formatter: '{value}%'
                            formatter: '{value}℃'
                        },
                        splitLine: {
                            lineStyle: {
@@ -474,7 +481,6 @@
                        itemStyle: {
                            normal: {
                                color: function(value){
                                    console.log(value);
                                    let  color = "rgb(255,199,28)";
                                    if(value.data >=80){
                                        color = "red";
@@ -526,6 +532,10 @@
    height: 1px;
    width: 100%;
    border-bottom:1px solid #fff;
}
.temperature{
    width: 100%;
    height: 90%;
}
.batteryrHistoryquery{
    overflow: auto;
@@ -616,9 +626,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%;    
}