<template>
    <view class="w-full relative mt-[70rpx] z-10">
        <view class="wrapper backdrop-blur-sm">
            <view class="flex items-center">
                <u-image
                    :src="userStore.userInfo.logo"
                    width="60"
                    height="60"
                    border-radius="50%"
                ></u-image>
                <view class="text-base text-white ml-2">
                    {{ userStore.userInfo.name }}
                </view>

                <view class="ml-auto mr-3 text-white" @click="toCashOutRecord">提现记录</view>
            </view>
            <view
                class="flex justify-between"
                style="margin-top: 32rpx"
            >
                <view>
                    <price
                        :content="userStore.userInfo.money"
                        main-size="72rpx"
                        minor-size="48rpx"
                        font-weight="900"
                        color="#ffffff"
                    ></price>
                    <view class="mt-1 text-base text-white font-medium">
                        当前余额(元)
                    </view>
                </view>
                <view
                    class="text-primary text-center text-xs bg-white inline"
                    style="height: 72rpx; margin-top: 30px; padding: 18rpx 28rpx; border-radius: 30px 0 0 30px;"
                    @click="toCashOut()"
                >
                    <text>我要提现</text>
                    <u-icon name="arrow-right" size="24"></u-icon>
                </view>
            </view>
        </view>
    </view>
</template>

<script lang="ts" setup>
import {useUserStore} from '@/stores/user'
import {useRouter} from "uniapp-router-next";
import { WithdrawEnum } from '@/enums/withdraw'

const router = useRouter()
const userStore = useUserStore()

const toCashOutRecord = () => {
    uni.navigateTo({
        url: `/packages/pages/cash_out_record/cash_out_record?apply_type=${WithdrawEnum.COMMISSION}`
    })
}

//提现
const toCashOut = () => {
    uni.navigateTo({
        url: `/packages/pages/cash_out/cash_out?apply_type=${WithdrawEnum.COMMISSION}`
    })
}
</script>

<style lang="scss" scoped>
.wrapper {
    height: 316rpx;
    padding: 32rpx 0 52rpx 32rpx;
    flex-shrink: 0;
    border-radius: 32rpx;
    border: 2rpx solid #ffffffcc;
    background: #ffffff4d;
    box-shadow: 0 6rpx 72rpx 0 #10653333;
    backdrop-filter: blur(48rpx);
}
</style>