<style>

</style>
<template>
  <div class="page-body">
    <q-tabs style="margin-bottom:20px;" v-model="tabCheck" @input="tabChange()" narrow-indicator dense align="left"
      class="text-primary">
      <q-tab :ripple="false" name="first" label="值班事项管理" />
      <q-tab :ripple="false" name="second" label="设置" />
      <q-tab :ripple="false" name="third" label="班次管理" />
    </q-tabs>
    <DutyItemManagement v-if="tabCheck=='first'"></DutyItemManagement>
    <Set v-if="tabCheck=='second'"></Set>
    <ClassListManagement v-if="tabCheck=='third'"></ClassListManagement>
  </div>
</template>
<script>
import DutyItemManagement from "../../components/duty/dutyItemManagement"
import Set from "../../components/duty/setting"
import ClassListManagement from "../../components/duty/classListManagement"
  export default {
    meta: {
      title: "值班管理"
    },
    components: {
    DutyItemManagement,
    Set,
    ClassListManagement
    },
    data() {
      return {
        tabCheck: 'first',
      }
    },
    mounted() {
    },
    methods: {
      tabChange() {

      },
    }
  }

</script>
<style lang="sass">
 @import url('~assets/css/table.sass')

</style>

