<template>
<!--  <div v-if="listpage">-->
    <tab-button v-ref:list :active="-1">
      <tabs header="低保户管理" v-if="permission('低保户管理')">
        <basic-living-manage   @deal-msg="dealMsg"   ></basic-living-manage>
      </tabs>
      <tabs header="黑名单管理" v-if="permission('黑名单管理')">
        <black-list-mangae   @deal-msg="dealMsg"></black-list-mangae>
      </tabs>
      <tabs header="黑名单记录查询"  v-if="permission('黑名单记录查询')">
        <black-record-query  @deal-msg="dealMsg"></black-record-query>
      </tabs>
    </tab-button>
<!--  </div>-->
<!--  <div v-if="!listpage">-->
<!--    <meter-info-manage :row="rowData" :f_start_date="f_start_date" :f_end_date="f_end_date"></meter-info-manage>-->
<!--  </div>-->
</template>

<script>
  import TabButton from './common/TabButton'
import Tabs from './common/Tabs'

export default {
    name: 'SpecialUserManage',
    title: '特殊用户管理',
    data () {
      return {// 页面开关
        f_start_date: '',
        f_end_date: '',
        listpage: true,
        width: {
          left: '100%',
          right: '0%'
        },
        // searchNumber:'',
        rowData: {},
        show: [true]
      }
    },
    components: {Tabs, TabButton},
    ready () {
      console.log(this.$refs.list)
      console.log('业务查询')
    },
    methods: {
      permission (name) {
        if (!this.$login.r.find(value => value == name)) {
          return false
        }
        return true
      },
      cancel (obj) {
        this.listpage = true
      },
      dealMsg (obj) {
      }
    }
  }
</script>

<style scoped>

</style>
