<template>
<div>
  <div  class="cols-sm-12 col-md-12 col-xs-12 " >
    <div class="col-sm-12 col-md-12 col-xs-12 ">
      <label class="font-content lb-left" style="padding-left: 0.5rem">表具信息:{{row.f_meternumber}}</label>
    </div>
  </div>
<div class="row" >

  <div  class="cols-sm-12 col-md-12 col-xs-12 font-content" style="">

 <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
      <span>表编号:</span>
      <span style="padding-left: 0.5rem">{{row.f_user_id}}</span>
    </p>
 <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
      <span>用户编号:</span>
      <span style="padding-left: 0.5rem">{{row.f_userinfo_code}}</span>
    </p>
 <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
      <span>余额:</span>
      <span style="padding-left: 0.5rem">{{row.f_jval}}</span>
    </p>
 <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
      <span>网络购气次数:</span>
      <span style="padding-left: 0.5rem">{{row.f_iot_times}}</span>
    </p>
 <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
      <span>总购金量:</span>
      <span style="padding-left: 0.5rem">{{row.f_total_gas}}</span>
    </p>
 <p class="col-sm-6 col-md-6 col-xs-6 flex-row">
      <span>总购气量:</span>
      <span style="padding-left: 0.5rem">{{row.f_total_fee}}</span>
    </p>
 <p class="col-sm-12 col-md-12 col-xs-12">
      <span>气表品牌别名:</span>
      <span style="padding-left: 0.5rem">{{row.f_alias}}</span>

    </p>
  </div>
</div>
</div>
</template>

<script>
  export default {
    title: '表具信息',
    data () {
      return {
        msg: '',
        show: false
      }
    },
    props:['row'],
    ready () {
      // this.$appdata.load().then(() => {
      //   this.$emit('ready')
      // })
    }
  }
</script>
<style media="screen" scoped>
.font-head{
  font-size: 16px;
  font-weight: bold;
  color: #666;
}
.font-content{
  font-size: 14px;
  font-weight: normal;
  color: #666666;
}
  p span{
    flex:1
  }
</style>
