<template>
<div>
    <van-nav-bar
      title="资源管理"
      left-arrow
      @click-left="onClickLeft"
  />
  <van-tabs v-model:active="active" shrink line-width="60px" color="#59B4FF" title-active-color="#59B4FF">
  <van-tab title="财务管理">
    <!-- 财务管理页面 -->
    <div class="mt-5 bg-white p-4">
      <div>
        <span class="text-base font-semibold text-gray-500 font-semibold">财务管理</span>
        <span class="text-sm text-gray-400 ml-2">对项目预算、奖金进行配置</span>
      </div>
      <Search />
      <FinanceManage />
    </div>
    <!-- 财务管理页面 -->
    <div class="mt-5 bg-white p-4">
      <div>
        <span class="text-base font-semibold text-gray-500 font-semibold">财务审批</span>
        <span class="text-sm text-gray-400 ml-2">对员工提交的申请进行审批</span>
      </div>
      <Search />
      <FinanceExamine />
    </div>
  </van-tab>
  <van-tab title="角色管理">角色管理</van-tab>
  <van-tab title="任务管理">任务管理</van-tab>
  <van-tab title="成员管理">成员管理</van-tab>
</van-tabs>

</div>

</template>

<script>
export default {
  layout: 'default',
};
</script>

<script setup>
import {ref} from 'vue'
const active = ref(0);


function onClickLeft(){
  console.log('返回上一页')
}

</script>

<style lang="less">
.van-nav-bar__content{
  background-color:#eee
}
.van-icon-arrow-left:before{
  color: #000;
}

</style>
