You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.9 KiB
61 lines
1.9 KiB
<template>
|
|
<div>
|
|
|
|
<!-- 搜索框与表格部分 -->
|
|
<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-20 px-10">
|
|
<NuxtLink to="/Initiate-application">
|
|
<van-button type="primary" size="small" 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" size="small" 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>
|
|
|