内容添加

whychdw

2020-12-24 1f8428904d117f6afcdd9ccd9c4717d8fa7b3bae

内容添加

 public/theme/science-black.css

@@ -631,7 +631,7 @@
}

.el-science-blue .hdw-badge-value {
    background-color: #1ccfe5;
    background-color: #00fefe;
    color: #143954;
    top: 0.05rem !important;
    right: -1.8rem !important;
@@ -736,7 +736,7 @@
}

.el-science-blue .statusWarp {
    background-color: #1ccfe5;
    background-color: #00fefe;
}

.el-science-blue .statusWarp.error-state {
@@ -748,7 +748,7 @@
}

.el-science-blue .hdw-avatar-icon {
    background-color: #1ccfe5 !important;
    background-color: #00fefe !important;
    color: #022038 !important;
}


 src/pages/dataMager/realTimeData.vue

@@ -312,6 +312,12 @@
                        </el-col>
                    </el-row>
                </el-tab-pane>
                <el-tab-pane label="绝缘装置" name="isolatingDevice">

                </el-tab-pane>
                <el-tab-pane label="充电机状态" name="chargerStatus">

                </el-tab-pane>
            </el-tabs>
        </div>
        <!-- 人脸登陆 -->

 src/pages/dataTest/components/NiBianInfo.vue

New file
@@ -0,0 +1,166 @@
<template>
    <div class="ni-bian-info">
        <el-table
            stripe
            size="small"
            :data="tblData">
            <el-table-column
                prop="name"
                label="参数名称"
                min-width="200"
                align="center"></el-table-column>
            <el-table-column
                prop="value"
                label="参数值"
                min-width="200"
                align="center"></el-table-column>
        </el-table>
    </div>
</template>

<script>
import {Timeout} from "@/assets/js/tools";
import {inversionInfo} from "@/assets/js/realTime";

export default {
    name: "NiBianInfo",
    props: {
        name: {
            type: String,
            default: 'niBianInfo',
        },
        batt: {
            type: Object,
            default() {
                return {};
            }
        },
    },
    watch: {
        name(){
            this.changeSearch();
        }
    },
    data() {
        return {
            refresh: "niBianInfo",
            timer: new Timeout(),
            tblData: [],
            params:{
                AC_ASimVol: "交流侧A相电压（V）",
                AC_ASimCur: "交流侧A相电流（A）",
                AC_BSimVol: "交流侧b相电压（V）",
                AC_BSimCur: "交流侧b相电流（V）",
                AC_CSimVol: "交流侧c相电压（V）",
                AC_CSimCur: "交流侧c相电流（A）",
                A_HZ: "频率A（HZ）",
                B_HZ: "频率B（HZ）",
                C_HZ: "频率C（HZ）",
                Power_Pa: "交流侧A相有功功率（W）",
                Power_Pb: "交流侧b相有功功率（W）",
                Power_Pc: "交流侧c相有功功率（W）",
                Power_Sa: "交流侧A相视在功率（W）",
                Power_Sb: "交流侧b相视在功率（W）",
                Power_Sc: "交流侧c相视在功率（W）",

                Temp1: "模块1散热片温度（℃）",
                Temp2: "模块2散热片温度（℃）",
                RunState: "运行状态",

                DcACStateText: "逆变状态",
                InsulaTionRes1: "第1路对地绝缘阻抗（KΩ）",
                InsulaTionRes2: "第2路对地绝缘阻抗（KΩ）",

                DCInputVol: "直流输入电压（V）",
                DCInputCur: "直流输入电流（A）",

                SetRun_Stop_Text: "开关机控制",
                SetDischargeCur: "设定放电电流（A）",

                CommTxCnt: "发送计数",
                CommRxCnt: "接收计数",
            }
        }
    },
    computed: {

    },
    methods: {
        changeSearch() {
            if(this.refresh == this.name) {
                this.startSearch();
            }else {
                this.timer.stop();
            }
        },
        // 启动查询
        startSearch() {
            this.timer.start(()=>{
                this.$axios.all([
                    this.inversionInfo()
                ]).then(()=>{
                    // 启动计时器
                    this.timer.open();
                }).catch(error=>{
                    console.log(error);
                    // 启动计时器
                    this.timer.open();
                });
            }, 4000);
        },
        // 逆变信息
        inversionInfo() {
            let batt = this.batt;
            inversionInfo(batt.FBSDeviceId).then(res=>{
                let rs = JSON.parse(res.data.result);
                let data1 = {};
                let data2 = {};
                if(rs.code == 1) {
                    let data = rs.data;
                    data1 = data[0];
                    data2 = data[1];

                    // 运行状态
                    data1.SetRun_Stop_Text = data1.SetRun_Stop == 0?'停止': '工作';
                    data2.SetRun_Stop_Text = data2.SetRun_Stop == 0?'停止': '工作';

                    // 逆变状态
                    data1.DcACStateText = data1.DcACState==0?'停止':'工作';
                    data2.DcACStateText = data2.DcACState==0?'停止':'工作';
                }
                let params = this.params;
                let list1 = [];
                let list2 = [];
                // 遍历内容获取值
                Object.keys(params).forEach(function(key) {
                    // 电池组1数据
                    let tmp = {};
                    tmp.name = params[key];
                    tmp.value = typeof(data1[key])=='undefined'?'': data1[key];
                    list1.push(tmp);
                    // 电池组2数据
                    let tmp2 = {};
                    tmp2.name = params[key];
                    tmp2.value = typeof(data2[key])=='undefined'?'':data2[key];
                    list2.push(tmp2);
                });

                // 给表格赋值
                this.tblData = list1;
            }).catch(error=>{
                console.log(error);
            });
        },
    },
    mounted() {
        this.changeSearch();
    }
}
</script>

<style scoped>
.ni-bian-info {
    height: 100%;
    overflow-y: auto;
}
</style>

 src/pages/dataTest/realTime.vue

@@ -177,6 +177,11 @@
                                    align="center"></el-table-column>
                            </el-table>
                        </el-tab-pane>
                        <el-tab-pane label="逆变信息" name="niBianInfo">
                        </el-tab-pane>
                        <el-tab-pane label="汇集器状态" name="collectState">

                        </el-tab-pane>
                    </el-tabs>
                </div>
            </flex-layout>
@@ -261,6 +266,7 @@
import RightMenu from "@/components/RightMenu";
import NiBian from "@/pages/dataTest/dialogs/NiBian";
import StopCuring from "@/pages/dataTest/dialogs/StopCuring";
import NiBianInfo from "@/pages/dataTest/components/NiBianInfo";
import {
    realTimeSearch,
    realTimeGroup,
@@ -301,6 +307,7 @@
        RightMenu,
        NiBian,
        StopCuring,
        // NiBianInfo,
    },
    watch: {
        "$route.params.BattGroupId"(BattGroupId) {