55 lines
1.1 KiB
Vue
55 lines
1.1 KiB
Vue
|
|
|||
|
|
<template>
|
|||
|
|
<!-- 6个方块-->
|
|||
|
|
<el-row :gutter="10">
|
|||
|
|
<el-col :xs="12" :sm="8" :lg="4" class="single-square-box-container" v-for="(item,index) in singleZdSqaure" :key="index+'singleSquareBox'">
|
|||
|
|
<single-square-box :data="item"></single-square-box>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import SingleSquareBox from "@/components/Ems/SingleSquareBox/index.vue";
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
components:{SingleSquareBox},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
// 单个电站 四个方块数据
|
|||
|
|
singleZdSqaure:[{
|
|||
|
|
title:'实时有功功率（kW）',
|
|||
|
|
value:'22.74',
|
|||
|
|
bgColor:'#FFF2CB'
|
|||
|
|
},{
|
|||
|
|
title:'实时无功功率（kVar）',
|
|||
|
|
value:'22.74',
|
|||
|
|
bgColor:'#CBD6FF'
|
|||
|
|
},{
|
|||
|
|
title:'电池催SOC',
|
|||
|
|
value:'22.74',
|
|||
|
|
bgColor:'#DCCBFF'
|
|||
|
|
},{
|
|||
|
|
title:'电池堆SOH',
|
|||
|
|
value:'22.74',
|
|||
|
|
bgColor:'#FFD4CB'
|
|||
|
|
},{
|
|||
|
|
title:'今日充电量（kWh）',
|
|||
|
|
value:'22.74',
|
|||
|
|
bgColor:'#FFD6F8'
|
|||
|
|
},{
|
|||
|
|
title:'今日放电量（kWh）',
|
|||
|
|
value:'22.74',
|
|||
|
|
bgColor:'#E1FFCA'
|
|||
|
|
}]
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
|
|||
|
|
</style>
|