<template>
  <!-- 约课课表 -->
  <div class="ykkbManage">
    <div class="tabDiv">
      <el-tabs v-model="activeTab" class="demo-tabs">
        <el-tab-pane v-for="(item, index) in tabData" :key="index" :label="item.label" :name="item.name"></el-tab-pane>
      </el-tabs>
    </div>
    <div class="tabContent">
      <ms-list v-show="activeTab==1"></ms-list>
      <xx-list v-show="activeTab==2"></xx-list>
    </div>
  </div>
</template>

<script setup>
import MsList from "./components/MsList.vue";
import XxList from "./components/XxList.vue";
import { ref } from "vue";
const activeTab = ref("1");
const tabData = [
  {
    name: "1",
    label: "名师课表",
  },
  {
    name: "2",
    label: "学校课表",
  }
];
</script>

<style lang="scss" scoped>
.ykkbManage {
  height: calc(100vh - 50px - 2rem);
  .tabContent {
    height: calc(100% - 54px);
  }
}
</style>