<template>
    <div class="p-4">
        <!-- 资产卡片 -->
        <div class="bg-white bg-opacity-80 shadow-lg rounded-xl p-6 mb-6">
            <div class="flex justify-between items-center">
                <span class="text-xl text-gray-900 font-semibold">可提现金额</span>
                <span class="text-3xl text-blue-500 font-bold">¥ 0.0</span>
            </div>
            <div class="mt-2 text-sm text-gray-600">累计收益：¥ 0.0</div>
            <div class="mt-6 grid grid-cols-3 gap-4">
                <van-button type="primary" round icon="after-sale" @click="withDraw">前往提现</van-button>
                <van-button type="primary" round icon="todo-list-o">提现记录</van-button>
                <van-button type="primary" round icon="balance-list-o">收入明细</van-button>
            </div>
        </div>

        <!-- 销售金额 -->
        <div class="bg-white bg-opacity-80 shadow-lg rounded-xl p-6 mb-6">
            <div class="flex justify-between items-center">
                <span class="text-lg text-gray-900">销售金额</span>
                <span class="text-xl text-blue-500">¥ 0</span>
            </div>
            <div class="mt-2 text-sm text-gray-600">累计销售 0 分</div>
        </div>

        <!-- 邀请下级收益 -->
        <div class="bg-white bg-opacity-80 shadow-lg rounded-xl p-6 mb-6">
            <div class="flex justify-between items-center">
                <span class="text-lg text-gray-900">邀请下级收益</span>
                <span class="text-xl text-blue-500">¥ 0</span>
            </div>
            <div class="mt-2 text-sm text-gray-600">累计邀请 1 位</div>
        </div>

        <!-- 收益统计 -->
        <div class="bg-white bg-opacity-80 shadow-lg rounded-xl p-6 mb-6">
            <div class="flex justify-between items-center">
                <span class="text-lg text-gray-900">收益统计</span>
            </div>
            <div class="mt-4 flex justify-between items-center">
                <button class="bg-blue-500 text-white px-6 py-2 rounded-lg shadow-md">
                    近7天
                </button>
                <button class="bg-gray-300 text-gray-700 px-6 py-2 rounded-lg shadow-md">
                    近1个月
                </button>
            </div>
            <div class="mt-6 text-xl text-gray-900">近7天累计收益：¥ 0.00 元</div>
        </div>
    </div>
</template>

<script setup>
const router = useRouter()
const withDraw = () => {
    router.push({ name: "withdraw" })
}
</script>

<style scoped>
/* 在这里你可以添加额外的样式 */
</style>