<template>
	<view>
		<view class="logs-box">
			<view class="item pass">
				<view class="item-a">
					<view class="title">充值申请已提交</view>
					<view class="price">￥{{ money }}</view>
					<view class="name">来自 {{ bankName }}({{ bankNumber }})</view>
				</view>
			</view>
			<view class="item">
				<view class="item-a">
					<image :src="ImgUrl+'xzf/icon-05.png'" class="bank-waitImg"></image></image>
					<view class="title">银行处理中</view>
				</view>
			</view>
			<view class="item">
				<view class="item-a">
					<view class="title">预计 {{ time }}前到账</view>
					<view class="name">如信息有误，资金将原路返回</view>
				</view>
			</view>
		</view>
		<view class="btn" @click="toback">我知道了</view>
	</view>
</template>

<script>
export default {
	name:"recharging",
	data() {
		return {
			ImgUrl: this.$ImgUrl,
			bankName:'',
			bankNumber:'',
			time:'',
			money:''
			
		}
	},
	onLoad(options){
		this.bankName = 	options.bankName;  		//银行名称
		this.bankNumber = 	options.bankNumber;   	//银行卡号
		this.time = 	  	options.time; 			//预计到账时间
		this.money = 		options.money; 			//到账金额

	},
	methods: {
		toback(){
			wx.navigateBack()
		}
	}
}
</script>

<style scoped>

.logs-box {
	padding:85upx  85upx 0;
	
	
}
.item {
	padding:0 70upx 70upx;
	border-left:3upx solid #DADADA;
	position: relative;
	min-height: 139upx;
}
  
.item:last-child {
	border-color:#fff;
}
.item-a {
	position: relative;
	top: -20upx;
	display: flex;
    flex-direction: column;
    width: 100%;
    line-height: 60upx;
}

.bank-waitImg {
	position: absolute;
	left: -116upx;
	top: -15upx;
	width: 92upx;
	height: 92upx;
	z-index: 2;
}
.item::after {
	content: "";
	position: absolute;
	left: -16upx;
	top: -2upx;
	width: 30upx;
	height: 30upx;
	border-radius: 50%;
	background: #DADADA;
}

.item.pass {
	border-color: #15B780;
}

.item.pass::after {
	background: #15B780;
}

.title {
	font-size: 32upx;
	font-weight: 500;
	color: #282828;
}

.price {
	font-size: 28upx;
	font-weight: 500;
	color: #999999;
}

.name {
	font-size: 28upx;
	font-weight: 500;
	color: #999999;
}

.btn {
	width: 522upx;
	height: 90upx;
	line-height: 90upx;
	text-align: center;
	font-size: 32upx;
	font-weight: 500;
	color: #15B780;
	margin: 100upx auto 0;
	border:2upx solid #15B780;
	border-radius: 8upx;
}
</style>
