<template>
	<view class="content">
	   <navigation>
		   withdrawal Record
	 <!--   <view class="bread" slot="bread">
	    	<image src="../../../../static/promo/nav_icon_more@2x.png" mode="" @click="invMore=true"></image>
	    </view> -->
	   </navigation>
	   <!-- -->
	   <view class="record_body">
	   	<view class="record_item flex"  v-for="(item,index) in record_list" :key="item.id">
	   		<view class="numcon flex">
	   		    <view class="num">
	   		    	<view class="rec">
	   		    		{{currencySymbol}}{{item.tranAmt}}
						
	   		    	</view>
	   				<view class="cpay">
	   					{{item.acctName}}
	   				</view>
					<view class="cpay">
						{{item.createTime}}
					</view>
	   		    </view>
	   		</view>
			
	   		<view class="time">
			<view class="wait">
			    Wait
			</view>
	   		   <view>
	   		      {{item.orderNo}}
	   		   </view>
	   		</view>
	   	</view>
	   </view>
	   
	   <view class="invite-more" v-show="invMore">
	      		<view class="invite-con">
	      		<view class="more-a" @click="goBouns">
	      			transactions record
	      		</view>
	      		<view class="more-a"  @click="goProRe">
	      			withdrawl record
	      		</view>
	      		<view class="more-a"  @click="gow()">
	      			withdrawl
	      		</view>
	      					</view>
	      					<view class="invite-con2">
	      						<view class="more-a" @click="invMore=false,msShow=false">
	      							cancel
	      						</view>
	      					</view>
	      	</view>
	        <view class="msg-box-bg"  v-show="invMore">
	   </view>
	   <tab-bar :selectActive="5"></tab-bar>
	</view>
	
</template>

<script>
	import api from '@/utils/api'
	import utils from '@/utils'
	import cont from "@/components/navigation/navigation.vue"
	import index from '@/utils/index'
	export default{
		data(){
			return{
			pageNumber:1,
			pageSize:20,
			record_list:[],
			invMore:false,
				}
			},
		
	onLoad() {
		this.currencySymbol=uni.getStorageSync('siteInfo').currencySymbol;
		const post = api.withdrawList({
				"ticket": uni.getStorageSync('logInfo').data,
				"pageNumber":this.pageNumber,
				"pageSize":this.pageSize,
			})
			post.then(res => {
				if(res.data.content){
					this.record_list=res.data.content;
					for(var i=0;i<this.record_list.length;i++){
				this.record_list[i].createTime=index.formatyymmddhhmmss(this.record_list[i].createTime);
				this.record_list[i].tranAmt=parseFloat(this.record_list[i].tranAmt).toFixed(2)
						}
				}
		
		
				})
				.catch(e => {
					uni.showToast({
						title: e,
						icon: 'none',
						duration: 2500
					})
				})
		
		
		

	

		
	},
	methods:{
		gow(){
			uni.navigateTo({
				url:'../index'
			})
		},
		goBouns(){
			uni.navigateTo({
				url:'./transactions/index'
			})
		},
		goProRe(){
			uni.navigateTo({
				url:'./withdrawlRecord/index'
			})
		},
goBalance(){
	uni.navigateTo({
		url:'../index'
	})
}
			
	},

	}
</script>

<style>
	.wait{
		color: #303133;
		margin-bottom: 20rpx;
		text-align: right;
	}
	.invite-more{
		width: 750rpx;
	height: 480rpx;
	background: #FFFFFF;
	border-radius: 48rpx 48rpx 0px 0px;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	}
	.more-a{
		text-transform: capitalize;
		font-size: 32rpx;
		color: #303133;
		text-align: center;
		line-height: 108rpx;
	}
	.invite-con{
		padding: 24rpx 0;
	}
	.invite-con2{
		background-color: #F5F7FA;
	}
	.msg-box-bg {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    left: 0;
	    top: 0;
	    z-index: 1001;
	 background-color: rgba(0,0,0,.5);
	}
	.content{
		position: relative;
	}
.bread image{
	width: 28rpx;
	height: 24rpx;
	position: absolute;
	right: 36rpx;
	top: 50%;
	transform: translateY(-50%);
}
.record_body{
	padding: 0 36rpx;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.record_item{
	height: 144rpx;
	margin-bottom: 30rpx;
}
.numcon .img1{
	width: 40rpx;
	height: 40rpx;
}

.rec{
	color: #303133;
	font-size: 32rpx;
}
.cpay{
	color: #909399;
	font-size: 28rpx;
}
.time{
	color: #909399;
	font-size: 28rpx;
}
</style>
