<template>
	<view class="result_container flex column">

		<view class="result_body flex oneflex column ac jc">
			<uni-icons type="checkbox-filled" color="#121836" size="70"></uni-icons>
			<view class="result_type">支付成功</view>
			<view class="result_price">￥{{price}}</view>
		</view>
		<view class="result_footer">
			<view @click="footerClick" class="result_footer_botton flex ac jc">关闭</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				price: 0,
				timerData: null
			}
		},
		onLoad(e) {
			console.log(e,'===')
			this.price = e.price;
			this.id = e.id;
			this.timer()
		},
		methods: {
			timer() {
				let that = this
			setTimeout(()=>{
				uni.showToast({
					title: '即将跳转到订单详情',
					icon: 'none',
					success() {
						this.timerData = setTimeout(() => {
							uni.navigateTo({
								url: `/Order/pages/charging/index?id=${that.id}`
							})
						}, 2000)
					}
				})
			}),1000
			},
			footerClick() {
				clearTimeout(this.timerData);
				this.timerData = null;
				uni.reLaunch({
					url: '/pages/index/index'
				})
			}
		}
	}
</script>

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