<template >
  <div class="panel panel-default auto repair-info-content" >
    <tabset v-ref:tabs :active="0" :close="false" >
      <tab header="购气记录" id="clickMe" v-ref:tab>
        <buy-records style="height:auto" :user.sync="user" :f_userinfo_id.sync="f_userinfo_id" @deal-msg="dealMsg"></buy-records>
      </tab>
      <tab header="点火信息">
        <ignition-information :user.sync="user" :f_userinfo_id.sync="f_userinfo_id"
         ></ignition-information>
      </tab>
    </tabset>
  </div>
</template>

<script>

  export default {
    title: '查询用户',
    data () {
      return {

        model: [],
        show: false,
        row: Object,
        //测试数据
        user: {
          "f_userinfo_id": "15390"
        },
        f_userinfo_id: "15390"
      }
    },
    // props: {
    //   user: {
    //     type: Object
    //   },
    //   f_userinfo_id: ''
    // },
    methods: {
      dealMsg (obj) {
        //tag
        this.listpage = false
      }
    },
    watch: {
    },
    ready () {
      //tag
    }
  }
</script>
<style>
  .active {
    background-color: #9de0f5;
  }
  .app-botton {
    position:fixed;
    background: #87b2dd;
    color: #FFF;
    padding: 8px;
    text-align: center;
    font-size: 1.2em;
    z-index: 10;
    opacity:0.5;
    bottom: 50px;
    margin-top: -10px;
    height: 40px;
  }
</style>
