<!-- 个人班表 -->
<template>
  <div>
    <Tabs v-model="activeTab">
      <TabPane label="指定换班" name="tab1">
        <designation-shift :month-limit="monthLimit"></designation-shift>
      </TabPane>
      <TabPane label="非指定换班" name="tab2">
        <non-designation-shift :month-limit="monthLimit"></non-designation-shift>
      </TabPane>
      <TabPane label="换班消息列表" name="tab3">
        <msg-list></msg-list>
      </TabPane>
    </Tabs>
  </div>
</template>

<script>
import shiftEffectMonthLimit from '@/mixin/shiftEffectMonthLimit'
import designationShift from './tab/designation-shift'
import nonDesignationShift from './tab/non-designation-shift'
import msgList from './tab/msg-list'
export default {
  name: 'self-schedule',
  mixins: [shiftEffectMonthLimit],
  components: {
    designationShift,
    nonDesignationShift,
    msgList
  },
  data () {
    return {
      activeTab: 'tab1'
    }
  }
}
</script>

<style lang="less" scoped>
</style>
