<template>
  <div style="margin: 3%">
    <!--    第一行数据-->
    <div class="row" style="height: 50px">
      <div class="col-xs-6"><label type="text"  class="form-control mystylecenter font_normal_body" >人次</label></div><div class="col-xs-6"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_sum_count}}</label></div>
     </div>
    <div class="row" style="height: 50px">
      <div class="col-xs-6"><label type="text"  class="form-control mystylecenter font_normal_body" >气量</label></div><div class="col-xs-6"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_shouru_gas}}</label></div>
    </div>
    <div class="row" style="height: 50px">
      <div class="col-xs-6"><label type="text"  class="form-control mystylecenter font_normal_body" >金额</label></div><div class="col-xs-6"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_shouru_fee}}</label></div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "LifeDayReportSummary",
    props: {
      sumsmodel: {}
    },
    watch: {
      sumsmodel(val){
        console.log(val,"====================")
      }
    }
  }
</script>

<style scoped>
  .datapanel {
    color: #333;
    background-color: white;
    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
    padding: 10px 30px 10px 30px;
    border-radius:15px;
    width: 100%;
  }
  .mystyleboder{
    border: 0px;
    text-align: left;
    padding-left: 3px;
  }
  .mystylecenter{
    border: 0px;
    text-align: center;
    padding-left: 3px;
  }
</style>
