<template>
  <div>
    <a-tabs v-model="activatedTab" type="card" style="height: 100%;">
      <a-tab-pane v-for="tab in tabsForOver" :key="tab.value" :tab="tab.label">
        <component :is="activatedTab" style="height: 100%;" :key="tab.value"/>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
import overdueAppeal from './overdueAppeal.vue';
import overdueList from './overdueList.vue';
export default {
  components: {
    overdueAppeal,
    overdueList,
  },
  props: [],
  data() {
    return {
      activatedTab: 'overdueAppeal',
      tabsForOver: [
        {
          value: 'overdueAppeal',
          label: '待审核申诉',
        },
        {
          value: 'overdueList',
          label: '超期申诉列表',
        },
      ],
    };
  },
  created() {},
  methods: {
    handleTabClick(tab, event) {
      this.activatedTab = tab.name;
    },
  },
};
</script>

<style lang='less' scoped>

</style>
