<template>
|
<el-row class="full-height">
|
<el-col :span="12" class="full-height">
|
<table-list title="浮充指示" style="border-right: none">
|
<el-table :data="statusList.float" 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="整流器开关显示" style="border-right: none">
|
<el-table :data="statusList.onOff" 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>
|
</template>
|
|
<script>
|
import TableList from "@/components/TableList";
|
import {getValByKey} from "@/assets/js/tools";
|
import HdwLight from "@/components/HdwLight";
|
|
export default {
|
name: "StateTabPane",
|
components: {
|
HdwLight,
|
TableList
|
},
|
props: {
|
name: {
|
type: String,
|
default: ""
|
},
|
info: {
|
type: Object,
|
default() {
|
return {}
|
}
|
},
|
},
|
data() {
|
return {
|
statusList: {
|
float: [
|
{key: "isJunCharge", name: '整流器均浮充指示', value: '0'},
|
],
|
onOff: [
|
{key: "isAcdcmod1Off", name: '整流器1开关机指示', value: '0'},
|
{key: "isAcdcmod2Off", name: '整流器2开关机指示', value: '0'},
|
{key: "isAcdcmod3Off", name: '整流器3开关机指示', value: '0'},
|
{key: "isAcdcmod4Off", name: '整流器4开关机指示', value: '0'},
|
{key: "isAcdcmod5Off", name: '整流器5开关机指示', value: '0'},
|
{key: "isAcdcmod6Off", name: '整流器6开关机指示', value: '0'},
|
{key: "isAcdcmod7Off", name: '整流器7开关机指示', value: '0'},
|
{key: "isAcdcmod8Off", name: '整流器8开关机指示', value: '0'},
|
{key: "isAcdcmod9Off", name: '整流器9开关机指示', value: '0'},
|
{key: "isAcdcmod10Off", name: '整流器10开关机指示', value: '0'},
|
{key: "isAcdcmod11Off", name: '整流器11开关机指示', value: '0'},
|
{key: "isAcdcmod12Off", name: '整流器12开关机指示', value: '0'},
|
{key: "isAcdcmod13Off", name: '整流器13开关机指示', value: '0'},
|
{key: "isAcdcmod14Off", name: '整流器14开关机指示', value: '0'},
|
{key: "isAcdcmod15Off", name: '整流器15开关机指示', value: '0'},
|
{key: "isAcdcmod16Off", name: '整流器16开关机指示', value: '0'},
|
]
|
},
|
}
|
},
|
watch: {
|
name() {
|
this.setInfo();
|
},
|
info() {
|
this.setInfo();
|
}
|
},
|
methods: {
|
setInfo() {
|
if(this.name=="state") {
|
let info = this.info;
|
let statusLists = this.statusList;
|
for(let key in statusLists) {
|
let statusList = statusLists[key];
|
statusList.map(item=>{
|
item.value = getValByKey(item.key, info, -1);
|
});
|
}
|
}
|
}
|
},
|
mounted() {
|
this.setInfo();
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
