<template>
    <div class="pagePadding">
    <div
      v-if=" powers.some((i) => i == '001')"
    >
        <!-- <el-tabs v-model="activeName" @tab-click="handleClick"> -->
        <el-tabs v-model="activeName">
            <el-tab-pane label="日报" name="table1"><table1 v-if="activeName == 'table1'"></table1></el-tab-pane>

            <el-tab-pane label="竞价单报表" name="table2"><table2 v-if="activeName == 'table2'"></table2></el-tab-pane>
            <el-tab-pane label="订单报表" name="table3"><table3 v-if="activeName == 'table3'"></table3></el-tab-pane>
            <el-tab-pane label="未发货报表" name="table4"><table4 v-if="activeName == 'table4'"></table4></el-tab-pane>
            <el-tab-pane label="未签收报表" name="table5"><table5 v-if="activeName == 'table5'"></table5></el-tab-pane>
            <el-tab-pane label="售后报表" name="table6"><table6 v-if="activeName == 'table6'"></table6></el-tab-pane>
            <el-tab-pane label="产品热销排行" name="table7"><table7 v-if="activeName == 'table7'"></table7></el-tab-pane>
            <!-- <el-tab-pane label="未开票报表" name="table8"><table8 v-if="activeName == 'table8'"></table8></el-tab-pane> -->
            <!-- <el-tab-pane label="订单导出表" name="table9"><table9 v-if="activeName == 'table9'"></table9></el-tab-pane> -->
            <el-tab-pane label="竞价单导出明细" name="table10"><table10 v-if="activeName == 'table10'"></table10></el-tab-pane>
            <el-tab-pane label="工差明细表" name="table11"><table11 v-if="activeName == 'table11'"></table11></el-tab-pane>
            <el-tab-pane label="退货明细表" name="table12"><table12 v-if="activeName == 'table12'"></table12></el-tab-pane>
            <el-tab-pane label="售后明细表" name="table13"><table13 v-if="activeName == 'table13'"></table13></el-tab-pane>
            <el-tab-pane label="议价明细表" name="table14"><table14 v-if="activeName == 'table14'"></table14></el-tab-pane>
            <el-tab-pane label="无地址待发货订单" name="table15"><table15 v-if="activeName == 'table15'"></table15></el-tab-pane>
            <el-tab-pane label="有地址待发货订单" name="table16"><table16 v-if="activeName == 'table16'"></table16></el-tab-pane>
            <!-- <el-tab-pane label="开票明细表" name="table17"><table17 v-if="activeName == 'table17'"></table17></el-tab-pane> -->
            <!-- <el-tab-pane label="待开票列表" name="table18"><table18 v-if="activeName == 'table18'"></table18></el-tab-pane> -->
            <!-- <el-tab-pane label="待回款列表" name="table19"><table19 v-if="activeName == 'table19'"></table19></el-tab-pane> -->
          
          
        </el-tabs>
      
    </div>
    <div v-else>
      <no-auth></no-auth>
    </div>
  </div>
</template>

<script>
import mixinPage from "@/mixins/elPaginationHandle";
import resToken from "@/mixins/resToken";
import { mapGetters } from "vuex";
//标签页组件引入
const table1 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table1")
const table2 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table2")
const table3 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table3")
const table4 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table4")
const table5 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table5")
const table6 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table6")
const table7 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table7")
const table8 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table8")
const table9 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table9")
const table10 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table10")
const table11 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table11")
const table12 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table12")
const table13 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table13")
const table14 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table14")

const table15 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table15")
const table16 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table16")
const table17 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table17")
const table18 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table18")
const table19 = ()=>import(/* webpackChunkName:'mycomp' */ "./components/table19")



export default {
mixins: [mixinPage, resToken],
components:{
    table1,
    table2,
    table3,
    table4,
    table5,
    table6,
    table7,
    table8,
    table9,
    table10,
    table11,
    table12,
    table13,
    table14,
    table15,
    table16,
    table17,
    table18,
    table19,
},

  computed: {
    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
    powers() {
      const tran =
        this.$store.getters.btnList.find(
          (item) => item.menu_route == "saleReport"
        ) || {};
      const { action } = tran ?? {};
      return action ?? [];
    },
  },
  data(){
      return {
          activeName: 'table1'
      }
  },
  methods:{
    //   handleClick(tab, event) {
    //     console.log(tab, event);
    //   }
  }
}
</script>

<style lang="scss" scoped>

</style>