<template>
  <div class="span">
      <div class="panel panel-default">
        <div class="panel-body flex-row" style="padding: 0;">
          <div class="flex flex-over" style="padding: 0 0px 0px 0px; overflow: auto;">
            <!-- 用户查询，停气公告，话务员统计信息，知识库 -->
            <div class="span no-close">
              <tabset v-ref:tabs :close="false" :navStyle="pills">
                <tab header="购气记录">
                  <phone-sell-info  :user="user" :f_userinfo_id="f_userinfo_id"></phone-sell-info>
                </tab>
                <tab header="换表记录">
                  <phone-changemeter-info :user="user" :f_userinfo_id="f_userinfo_id"></phone-changemeter-info>
                </tab>
                <tab header="用户家庭情况记录">
                  <phone-user-family :user="user"></phone-user-family>
                </tab>
              </tabset>
            </div>
          </div>
        </div>
      </div>
  </div>
</template>
<script>
export default {
  title: '用户信息',
  props: {
    user:{
      type: Object
    },
    f_userinfo_id:''
  },
  data () {
    return {
      pills:'pills'
    }
  }
}
</script>
