<template>
	<view style="background: #FFFFFF;height: 100%;">
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<view class="headers " :style="headerStyle">
			<view class="dis a-c j-start " style="padding: 0 15px;">
				<u-icon name="arrow-left"  size="40" @tap="back"></u-icon>
				<text style="margin: auto;">提现详情</text>
			</view>
		</view>
		<view style="padding:95px 16px 16px">
			<view class="assets" >
				<image v-if="MoneyData.status=='0'" src="/static/icon/Subtract.png" mode=""></image>
				<image v-if="MoneyData.status=='1'"  src="/static/icon/Vector.png" mode=""></image>
				<image v-if="MoneyData.status=='2'"  src="/static/icon/Vector (1).png" mode=""></image>
				<view  style="font-size: 16px;">{{MoneyData.status=='0'?'提现中':MoneyData.status=='1'?'已提现':'提现失败'}}</view>
				<view style="font-size: 31px;font-weight: bold;margin-top:5px">{{MoneyData.cashFee}}</view>
				<text>提现到{{MoneyData.bankAccount}}</text>
				<view style="padding: 5px;background: #F9F9F9;font-size: 14px;    text-align: left;
color: #666666;border-radius: 3px 3px 3px 3px;margin-top: 15px;">
					{{MoneyData.remark}}
				</view>
			</view>
			<view class="assets1 dis f-c j-s">
					<view class="dis j-s a-c" style="border-top: 1px solid #f2f2f2;"  v-if="MoneyData.number">
						<text>交易编号：</text>
						<text>{{MoneyData.number}}</text>
					</view>
				<!-- 	<view class="dis j-s a-c" v-if="MoneyData.remark && numList.length==2 && numList[1].processingStatusName=='2'">
						<text>驳回原因：</text>
						<text>{{MoneyData.remark}}</text>
					</view> -->
					<view class="dis j-s a-c" v-if="MoneyData.createTime">
						<text>申请时间：</text>
						<text>{{MoneyData.createTime}}</text>
					</view>
					<view class="dis j-s a-c" v-if="MoneyData.auditTime && MoneyData.status=='1'">
						<text>到账时间：</text>
						<text>{{MoneyData.auditTime}}</text>
					</view>
					<view class="dis j-s a-c" v-if="MoneyData.bankNumber">
						<text>到账账户：</text>
						<text>{{MoneyData.bankNumber}}</text>
					</view>
					<view class="dis j-s a-c" v-if="MoneyData.bankAccount">
						<text>到账银行：</text>
						<text>{{MoneyData.bankAccount}}</text>
					</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from "vuex"
	export default {
		data() {
			return {
				numList: [],
				MoneyData: {},
				promotionData: {},
				refundData: {},
				trajectoryLength: 0,
				headerStyle: {
					backgroundColor: 'transparent',
					backgroundImage: 'url("/static/背景 (1).png")',
					backgroundSize: 'cover',
					backgroundPosition: '',
					boxShadow: ''
					// 其他样式属性...
				},
			}
		},
		computed: {
			...mapState(['userInfo'])
		},
		onShow() {

		},
	async onLoad(e) {
		this.MoneyData = JSON.parse(decodeURIComponent(e.key));
	},
		onShow() {},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1, // 返回的页面数，如果是1表示返回上一页
					success: function() {}
				});
			},


		}
	}
</script>

<style lang="scss" scoped>
	.flexd {
		position: fixed;
		left: 0;
		right: 0;
	}

	.assets1 {
		width: 100%;
		height: auto;
		margin-top: 30px;
		>view {
			border-bottom: 1px solid #f2f2f2;
			font-size: 16px;
			color: #333333;
			padding: 10px;
		}
		
	}

	.assets {
		color: #333333;
		text-align: center;
		font-size: 16px;
		text{
			font-size: 13px;
			color: #666666;
		}
		image{
			display: inline-block;
			width:52px;
			height:52px
		}
	}


	.headers {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999999;
		padding-top: 40px;
		    height: 85px;
		text {
			font-size: 18px;
			font-weight: bold;
		}
	}
</style>