order-ui-pc/src/views/reportQuery/newReport/index.vue

<template>
  <div class="pagePadding">
    <div v-if="powers.some((i) => i == '001')">
      <el-tabs v-model="activeName">
        <el-tab-pane label="采购单情况表" name="table1">
          <table1 v-if="activeName == 'table1'" />
        </el-tab-pane>
        <el-tab-pane label="竞价单反馈情况表" name="table2">
          <table2 v-if="activeName == 'table2'" />
        </el-tab-pane>
        <el-tab-pane label="当日库存销售情况表" name="table3">
          <table3 v-if="activeName == 'table3'" />
        </el-tab-pane>
        <el-tab-pane label="待库管发货" name="table4">
          <table4 v-if="activeName == 'table4'" />
        </el-tab-pane>
        <el-tab-pane label="待采购备货" name="table5">
          <table5 v-if="activeName === 'table5'" />
        </el-tab-pane>
        <el-tab-pane label="无地址订单" name="table6">
          <table6 v-if="activeName === 'table6'" />
        </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("./components/table1.vue");
const table2 = () => import("./components/table2.vue");
const table3 = () => import("./components/table3.vue");
const table4 = () => import("./components/table4.vue");
const table5 = () => import("./components/table5.vue");
const table6 = () => import("./components/table6.vue");
export default {
  mixins: [mixinPage, resToken],
  components: { table1, table2, table3, table4, table5, table6 },
  computed: {
    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
    powers() {
      const tran =
        this.$store.getters.btnList.find((i) => i.menu_route == "newReport") || {};
      const { action } = tran ?? {};
      return action ?? [];
    },
  },
  data() {
    return {
      activeName: "table1",
    };
  },
  methods: {
    //   handleClick(tab, event) {
    //     console.log(tab, event);
    //   }
  },
};
</script>

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