<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>
