<template>
  <div class="panel panel-info auto" style="margin-top: auto">
    <div class="panel-heading auto" style="height: 30px;">
      <h4 style="display:inline-block;margin-top: auto">卡上信息</h4>
    </div>

    <div class="auto info-content">
      <div class="row">
        <label class="col-sm-4 ">卡号:</label>
        <span class="col-sm-6">{{data.CardID}}</span>
      </div>
      <!--<div class="row">-->
        <!--<label class="col-sm-3 ">厂家:</label>-->
        <!--<span class="col-sm-6">{{data.Factory}}</span>-->
      <!--</div>-->
      <div class="row">
        <label class="col-sm-4 ">气量:</label>
        <span class="col-sm-3">{{data.Gas}}</span>
        <label class="col-sm-3 ">金额:</label>
        <span class="col-sm-2">{{data.Money}}</span>
      </div>
      <div class="row">
        <label class="col-sm-4 ">次数:</label>
        <span class="col-sm-3">{{data.Times}}</span>
      </div>
      <div class="row" v-if="data.NewParam">
        <label class="col-sm-4 ">累购量:</label>
        <span class="col-sm-3">{{data.NewParam.ljgql}}</span>
      </div>
    </div>
  </div>
</template>
<script>
/**
*用户信息
*卡信息
*/
export default {
  title: '卡上信息',
  data () {
    return {
    }
  },
  props: ['data']
}
</script>
