<template>
    <HcTabsSimple :cur="tabsKey" :datas="tabsData" @tabClick="tabsClick">
        <template #tab-pricetype>
            <TabPriceType :cur="tabsKey" :type="1"/>
        </template>
        <template #tab-tasktype>
            <TabTaskType :cur="tabsKey" :type="2"/>
        </template>
        <template #tab-price>
            <TabPrice :cur="tabsKey" :type="3"/>
        </template>
        <template #tab-reimbursement>
            <TabReimbursement :cur="tabsKey" :type="4"/>
        </template>
        <template #tab-cost>
            <TabCost :cur="tabsKey" :type="5"/>
        </template>
        <template #tab-approve>
            <TabApprove :cur="tabsKey" :type="6"/>
        </template>
        <template #tab-other>
            <TabOther :cur="tabsKey" :type="11"/>
        </template>
    </HcTabsSimple>
</template>

<script setup>
import {ref, watch, onMounted} from "vue";
import TabPriceType from "./components/tab-pricetype.vue";
import TabTaskType from "./components/tab-tasktype.vue";
import TabPrice from "./components/tab-price.vue";
import TabReimbursement from "./components/tab-reimbursement.vue";
import TabCost from "./components/tab-cost.vue";
import TabApprove from "./components/tab-approve.vue";
import TabOther from './components/tab-other.vue'


//类型处理
const tabsKey = ref('pricetype')
const tabsData = ref([
    {icon: 'bar-chart-box', label: '财务费用字典', key: 'pricetype'},
    {icon: 'tools', label: '任务类型字典', key: 'tasktype'},
    {icon: 'sun-cloudy', label: '岗位类型字典', key: 'price'},
    {icon: 'sun-cloudy', label: '报销类型字典', key: 'reimbursement'},
    {icon: 'sun-cloudy', label: '成本测算类型', key: 'cost'},
    {icon: 'sun-cloudy', label: '审批流程', key: 'approve'},
    {icon: 'sun-cloudy', label: '其他', key: 'other'},
   
])
//渲染完成
onMounted(() => {

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


</script>

<style lang="scss" scoped>

</style>

<style lang="scss">

</style>
