<template>
    <HcTabsSimple :cur="tabsKey" :datas="tabsData" @tabClick="tabsClick">
        <template #tab-1>
            <TaskTable :table-key="tabsKey" />
        </template>
        <template #tab-2>
            <TaskTable :table-key="tabsKey" />
        </template>
        <template #tab-3>
            <TaskTable :table-key="tabsKey" />
        </template>
        <template #tab-4>
            <TaskTable :table-key="tabsKey" />
        </template>
    </HcTabsSimple>
</template>

<script setup>
import { ref, watch } from 'vue'
import TaskTable from '../components/TaskTable.vue'


//选项卡
const tabsKey = ref('1')
const tabsData = ref([
    { icon: 'time', label: '待办任务', key: '1' },
    { icon: 'calendar-check', label: '已办任务', key: '2' },
    { icon: 'user-shared', label: '我发起的任务', key: '3' },
    { icon: 'user-received', label: '抄送给我的', key: '4' },
])

const tabsClick = (key) => {
    tabsKey.value = key
}
</script>

<style lang="scss" scoped>

</style>

<style lang="scss">

</style>
