<template>
	<view class="pay-success" v-if="!loading">
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<view class="pay-section" :class="'bg-1'">
			<image class="bg" src="/static/image/wallet/money-bg.png"></image>
			<view class="tips-wrapper">
				<text class="icon iconfont icon-xwtubiaoku-13"></text>
				<view class="content">
					<text class="title" v-if="orderDetail.applystatus=='0'">提现审核中！</text>
					<text class="title" v-if="orderDetail.applystatus=='2'">提现成功！</text>
					<view class="tip" v-if="orderDetail.applystatus=='0'">请耐心等待</view>
					<view class="tip" v-if="orderDetail.applystatus=='2'">感谢您的使用</view>
				</view>
			</view>
		</view>
		<view class="pay-card">
			<view class="pay-card-money">￥{{ orderDetail.applyamount }}</view>
			<view class="item"><text class="tit">订单编号：</text>{{ orderDetail.applyno }}</view>
			<view class="item"><text class="tit">申请时间：</text>{{ orderDetail.createtime}}</view>
			<view class="item" v-if="orderDetail.applystatus=='2'"><text class="tit">到账时间：</text>{{ orderDetail.paytime }}</view>
			<view class="item"><text class="tit">提现账户：</text>{{ orderDetail.accountno }}</view>
			<view class="item"><text class="tit">提现银行：</text>{{ orderDetail.bankname }}</view>
			<view class="item" v-if="orderDetail.applytype=='A'"><text class="tit">提现类型：</text>账户余额提现</view>
			<view class="item" v-if="orderDetail.applytype=='B'"><text class="tit">提现类型：</text>推广佣金提现</view>
		</view>
		<view class="btn-group">
			<button class="confirm-btn main-bg-color" :class="'bg-1'" @tap="toHome">返回首页</button>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			loading: false,
			orderId: '',
			orderDetail: {} 
		};
	},
	onLoad() {
		const eventChannel = this.getOpenerEventChannel()
		// 监听acceptData事件，获取上一页面通过eventChannel传送到当前页面的数据
		eventChannel.on('acceptData', (data) => {
			if (!!data) {
				this.orderDetail = data.item;//车辆信息

			}
		})
	},
	methods: {
		// 返回主页
		toHome() {
			this.navigate({
				url: '/pages/index/index'
			},'reLaunch',true)
		}
	}
};
</script>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
page {
	background-color: #f5f5f5;
}
.bg-1{
	background-color: $themeColor;
	color: #FFFFFF;
}
.pay-success {
	.pay-section {
		height: 400upx;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		.bg {
			position: absolute;
			left: 0;
			top: 0;
			width: 100vw;
			height: 60vw;
		}
		.tips-wrapper {
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			.iconfont {
				font-size: 110upx;
				margin-right: 20upx;
			}
			.content {
				.title {
					font-size: 36upx;
				}
				.tip {
					font-size: 26upx;
				}
			}
		}
	}
	.pay-card {
		width: 90%;
		height: 620upx;
		background-color: #fff;
		border-radius: 12upx;
		margin: -80upx 5% 0;
		box-shadow: 0upx 5upx 25upx rgba(0, 0, 0, 0.05);
		.pay-card-money {
			text-align: center;
			font-size: 44upx;
			padding: 20upx 0;
			color: #000;
			font-weight: 500;
			border-bottom: 1upx solid rgba(0, 0, 0, 0.05);
		}
		.item {
			height: 80upx;
			line-height: 80upx;
			margin-left: 30upx;
			color: #303133;
			.tit {
				color: #909399;
			}
		}
	}
	.btn-group {
		padding: 60upx 30upx 0;
		.confirm-btn {
			margin-top: 30upx;
		}
	}
}
</style>
