<style>
</style>
<template>
  <div class="page-body">
    <q-tabs style="margin-bottom: 20px" v-model="tabCheck" narrow-indicator dense align="left" class="text-primary">
      <q-tab :ripple="false" v-for="(qitem, qindex) in tabList" :name="qitem.name" :label="qitem.label" :key="qindex" />
    </q-tabs>
    <div>
      <template v-if="tabCheck == '1'">
        <!--退课流程-->
        <backclassflow-form></backclassflow-form>
      </template>
      <template v-if="tabCheck == '2'">
        <!--调课流程-->
        <changeclassflow-form></changeclassflow-form>
      </template>
      <template v-if="tabCheck == '3'">
        <!--停课流程-->
        <stopclassflow-form></stopclassflow-form>
      </template>
      <template v-if="tabCheck == '4'">
        <!-- 转班流程 -->
        <transfer-form></transfer-form>
      </template>
      <template v-if="tabCheck == '5'">
        <!-- 临时上课邀请流程 -->
        <temporaryClass-form></temporaryClass-form>
      </template>
      <template v-if="tabCheck == '6'">
        <!-- 分拆 -->
        <separate-form></separate-form>
      </template>
      <template v-if="tabCheck == '7'">
        <!-- 请假流程 -->
        <leave-form></leave-form>
      </template>
      <template v-if="tabCheck == '8'">
        <!-- 投稿审批 -->
        <tougao-form></tougao-form>
      </template>
      <template v-if="tabCheck == '9'">
        <!-- vip课程申请 -->
        <vipcourse-form></vipcourse-form>
      </template>
      <template v-if="tabCheck == '10'">
        <!-- 课程审批 -->
        <bourseapproval-form></bourseapproval-form>
      </template>
    </div>
  </div>
</template>
<script>
  import backclassflowForm from "../../components/flow/backclassflow-form";
  import changeclassflowForm from "../../components/flow/changeclassflow-form";
  import stopclassflowForm from "../../components/flow/stopclassflow-form";
  import transferForm from "../../components/flow/transfer-form";
  import temporaryClassForm from "../../components/flow/temporaryClass-form";
  import separateForm from "../../components/flow/separate-form";
  import leaveForm from "../../components/flow/leave-form";
  import tougaoForm from "../../components/flow/tougao-form";
  import vipcourseForm from "../../components/flow/vipcourse-form";
  import bourseapprovalForm from "../../components/flow/bourseApproval-form";

  export default {
    meta: {
      title: "流程设置",
    },
    components: {
      backclassflowForm,
      changeclassflowForm,
      stopclassflowForm,
      transferForm,
      temporaryClassForm,
      separateForm,
      leaveForm,
      tougaoForm,
      vipcourseForm,
      bourseapprovalForm
    },
    data() {
      return {
        tabList: [{
            name: "1",
            label: "退课流程",
          },
          {
            name: "2",
            label: "调课流程",
          },
          {
            name: "3",
            label: "停课流程",
          },
          {
            name: "4",
            label: "转班流程",
          },
          {
            name: "5",
            label: "临时上课邀请流程",
          },
          {
            name: "6",
            label: "分拆",
          },
          {
            name: "7",
            label: "请假流程",
          },
          {
            name: "8",
            label: "投稿审批"
          },
          {
            name: "9",
            label: "vip课程申请"
          },
          {
            name: "10",
            label: "教师考评审批"
          }
        ],
        tabCheck: "1",
      };
    },
    created() {},
    mounted() {},
    methods: {},
  };
</script>