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