<template>
    <HcTabsSimple :cur="tabsKey" :datas="tabsData" @tabClick="tabsClick">
        <template #tab-user>
            <TaskTable :tableKey="tabsKey"/>
        </template>
        <template #tab-links>
            <TaskTable :tableKey="tabsKey"/>
        </template>
        <template #tab-all>
            <TaskTable :tableKey="tabsKey"/>
        </template>
    </HcTabsSimple>
</template>

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

//选项卡
const tabsKey = ref('user')
const tabsData = ref([
    {icon: 'user', label: '我的计划任务', key: 'user'},
    {icon: 'links', label: '我关联的计划任务', key: 'links'},
    {icon: 'todo', label: '查看全部计划任务', key: 'all'},
])

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

</script>

<style lang="scss" scoped>

</style>

<style lang="scss">

</style>
