<template>
	<view class="pages">
		<u-navbar title="收支详情" :border-bottom="false" :background="bgc" back-icon-color="#3D3D3D" title-color='#3D3D3D'
			title-size='36' height='44'></u-navbar>
         
		 <view class="rxdetail">
		 	<view class="top">
		 		收支详情
		 	</view>
			<view class="xiao">
				<view>提现人</view> <view>{{detailobj.userName == undefined ? '--' : detailobj.userName}}</view>
			</view>
			<view class="xiao">
				<view>手机号</view> <view>{{detailobj.userMobile == undefined ? '--' : detailobj.userMobile}}</view>
			</view>
			<view class="xiao">
				<view>提现金额</view> <view>{{detailobj.money == undefined ? '--' : '￥' + detailobj.money}}</view>
			</view>
			<view class="xiao">
				<view>手续费</view> <view>￥{{detailobj.serviceCharge == undefined ? '--' : detailobj.serviceCharge}}</view>
			</view>
			<view class="xiao">
				<view>到账金额</view> <view>￥{{(detailobj.arrivalAmount == undefined || detailobj.serviceCharge == undefined) ? '--' : ((Number(detailobj.arrivalAmount) - Number(detailobj.serviceCharge)).toFixed(2))}}</view>
			</view>
			<!-- <view class="xiao">
				<view>提现总额</view> <view>￥8923.00</view>
			</view> -->
			<view class="xiao">
				<view>账户余额</view> <view>{{detailobj.afterBalance == undefined ? '--' : '￥' + detailobj.afterBalance}}</view>
			</view>
			<view class="xiao">
				<view>提现时间</view> <view>{{detailobj.createTime == undefined ? '--' : detailobj.createTime}}</view>
			</view>
			<view class="xiao">
				<view>订单编号</view> <view>{{detailobj.billNo == undefined ? '--' : detailobj.billNo}}</view>
			</view>
			<view class="xiao">
				<view>审核状态</view>  
				<view v-if="detailobj.status == 11">
	                    审核中
				</view>
				<view v-if="detailobj.status == 12">
				        审核通过
				</view>
	            <view v-if="detailobj.status == 13">
	                    已拒绝
	            </view>
                <view v-if="detailobj.status == 14">
                        已打款
                </view>
				<view v-if="detailobj.status == 15">
				        打款失败
				</view>
		        <view v-if="detailobj.status == 16">
		                打款中
		        </view>
			</view>
			<view class="xiao">
				<view>提现类型</view> <view>{{detailobj.channelName}}</view>
			</view>
		 </view>
		 
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgc: {
					// backgroundColor: "#8883f0",
				}, 
				id:'',
				detailobj:{}
			}
		},
		onLoad(option) {
            this.id = option.id
			this.getxq()
		},
		// 分享到好友（会话）
		onShareAppMessage: function() {
			return {
				title: '创亿康',
				path: '/pages/index/index'
			}
		},

		// 分享到朋友圈  
		onShareTimeline: function() {
			return {
				title: '创亿康',
				query: '',
				path: '/pages/index/index'
			}
		},
		methods: {
            // 请求详情
			getxq(){
				this.$u.get(`/mch/withdraw/${this.id}`).then(res =>{
					if(res.code == 200){
						this.detailobj = res.data
					}
				})
			}

		}
	}
</script>

<style lang="scss" scoped>
	/deep/ .u-title {
		padding-bottom: 15rpx;
	}

	/deep/ .u-icon__icon {
		padding-bottom: 15rpx;
	}

	.pages {
		background-color: #F7FAFE !important;
		height: 100vh;
		width: 100%;
		.rxdetail{
			width: 672rpx;
			height: 718rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0,0,0,0.07);
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			margin: auto;
			margin-top: 32rpx;
			padding: 24rpx 28rpx;
			box-sizing: border-box;
			.top{
				font-size: 28rpx;
				color: #3D3D3D;
				font-weight: 600;
				border-bottom: 1px solid #D8D8D8;
				padding-bottom: 20rpx;
				box-sizing: border-box;
			}
			.xiao{
				display: flex;
				justify-content: space-between;
				margin-top: 28rpx;
				font-size: 24rpx;
				color: #3D3D3D;
			}
		}
	}

</style>