<template>
  <tab-button v-ref:list :active="-1">
    <tabs header="缴费明细" >
      <qn-aqzz-jfmx v-if="show.includes('缴费明细')" @deal-msg="dealMsg" :data="data"></qn-aqzz-jfmx>
    </tabs>
    <tabs header="乡镇汇总" >
      <qn-aqzz-xzhz v-if="show.includes('乡镇汇总')" @deal-msg="dealMsg" :data="data"></qn-aqzz-xzhz>
    </tabs>
    <tabs header="乡镇居委会汇总" >
      <qn-aqzz-xzjwhhz v-if="show.includes('乡镇居委会汇总')" @deal-msg="dealMsg" :data="data"></qn-aqzz-xzjwhhz>
    </tabs>
    <tabs header="加装花名册" >
      <qn-aqzz-hmc v-if="show.includes('加装花名册')" @deal-msg="dealMsg" :data="data"></qn-aqzz-hmc>
    </tabs>
    <tabs header="验收明细" >
      <qn-aqzz-ysmx v-if="show.includes('验收明细')" @deal-msg="dealMsg" :data="data"></qn-aqzz-ysmx>
    </tabs>
    <tabs header="验收报表" >
      <qn-aqzz-ysbb v-if="show.includes('验收报表')" @deal-msg="dealMsg" :data="data"></qn-aqzz-ysbb>
    </tabs>
  </tab-button>

</template>

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

  export default {
    title: '安全装置',
    data () {
      return {
        f_start_date: '',
        f_end_date: '',
        listpage: true,
        width: {
          left: '100%',
          right: '0%'
        },
        // searchNumber:'',
        rowData: {},
        show: []
      }
    },
    components: {Tabs, TabButton},
    methods: {
      permission (name) {
        if (this.$login.r.find(value => value == '安全装置')) {
          if (!this.$login.r.find(value => value == name)) {
            return false
          }
        }
        return true
      }
    }

  }
</script>

<style scoped>
</style>
