75 lines
1.9 KiB
Vue
75 lines
1.9 KiB
Vue
|
|
|||
|
|
<template>
|
|||
|
|
<div class="ssyx-ems-dashboard-editor-container">
|
|||
|
|
<!-- 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>
|
|||
|
|
<!-- echart图表-->
|
|||
|
|
<el-row :gutter="32" style="background:#fff;margin:30px 0;">
|
|||
|
|
<el-col :xs="24" :sm="12" :lg="12">
|
|||
|
|
<cnglqx-chart/>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :xs="24" :sm="12" :lg="12">
|
|||
|
|
<pocpjwd-chart/>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row :gutter="32" style="margin:30px 0;">
|
|||
|
|
<el-col :xs="24" :sm="12" :lg="12">
|
|||
|
|
<dcpjsoc-chart/>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :xs="24" :sm="12" :lg="12">
|
|||
|
|
<dcpjwd-chart/>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
<script>
|
|||
|
|
import SingleSquareBox from "@/components/Ems/SingleSquareBox/index.vue";
|
|||
|
|
import CnglqxChart from './CnglqxChart.vue'
|
|||
|
|
import PocpjwdChart from './PocpjwdChart.vue'
|
|||
|
|
import DcpjwdChart from './DcpjwdChart.vue'
|
|||
|
|
import DcpjsocChart from './DcpjsocChart.vue'
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
components:{SingleSquareBox,CnglqxChart,PocpjwdChart,DcpjwdChart,DcpjsocChart},
|
|||
|
|
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>
|