<template>
    <van-row class="recordList" style="margin-top:58px">
      <van-row class="titleWrap">
        <span class="line"></span>
        <span class="title">能耗管理</span>
      </van-row>
      <van-row class="type">
        <van-col span="11" class="bgc1">
            <van-row class="textTop">{{data.dangri}}</van-row>
            <van-row class="textBottom">当日能耗(kW.h)</van-row>
        </van-col>
        <van-col span="11" class="bgc2" offset="2">
            <van-row class="textTop">{{data.dangyue}}</van-row>
            <van-row class="textBottom">当月能耗(kW.h)</van-row>
        </van-col>
      </van-row>
       <van-row class="type">
        <van-col span="11" class="bgc3">
            <van-row class="textTop">{{data.zuori}}</van-row>
            <van-row class="textBottom">昨日能耗(kW.h)</van-row>
        </van-col>
        <van-col span="11" class="bgc4" offset="2">
            <van-row class="textTop">{{data.shangyu}}</van-row>
            <van-row class="textBottom">上月能耗(kW.h)</van-row>
        </van-col>
      </van-row>
    </van-row>
</template>
<script>
export default {
  props:["resInfo"],
  data() {
    return {
      data:{},
    };
  },
  watch:{
    resInfo(val,old){
      this.data = val
    }
  },
};
</script>
