<route lang="json5">
{
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '转换',
  },
}
</route>
<template>
  <view class="min-h-screen pb-100">
    <NavBar>
      <template #right>
        <image
          @click="onWithdrawalDetail"
          src="/static/images/page-sub/recharge.png"
          class="w-24 h-24"
        />
      </template>
    </NavBar>
    <view class="p-15">
      <view class="mt-15">
        <view class="flex items-center justify-between">
          <view class="text-14 text-#333">我的股数</view>
          <view class="text-12 text-#999">可转换股数：1202.45</view>
        </view>
        <view
          class="flex items-center text-14 mt-15 text-#333 p-16 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10"
        >
          <input type="number" placeholder="请输入股数" class="text-14 text-#333 flex-1" />
          <view class="text-12 text-gradient">全部</view>
        </view>
        <view class="text-12 text-#889BC6 mt-15">马尔代夫股权每股价值500元</view>
      </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="flex items-center pb-safe">
        <view
          class="btn-gradient flex-1 text-center text-white rounded-full text-14 px-30 py-10"
          @click="onSubmit"
        >
          确认转换至余额
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import NavBar from '@/components/NavBar.vue'

const onWithdrawalDetail = () => {
  uni.navigateTo({
    url: '/pages-sub/withdrawal-detail/index',
  })
}

const onSelectPayType = () => {
  uni.$once('withdrawal-type', (data: any) => {
    console.log(data)
  })
  uni.navigateTo({
    url: '/pages-sub/withdrawal-type/index?type=select',
  })
}

const onSubmit = () => {
  uni.showModal({
    title: '提示',
    content: '转换成功',
    showCancel: false,
  })
  uni.navigateBack()
}
</script>

<style scoped></style>
