<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-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");

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

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

<style lang="scss" scoped></style>
