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

<template>
    <div class="pagePadding">
    <div
      v-if="powers && powers.length > 0 && powers.some((item) => item == '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() {
      let tran =
        this.$store.getters.btnList.find(
          (item) => item.menu_route == "sellOutOrder"
        ) || {};
      if (tran && tran.action && tran.action.length > 0) {
        return tran.action;
      } else {
        return [];
      }
    },
  },
  data(){
      return {
          activeName: 'table1'
      }
  },
  methods:{
    //   handleClick(tab, event) {
    //     console.log(tab, event);
    //   }
  }
}
</script>

<style lang="scss" scoped>

</style>