<template>
	<view class="">
		<view class="pay_li" v-for="(item,index) in list" :key="index" @click="toPayDetail(item)">
			<view class="recostatus" v-if="item.check_status == 0"><span>待审核</span></view>
			<view class="recostatus" v-if="item.check_status == 1"><span>审核中</span></view>
			<view class="recostatus" v-if="item.check_status == 2"><span>审核通过</span></view>
			<view class="recostatus" v-if="item.check_status == 3"><span>审核未通过</span></view>
			<view class="recostatus" v-if="item.check_status == 4"><span>已撤回</span></view>
			<view class="pay_num">回款编号：{{item.number}}</view>
			<view class="litext">关联合同：{{item.contract.name}}</view>
			<view class="litext">回款方式：{{item.return_type}}</view>
			<view class="litext">回款金额：{{item.money}}</view>
			<view class="litext">回款日期：{{item.return_time}}</view>
		</view>
		<u-empty v-if="list.length == 0" text="暂无更多"></u-empty>
	</view>
</template>

<script>
	
	export default{
		props:{
			list:{
				type:Array,
				default:[]
			}
		},
		data() {
			return{
				
			}
		},
		methods:{
			toPayDetail(item) {
				uni.navigateTo({
					url:'/pagesB/contract/paymentDetail?id='+item.id
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.pay_li{
		width:690rpx;
		background:#fff;
		border-radius: 20rpx;
		padding:30rpx;
		margin:0 auto 24rpx;
		position: relative;
		.recostatus{
			background:$uni-text-color-opcity;
			border-radius: 5rpx;
			font-size: 26rpx;
			color: $uni-text-color;
			padding: 5rpx 12rpx;
			position: absolute;
			right:24rpx;
			top:24rpx;
		}
		.pay_num{
			padding-bottom:14rpx;
			border-bottom:1rpx solid #f5f5f5;
			font-size:28rpx;
			color:#000;
			margin-bottom:14rpx;
		}
		.litext{
			font-size:24rpx;
			color:#666;
			margin-bottom:10rpx;
		}
	}
</style>