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

    },
    methods: {

    }
  }

</script>
