partnerApp/pages/wallet/billInfo.vue

<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.auditingStatus=='2'">提现审核中！</text>
					<text class="title" v-if="orderDetail.auditingStatus=='3'">提现成功！</text>
					<!-- 	<view class="tip" v-if="orderDetail.auditingStatus=='2'">请耐心等待</view>
					<view class="tip" v-if="orderDetail.auditingStatus=='3'">感谢您的使用</view> -->
				</view>
			</view>
		</view>
		<view class="pay-card">
			<view class="pay-card-money">￥{{ orderDetail.amount.toFixed(2) }}</view>
			<view class="item"><text class="tit">订单编号：</text>{{ orderDetail.id }}</view>
			<view class="item"><text class="tit">申请时间：</text>{{ orderDetail.createTime}}</view>
			<view class="item" v-if="orderDetail.auditingStatus=='3'"><text
					class="tit">到账时间：</text>{{ orderDetail.paytime }}</view>
			<view class="item"><text class="tit">提现账户：</text>{{ orderDetail.bankNumber }}</view>
			<view class="item"><text class="tit">提现银行：</text>{{ orderDetail.bankAccount }}</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) => {
				console.log(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>