<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-8 bg-white">
            <div class="p-4 pb-0 text-gray-500 font-semibold">历史申请</div>
            <Search class="px-4 pt-0"/>
            <FinanceManage class="px-4 mt-0"/>
        </div>
        <!-- <div class="mt-8 bg-white">
          <span class="p-4 pb-0 text-gray-500 font-semibold">历史申请</span>
          <div v-if="isShow">
            <Search />
            <FinanceManage />
          </div>
          <div v-if="!isShow" class="no-data">
              暂无历史记录
          </div>

        </div> -->
        <!-- 底部提交按钮部分 -->
        <div class="mt-20">
          <NuxtLink to="/Initiate-application">
               <van-button type="primary" block>发起申请</van-button>
          </NuxtLink>
        </div>
      </van-tab>


      <van-tab title="我的奖金">
        <div class="mt-8 bg-white">
            <div class="p-4 pb-0 text-gray-500 font-semibold">奖金领取记录</div>
            <Search class="px-4 pt-0"/>
            <FinanceManage class="px-4 mt-0"/>
        </div>
        <div class="my-4 bg-white">
          <div class="text-gray-500 font-semibold m-4 py-3 border-b">待领取奖金</div>
          <div class="text-ms text-gray-400 pl-4">可领取:</div>
          <div class="w-full h-20 text-gray-400 font-semibold text-center leading-loose" v-if="!isBonus">
            暂无可领取的奖金
          </div>
          <div class="w-full h-20 text-blue-500 font-semibold text-center leading-loose text-2xl" v-if="isBonus">
            500元
          </div>
          <div class="px-8">
              <van-button type="primary" block :disabled="!isBonus" >立即领取</van-button>
          </div>

        </div>
      </van-tab>
  </van-tabs>
  </div>

</template>


<script setup>
import {ref} from 'vue'

const active = ref(0);
const isShow = ref(true);
const isBonus =ref(true)

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

</script>


<style lang="less" scoped>

</style>
