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>
|