<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>
    </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";
export default {
  meta: {
    title: "流程设置",
  },
  components: {
    backclassflowForm,
    changeclassflowForm,
    stopclassflowForm,
    transferForm,
    temporaryClassForm,
    separateForm,
    leaveForm,
  },
  data() {
    return {
      tabList: [
        {
          name: "1",
          label: "退课流程",
        },
        {
          name: "2",
          label: "调课流程",
        },
        {
          name: "3",
          label: "停课流程",
        },
        {
          name: "4",
          label: "转班流程",
        },
        {
          name: "5",
          label: "临时上课邀请流程",
        },
        {
          name: "6",
          label: "分拆",
        },
        // {
        //   name: "7",
        //   label: "请假流程",
        // },
      ],
      tabCheck: "1",
    };
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>
