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

<script>
export default {
	name: '',
	data() {
		return {
			pageTitle: {
				type: String,
				required: false,
				default: this.$t('deposit.depositType.localDepositor')
			}
		};
	},
	methods: {
		handleContinueDeposit() {
			uni.redirectTo({
				url: '/pages/capital/deposit/index'
			});
		},
		handleTradeRecord() {
			uni.redirectTo({
				url: '/pages/capital/tradeRecord/index?type=deposit'
			});
		}
	},
	onLoad(params) {
		if (params.pageTitle) {
			this.pageTitle = params.pageTitle;
		}
	}
};
</script>

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