<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>
    <DutySetting v-if="tabCheck=='second'"></DutySetting>
    <ClassListManagement v-if="tabCheck=='third'"></ClassListManagement>
  </div>
</template>
<script>
  import DutyItemManagement from "../../components/duty/dutyItemManagement"
  import DutySetting from "../../components/duty/dutySetting"
  import ClassListManagement from "../../components/duty/classListManagement"
  export default {
    meta: {
      title: "值班管理"
    },
    components: {
      DutyItemManagement,
      DutySetting,
      ClassListManagement
    },
    data() {
      return {
        tabCheck: 'first',
      }
    },
    mounted() {},
    methods: {
      tabChange() {

      },
    }
  }

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