<template>
|
<div class="info">
|
<!-- 交流输入 -->
|
<div class="row">
|
<div class="label">交流A相:</div>
|
<div class="col1">
|
<div class="input big">{{ acinVolA }}</div>
|
<div class="unit">(V)</div>
|
</div>
|
<div class="col2">
|
<div class="input big">{{ acinCurrA }}</div>
|
<div class="unit">(A)</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="label">交流B相:</div>
|
<div class="col1">
|
<div class="input big">{{ acinVolB }}</div>
|
<div class="unit">(V)</div>
|
</div>
|
<div class="col2">
|
<div class="input big">{{ acinCurrB }}</div>
|
<div class="unit">(A)</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="label">交流C相:</div>
|
<div class="col1">
|
<div class="input big">{{ acinVolC }}</div>
|
<div class="unit">(V)</div>
|
</div>
|
<div class="col2">
|
<div class="input big">{{ acinCurrC }}</div>
|
<div class="unit">(A)</div>
|
</div>
|
</div>
|
<!-- 直流输入 -->
|
<div class="row">
|
<div class="label">直流输出:</div>
|
<div class="col1">
|
<div class="input">{{ data.acdc.dcoutVol }}</div>
|
<div class="unit">(V)</div>
|
</div>
|
<div class="col2">
|
<div class="input">{{ data.acdc.dcoutCurr }}</div>
|
<div class="unit">(A)</div>
|
</div>
|
</div>
|
<!-- 电池状态 -->
|
<div class="row">
|
<div class="label">电池状态:</div>
|
<div class="col1">
|
<div class="input status">{{ battState }}</div>
|
</div>
|
<div class="col2">
|
<div class="input big">{{ formatSeconds(data.battInf.battTestTlong) }}</div>
|
</div>
|
</div>
|
<!-- 单体电压 -->
|
<div class="row">
|
<div class="label">单体电压:</div>
|
<div class="col1">
|
<div class="input big">{{ data.battInf.maxVol }}/{{ data.battInf.maxNum }}#</div>
|
<div class="tag">最高</div>
|
</div>
|
<div class="col2">
|
<div class="input big">{{ data.battInf.minVol }}/{{ data.battInf.minNum }}#</div>
|
<div class="tag">最低</div>
|
</div>
|
</div>
|
<!-- 告警数量 -->
|
<div class="row">
|
<div class="label">告警数量:</div>
|
<div class="col1">
|
<div class="input big alarm">
|
<span class="cur-point" @click="goToWarn(1)">电源：{{ data.pwrAlm * 1 }}</span>
|
<span class="cur-point" @click="goToWarn(2)">设备：{{ data.devAlm * 1 }}</span>
|
<span class="cur-point" @click="goToWarn(3)">电池：{{ data.battInf.battAlm * 1 }}</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
|
import formatSeconds from '@/assets/js/tools/formatSeconds';
|
export default {
|
name: '',
|
props: {
|
data: {
|
type: Object,
|
default() {
|
return {};
|
}
|
},
|
},
|
methods: {
|
formatSeconds,
|
goToWarn(type) {
|
let mapStation = this.data;
|
let search = '?province=' + mapStation.stationName1 + '&city=' + mapStation.stationName2 + '&county=' + mapStation.stationName5 +
|
'&home=' + mapStation.stationName3 +"&stationName=" + mapStation.stationName+ '&fromType=fromIndex'+"&pageFlag="+Math.random();
|
// 1-电源告警 2-设备告警 3-电池告警
|
switch (type) {
|
case 1:
|
//电源实时告警
|
this.$router.push('/alarmMager/powerRealtimeInfo' + search);
|
break;
|
case 2:
|
//设备实时告警
|
this.$router.push('/alarmMager/deviceTimequery' + search);
|
break;
|
default:
|
//电池实时告警
|
this.$router.push('/alarmMager/batteryrTimequery' + search);
|
break;
|
}
|
},
|
},
|
computed: {
|
acinVolA() {
|
let acdc = this.data.acdc;
|
let { routeNum } = this.data.pwrinf;
|
if (1 == routeNum) {
|
return acdc.acin1Vola;
|
}
|
return acdc.acin1Vola + '/' + acdc.acin2Vola;
|
},
|
acinVolB() {
|
let acdc = this.data.acdc;
|
let { routeNum } = this.data.pwrinf;
|
if (1 == routeNum) {
|
return acdc.acin1Volb;
|
}
|
return acdc.acin1Volb + '/' + acdc.acin2Volb;
|
},
|
acinVolC() {
|
let acdc = this.data.acdc;
|
let { routeNum } = this.data.pwrinf;
|
if (1 == routeNum) {
|
return acdc.acin1Volc;
|
}
|
return acdc.acin1Volc + '/' + acdc.acin2Volc;
|
},
|
acinCurrA() {
|
let acdc = this.data.acdc;
|
return acdc.acin1Curra;
|
},
|
acinCurrB() {
|
let acdc = this.data.acdc;
|
return acdc.acin1Currb;
|
},
|
acinCurrC() {
|
let acdc = this.data.acdc;
|
return acdc.acin1Currc;
|
},
|
battState() {
|
let battInf = this.data.battInf;
|
return ['未知', '浮充', '充电', '放电', '均充', '内阻测试'][battInf.battState] || '未知';
|
},
|
alarmCount() {
|
let data = this.data;
|
let battInf = data.battInf;
|
return battInf.battAlm * 1 + data.devAlm * 1 + data.pwrAlm * 1;
|
}
|
},
|
mounted() {
|
// console.log(this.data);
|
}
|
}
|
</script>
|
|
<style scoped lang="less">
|
.info {
|
height: 100%;
|
box-sizing: border-box;
|
padding: 6px;
|
font-size: 16px;
|
display: flex;
|
flex-direction: column;
|
padding: 1.6em 2em .8em 1.6em;
|
|
.row {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
}
|
|
.input,
|
.unit {
|
display: inline-block;
|
margin-left: 0.2em;
|
}
|
|
.unit {
|
width: 3em;
|
}
|
|
.tag {
|
// font-size: 8px;
|
font-size: 12px;
|
padding-right: 2em;
|
padding-left: 0.4em;
|
display: flex;
|
align-items: flex-end;
|
}
|
|
.input {
|
border: 1px #00fefe solid;
|
border-radius: 4px;
|
padding: 3px 6px;
|
background: #041a3f;
|
color: #fff;
|
font-weight: bold;
|
width: 3.2em;
|
|
&.big {
|
// width: 9.8em;
|
flex: 1;
|
}
|
|
&.alarm {
|
display: flex;
|
justify-content: space-between;
|
|
//&::after {
|
// content: '电源/设备/电池告警';
|
//}
|
}
|
|
&.status {
|
color: #ff0;
|
width: 6em;
|
}
|
}
|
|
.label {
|
// font-size: 16px;
|
width: 4.5em;
|
padding-right: 0.4em;
|
text-align: right;
|
color: #ebf0f1;
|
}
|
|
.col1,
|
.col2 {
|
// width: 5.8em;
|
flex: 1;
|
display: flex;
|
}
|
}
|
|
.cur-point {
|
user-select: none;
|
cursor: pointer;
|
}
|
</style>
|
