anonymous
95 lines
2.7 KiB
Vue
95 lines
2.7 KiB
Vue
<route lang="json5">
|
|
{
|
|
style: {
|
|
navigationStyle: 'custom',
|
|
navigationBarTitleText: '股权提现',
|
|
},
|
|
}
|
|
</route>
|
|
<template>
|
|
<view class="min-h-screen pb-100">
|
|
<NavBar title-color="#333"></NavBar>
|
|
<view class="main-container w-345 h-100 mt-15 mx-auto flex p-15 items-center">
|
|
<view class="flex-1">
|
|
<view class="text-14 text-#ffffff99">可提现碧桂园股权</view>
|
|
<view class="text-20 text-white">
|
|
3521000
|
|
<text class="text-14">(股)</text>
|
|
</view>
|
|
</view>
|
|
<view class="ml-50 text-right flex-1">
|
|
<view class="text-14 text-#ffffff99">价值</view>
|
|
<view class="text-20 text-white">3521000</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="p-15 mt-30 text-18 text-#333">提现信息</view>
|
|
<view class="bg-white rounded-10 m-15 px-15" style="box-shadow: 0px 0px 10px 0px #0a44f51a">
|
|
<view class="flex items-center text-14 text-#333 py-25">
|
|
<view class="">银行卡号</view>
|
|
<input class="text-14 text-#889BC6 text-right flex-1" placeholder="请输入银行卡号" />
|
|
</view>
|
|
<view class="flex items-center text-14 text-#333 py-25">
|
|
<view class="">开户银行</view>
|
|
<input class="text-14 text-#889BC6 text-right flex-1" placeholder="请输入开户银行" />
|
|
</view>
|
|
</view>
|
|
|
|
<view
|
|
class="bg-white fixed bottom-0 left-0 right-0 px-15 py-10 shadow-[0_0_10px_rgba(10,68,245,0.1)]"
|
|
>
|
|
<view class="pb-safe">
|
|
<view
|
|
class="btn-gradient text-center text-white rounded-full text-14 px-30 py-10"
|
|
@click="onSubmit"
|
|
>
|
|
立即提现
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<WithdrawalTaxPopup ref="withdrawalTaxPopupRef" />
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import NavBar from '@/components/NavBar.vue'
|
|
import WithdrawalTaxPopup from '@/components/WithdrawalTaxPopup.vue'
|
|
import { submitWithdrawalAPI } from '@/service'
|
|
import { useUserStore } from '@/store'
|
|
import { showModal } from '@/utils'
|
|
|
|
const userStore = useUserStore()
|
|
|
|
const form = ref({
|
|
money: '',
|
|
})
|
|
|
|
const onWithdrawalDetail = () => {
|
|
uni.navigateTo({
|
|
url: '/pages-sub/withdrawal-detail/index',
|
|
})
|
|
}
|
|
const withdrawalTaxPopupRef = ref(null)
|
|
|
|
const onSubmit = async () => {
|
|
// if (!form.value.money) {
|
|
// return uni.showToast({
|
|
// title: '请输入提现金额',
|
|
// icon: 'none',
|
|
// })
|
|
// }
|
|
// await showModal('确认提现？')
|
|
// await submitWithdrawalAPI(form.value)
|
|
// await showModal('提交成功')
|
|
// onWithdrawalDetail()
|
|
withdrawalTaxPopupRef.value.onShowPopup()
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.main-container {
|
|
background-image: url('@/static/images/page-sub/withdrawal/main-bg.jpg');
|
|
background-size: 100%;
|
|
}
|
|
</style>
|