<template>
  <div style="margin: 3%">
    <!--    第一行数据-->
    <div class="row" style="height: 50px">
      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >发卡人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_open}}</label></div>
      <div class="col-xs-2"><label type="text" class="form-control mystylecenter font_normal_body"> 发卡气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_open}}</label></div>
      <div class="col-xs-2"><label type="text" class="form-control mystylecenter font_normal_body" >发卡金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_open}}</label></div>
    </div>
  <div class="row" style="height: 50px">
    <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_zg}}</label></div>
    <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_zg}}</label></div>
    <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >再购金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_zg}}</label></div>
  </div>
    <div class="row" style="height: 50px">
      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_bq}}</label></div>
      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_bq}}</label></div>
      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补气金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_bq}}</label></div>
    </div>
    <div class="row" style="height: 50px">
      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_bk}}</label></div>
      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_bk}}</label></div>
      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >补卡金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_bk}}</label></div>
    </div>
      <div class="row" style="height: 50px">
        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_hb}}</label></div>
        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_hb}}</label></div>
        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >换表金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_hb}}</label></div>
      </div>
    <div class="row" style="height: 50px">
      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_count_cz}}</label></div>
      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_pregas_cz}}</label></div>
      <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >冲正金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_collection_cz}}</label></div>
    </div>
      <div class="row" style="height: 50px">
        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务人次</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_sum_count}}</label></div>
        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务气量</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_shouru_gas}}</label></div>
        <div class="col-xs-2"><label type="text"  class="form-control mystylecenter font_normal_body" >业务金额</label></div><div class="col-xs-2"><label type="text"  class="mystyleboder font_bold_body" >{{sumsmodel.f_shouru_fee}}</label></div>
      </div>
  </div>
</template>

<script>
  export default {
    name: "DayReportSummary",
    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>
