<template>
  <div class="main-container">
    <el-tabs v-model="activeName">
      <el-tab-pane label="请假处理" name="first" lazy class="wrapper">
        <TUntreated />
      </el-tab-pane>
      <el-tab-pane label="销假处理" name="second" lazy class="wrapper">
        <TXUntreated />
      </el-tab-pane>
      <el-tab-pane label="已处理" name="third" lazy>
        <TProcessed />
      </el-tab-pane>
    </el-tabs>
    <el-backtop target=".main-container" :visibility-height="100" />
  </div>
</template>

<script>
import TUntreated from "./components/tUntreated";
import TProcessed from "./components/tProcessed";
import TXUntreated from "./components/tXUntreated";
import TableMixin, { PageModelMixin } from "@/mixins/TableMixin";
import {
  LikeSearchMixin,
  GetDataMixin,
  RefreshActionMixin,
} from "@/mixins/ActionMixin";
export default {
  name: "TableWithSearch",
  mixins: [
    TableMixin,
    LikeSearchMixin,
    GetDataMixin,
    PageModelMixin,
    RefreshActionMixin,
  ],
  components: {
    TUntreated,
    TProcessed,
    TXUntreated,
  },
  computed: {},
  data() {
    return {
      activeName: "first",
    };
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style>
</style>
