<template>
|
<div class="page-flex-layout">
|
<div class="page-flex-footer page-right-width overflow-y">
|
<div class="table-list-wrapper">
|
<table-list title="三相交流过压">
|
<el-table
|
:data="warning.overVol"
|
stripe
|
:show-header="false"
|
height="100%"
|
size="small"
|
>
|
<el-table-column
|
prop="name"
|
label="名称"
|
align="center"
|
min-width="100"
|
class-name="table-list-name white-color"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="value"
|
label="值"
|
align="center"
|
class-name="table-list-value"
|
>
|
<template slot-scope="scope">
|
<hdw-light :type="scope.row.value"></hdw-light>
|
</template>
|
</el-table-column>
|
</el-table>
|
</table-list>
|
</div>
|
<div class="table-list-wrapper">
|
<table-list title="三相交流欠压">
|
<el-table
|
:data="warning.underVol"
|
stripe
|
:show-header="false"
|
height="100%"
|
size="small"
|
>
|
<el-table-column
|
prop="name"
|
label="名称"
|
align="center"
|
min-width="100"
|
class-name="table-list-name white-color"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="value"
|
label="值"
|
align="center"
|
class-name="table-list-value"
|
>
|
<template slot-scope="scope">
|
<hdw-light :type="scope.row.value"></hdw-light>
|
</template>
|
</el-table-column>
|
</el-table>
|
</table-list>
|
</div>
|
<div class="table-list-wrapper">
|
<table-list title="三相交流缺项">
|
<el-table
|
:data="warning.missItem"
|
stripe
|
:show-header="false"
|
height="100%"
|
size="small"
|
>
|
<el-table-column
|
prop="name"
|
label="名称"
|
align="center"
|
min-width="100"
|
class-name="table-list-name white-color"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="value"
|
label="值"
|
align="center"
|
class-name="table-list-value"
|
>
|
<template slot-scope="scope">
|
<hdw-light :type="scope.row.value"></hdw-light>
|
</template>
|
</el-table-column>
|
</el-table>
|
</table-list>
|
</div>
|
<div class="table-list-wrapper">
|
<table-list title="交流">
|
<el-table
|
:data="warning.AC"
|
stripe
|
:show-header="false"
|
height="100%"
|
size="small"
|
>
|
<el-table-column
|
prop="name"
|
label="名称"
|
align="center"
|
min-width="100"
|
class-name="table-list-name white-color"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="value"
|
label="值"
|
align="center"
|
class-name="table-list-value"
|
>
|
<template slot-scope="scope">
|
<hdw-light :type="scope.row.value"></hdw-light>
|
</template>
|
</el-table-column>
|
</el-table>
|
</table-list>
|
</div>
|
<div class="table-list-wrapper">
|
<table-list title="熔断">
|
<el-table
|
:data="warning.break"
|
stripe
|
:show-header="false"
|
height="100%"
|
size="small"
|
>
|
<el-table-column
|
prop="name"
|
label="名称"
|
align="center"
|
min-width="100"
|
class-name="table-list-name white-color"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="value"
|
label="值"
|
align="center"
|
class-name="table-list-value"
|
>
|
<template slot-scope="scope">
|
<hdw-light :type="scope.row.value"></hdw-light>
|
</template>
|
</el-table-column>
|
</el-table>
|
</table-list>
|
</div>
|
</div>
|
<div class="page-flex-content">
|
<el-row class="full-height">
|
<el-col :span="12" class="full-height">
|
<table-list title="整流器故障" style="border-right: none">
|
<el-table
|
:data="warning.fault"
|
stripe
|
:show-header="false"
|
height="100%"
|
size="small"
|
>
|
<el-table-column
|
prop="name"
|
label="名称"
|
align="center"
|
min-width="100"
|
class-name="table-list-name no-border white-color"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="value"
|
label="值"
|
align="center"
|
class-name="table-list-value"
|
>
|
<template slot-scope="scope">
|
<hdw-light :type="scope.row.value"></hdw-light>
|
</template>
|
</el-table-column>
|
</el-table>
|
</table-list>
|
</el-col>
|
<el-col :span="12" class="full-height">
|
<table-list title="总故障">
|
<el-table
|
:data="warning.total"
|
stripe
|
:show-header="false"
|
height="100%"
|
size="small"
|
>
|
<el-table-column
|
prop="name"
|
label="名称"
|
align="center"
|
min-width="100"
|
class-name="table-list-name no-border white-color"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="value"
|
label="值"
|
align="center"
|
class-name="table-list-value"
|
>
|
<template slot-scope="scope">
|
<hdw-light :type="scope.row.value"></hdw-light>
|
</template>
|
</el-table-column>
|
</el-table>
|
</table-list>
|
</el-col>
|
</el-row>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import TableList from "@/components/TableList";
|
import { getValByKey } from "@/assets/js/tools";
|
import HdwLight from "@/components/HdwLight";
|
|
export default {
|
name: "WarnTabPane",
|
components: {
|
HdwLight,
|
TableList,
|
},
|
props: {
|
name: {
|
type: String,
|
default: "",
|
},
|
info: {
|
type: Object,
|
default() {
|
return {};
|
},
|
},
|
setting: {
|
type: Array,
|
default() {
|
return [];
|
}
|
}
|
},
|
data() {
|
return {
|
warning: {
|
overVol: [
|
{ key: "isAcin1OverVola", name: "交流A相电压", value: 0, id: 110001 },
|
{ key: "isAcin1OverVolb", name: "交流B相电压", value: 0, id: 110004},
|
{ key: "isAcin1OverVolc", name: "交流C相电压", value: 0, id: 110007 },
|
],
|
underVol: [
|
{ key: "isAcin1UnderVola", name: "交流A相欠压", value: 0, id: 110002 },
|
{ key: "isAcin1UnderVolb", name: "交流B相欠压", value: 0, id: 110005 },
|
{ key: "isAcin1UnderVolc", name: "交流C相欠压", value: 0, id: 110008 },
|
],
|
missItem: [
|
{ key: "isAcin2LessA", name: "交流A相缺相", value: "0", id: 110003 },
|
{ key: "isAcin2LessB", name: "交流B相缺相", value: "0", id: 110006 },
|
{ key: "isAcin2LessC", name: "交流C相缺相", value: "0", id: 110009 },
|
],
|
AC: [
|
{ key: "isAcin2Powerdown", name: "交流停电", value: "0", id: 110010 },
|
{ key: "isDcoutOverVol", name: "直流电压过高", value: "0", id: 110012 },
|
{ key: "isDcoutUnderVol", name: "直流电压过低", value: "0", id: 110013 },
|
],
|
break: [
|
{ key: "isLoaderFuse", name: "负载熔断", value: "0", id: 110014},
|
{ key: "isBattgroup1Fuse", name: "电池组1熔断", value: "0", id: 110015 },
|
{ key: "isBattgroup2Fuse", name: "电池组2熔断", value: "0", id: 110016 },
|
],
|
fault: [
|
{ key: "isAcdcmod1Err", name: "整流器1总故障", value: "0", id: 110017 },
|
{ key: "isAcdcmod2Err", name: "整流器2总故障", value: "0", id: 110018 },
|
{ key: "isAcdcmod3Err", name: "整流器3总故障", value: "0", id: 110019 },
|
{ key: "isAcdcmod4Err", name: "整流器4总故障", value: "0", id: 110020 },
|
{ key: "isAcdcmod5Err", name: "整流器5总故障", value: "0", id: 110021 },
|
{ key: "isAcdcmod6Err", name: "整流器6总故障", value: "0", id: 110022 },
|
{ key: "isAcdcmod7Err", name: "整流器7总故障", value: "0", id: 110023 },
|
{ key: "isAcdcmod8Err", name: "整流器8总故障", value: "0", id: 110024 },
|
{ key: "isAcdcmod9Err", name: "整流器9总故障", value: "0", id: 110025 },
|
{ key: "isAcdcmod10Err", name: "整流器10总故障", value: "0", id: 110026 },
|
{ key: "isAcdcmod11Err", name: "整流器11总故障", value: "0", id: 110027 },
|
{ key: "isAcdcmod12Err", name: "整流器12总故障", value: "0", id: 110028 },
|
{ key: "isAcdcmod13Err", name: "整流器13总故障", value: "0", id: 110029 },
|
{ key: "isAcdcmod14Err", name: "整流器14总故障", value: "0", id: 110030 },
|
{ key: "isAcdcmod15Err", name: "整流器15总故障", value: "0", id: 110031 },
|
{ key: "isAcdcmod16Err", name: "整流器16总故障", value: "0", id: 110032 },
|
],
|
total: [
|
{ key: "isAcinTotalAlarm", name: "交流总故障", value: "0", id: 110033 },
|
{ key: "isDcoutTotalAlarm", name: "直流总故障", value: "0", id: 110034 },
|
{ key: "isTotalAlarm", name: "开关柜总故障", value: "0", id: 110040 },
|
{ key: "isPowerdevCommerr", name: "电源通信故障", value: "0", id: 110120 },
|
{ key: "useracin1Powerdown", name: "交流输入1停电", value: "0", id: 110121 },
|
{ key: "useracin2Powerdown", name: "交流输入2停电", value: "0", id: 110122 },
|
{ key: "useracin1Commerr", name: "交流1采集通信故障", value: "0", id: 110123},
|
{ key: "useracin2Commerr", name: "交流2采集通信故障", value: "0", id: 110124 },
|
{ key: "isTempCommerr1", name: "温感1通信故障", value: "0", id: 110125 },
|
{ key: "isTempCommerr2", name: "温感2通信故障", value: "0", id: 110126 },
|
{ key: "isTempCommerr3", name: "温感3通信故障", value: "0", id: 110127 },
|
{ key: "isHumiCommerr1", name: "湿感1通信故障", value: "0", id: 110128 },
|
{ key: "isHumiCommerr2", name: "湿感2通信故障", value: "0", id: 110129 },
|
{ key: "isHumiCommerr3", name: "湿感3通信故障", value: "0", id: 110130},
|
{ key: "isSmokeAlarm1", name: "烟感1报警", value: "0", id: 110131 },
|
{ key: "isSmokeAlarm2", name: "烟感2报警", value: "0", id: 110132 },
|
{ key: "isSmokeAlarm3", name: "烟感3报警", value: "0", id: 110133 },
|
{ key: "isSmokeCommerr1", name: "烟感1通信故障", value: "0", id: 110134 },
|
{ key: "isSmokeCommerr2", name: "烟感2通信故障", value: "0", id: 110135 },
|
{ key: "isSmokeCommerr3", name: "烟感3通信故障", value: "0", id: 110136 },
|
],
|
},
|
};
|
},
|
watch: {
|
name() {
|
this.setInfo();
|
},
|
info() {
|
this.setInfo();
|
},
|
},
|
methods: {
|
// 设置信息
|
setInfo() {
|
if (this.name == "warn") {
|
let warnings = this.warning;
|
let info = this.info;
|
console.log(info);
|
let setting = this.setting;
|
for (let key in warnings) {
|
let warning = warnings[key];
|
warning.map((item) => {
|
let isActive = this.getIsActive(item.id, setting);
|
if(isActive) {
|
item.value = getValByKey(item.key, info, -1);
|
}else {
|
item.value = -1;
|
}
|
});
|
}
|
}
|
},
|
getIsActive(id, setting) {
|
let isActive = 1;
|
for(let i=0; i<setting.length; i++) {
|
let item = setting[i];
|
if(item.alarmId == id) {
|
isActive = item.alarmEnNode;
|
}
|
}
|
return isActive;
|
}
|
},
|
mounted() {
|
this.setInfo();
|
},
|
};
|
</script>
|
|
<style scoped>
|
.page-flex-footer {
|
position: relative;
|
padding: 0 8px 8px 0;
|
box-sizing: border-box;
|
}
|
|
.page-flex-layout {
|
display: flex;
|
height: 100%;
|
}
|
|
.page-flex-content {
|
flex: 1;
|
}
|
|
.page-flex-content.mg {
|
margin-left: 16px;
|
margin-bottom: 16px;
|
}
|
|
.page-right-width {
|
width: 360px;
|
}
|
|
.table-list-wrapper {
|
margin-bottom: 8px;
|
}
|
</style>
|
