xiaoshi_system/src/views/home/components/tabs.vue

<template>
  <div>
    <div id="step3">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="事件" name="event">
          <eventTable :isOperate="'首页'"></eventTable>
        </el-tab-pane>
        <el-tab-pane label="专题库" name="project">
          <projectTable :isOperate="'首页'"></projectTable>
        </el-tab-pane>
        <el-tab-pane label="报告" name="report">
          <reportTable :isOperate="'首页'"></reportTable>
        </el-tab-pane>
        <el-tab-pane label="我的任务" name="task">
          <taskTable></taskTable>
        </el-tab-pane>
      </el-tabs>
    </div>
    <div>
      <el-link class="link" @click="seeMore">查看更多> > ></el-link>
    </div>
  </div>
</template>

<script>
import eventTable from '@/views/event/components/view/table.vue';
import projectTable from '@/views/project/components/view/table.vue';
import reportTable from '@/views/report/components/view/table.vue';
import taskTable from '@/views/task/components/view/table.vue';
export default {
  components: {
    eventTable,
    projectTable,
    reportTable,
    taskTable,
  },
  props: {},
  data() {
    return {
        activeName: 'event',
    };
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {},
  methods: {
    //切换tag
    handleClick() { },
    // 点击查看更多
    seeMore() {},
  },
};
</script>
<style lang="scss" scoped>
    .link {
      float: right;
      margin-top: 10px;
      color: #409EFF;
    }
</style>