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

    },
    methods: {

    }
  }

</script>
