<template>
	<NavBar />
	<view class="container">
		<view class="title">
			<PageTitle :title="$t('withdrawal.pageTitle')" />
		</view>
		<view class="content">
			<image src="/static/success.png" mode="aspectFit" style="width: 56px; height: 56px"></image>
			<text class="successTitle">{{ $t('withdrawal.success') }}</text>
			<text class="successDesc">{{ $t('deposit.successDesc') }}</text>
		</view>
		<view class="btns">
			<button class="btn primaryButton" type="button" :disabled="btnLoading" @click="handleContinueWithdraw">
				<image v-show="btnLoading" src="/static/loadingCircle.svg" mode="aspectFit" style="width: 16px; height: 16px"></image>
				{{ $t('withdrawal.continue') }}
			</button>
			<button class="btn secondaryButton" type="button" @click="handleTradeRecord">
				{{ $t('home.tradeRecord') }}
			</button>
		</view>
	</view>
</template>

<script>
export default {
	name: '',
	data() {
		return {};
	},
	methods: {
		handleContinueWithdraw() {
			uni.redirectTo({
				url: '/pages/capital/ibWithdraw/index'
			});
		},
		handleTradeRecord() {
			uni.redirectTo({
				url: '/pages/capital/tradeRecord/index?type=ibWithdrawal'
			});
		}
	}
};
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>
