<template>
  <!--  <div v-if="listpage">-->
  <tab-button v-ref:list :active="-1">
    <tabs header="气费应收账款汇总" v-if="permission('气费应收账款汇总')">
      <expect-gas-list v-if="show.includes('气费应收账款汇总')"></expect-gas-list>
    </tabs>
    <tabs header="气费预收款情况汇总" v-if="permission('气费预收款情况汇总')">
      <pre-gas-list v-if="show.includes('气费预收款情况汇总')"></pre-gas-list>
    </tabs>
    <tabs header="违约金情况汇总" v-if="permission('违约金情况汇总')">
      <overdue-list v-if="show.includes('违约金情况汇总')"></overdue-list>
    </tabs>
    <tabs header="气费收款情况汇总" v-if="permission('气费收款情况汇总')">
      <sellinggas-list v-if="show.includes('气费收款情况汇总')"></sellinggas-list>
    </tabs>
    <tabs header="微信收款汇总" v-if="permission('微信收款汇总')">
      <income-gap-list v-if="show.includes('微信收款汇总')"></income-gap-list>
    </tabs>
    <tabs header="气费回款率" v-if="permission('气费回款率')">
      <gas-reimbursement-rate v-if="show.includes('气费回款率')"  @deal-msg="dealMsg"></gas-reimbursement-rate>
    </tabs>
  </tab-button>

</template>

<script>
  import TabButton from "../../common/TabButton";
  import Tabs from "../../common/Tabs";

  export default {
    name: "AccountListManage",
    title: '财务查询',
    data() {
      return {// 页面开关
        // f_start_date:'',
        // f_end_date:'',
        // listpage: true,
        width: {
          left: '100%',
          right: '0%'
        },
        // searchNumber:'',
        // rowData: {},
        show: []
      }
    },
    components: {Tabs, TabButton},
    ready(){

    },
    methods: {
      cancel (obj) {
        this.listpage = true
      },
      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>
