<template>
	<view class="page">
		
		<!-- 记录列表 -->
		<view class="record-list">
			<view class="record-list-box" >
				<view class="list">
					<view class="thumb">
						<image :src="$imgUrl('/img/2.jpg')" mode=""></image>
					</view>
				<view class="title-date">
					<view class="date">
						<text>资源名称：{{record.recordName}}</text>
					</view>
					<view class="date">
						<text>地址：这里有地址</text>
					</view>
					<view class="date">
						<text>面积：52</text>
					</view>
					<view class="date">
						100元/月
					</view>
				</view>
				<view class="integral">
					<image :src="$imgUrl('/img/right2.png')"></image>
				</view>
				</view>
				
			</view>
		</view>
		<view class="msglist">
			<view class="msg_title">
				<view class="">
					租赁人姓名
				</view>
				<view class="msg_body">
					张三
				</view>
			</view>
			<view class="msg_title">
				<view class="">
					身份证号
				</view>
				<view class="msg_body">
					1111111111111111111111111
				</view>
			</view>
			<view class="msg_title">
				<view class="">
					联系方式
				</view>
				<view class="msg_body">
					22222222222222
				</view>
			</view>
			<view class="msg_title">
				<view class="">
					意向租期
				</view>
				<view class="msg_body">
					2022-02-22至2023-02-26
				</view>
			</view>
			<view class="msg_title">
				<view class="">
					经验用途
				</view>
				<view class="msg_body">
					零售百货店
				</view>
			</view>
			<view class="msg_title">
				<view class="">
					经营类型
				</view>
				<view class="msg_body">
					个人
				</view>
			</view>
			<view class="msg_title">
				<view class="">
					身份证正反面
				</view>
				<view class="msg_body imgGroup">
					 <image :src="$imgUrl('/组 18072.png')" mode=""></image>
					 <image :src="$imgUrl('/组 18072.png')" mode=""></image>
				</view>
			</view>
			<view class="state">
				<text :class="record.state == '受理中'?'org':'green'">{{record.state}}</text>
			</view>
		</view>
		<view class="" style="padding: 0 40rpx;" v-if="record.state == '已通过'">
			<view class="" style="background-color: #3F699A;color: #fff;padding: 14rpx 0;text-align: center;font-size: 28rpx;">
				<text>点击查看签约合约</text>
			</view>
		</view>
		<view class="footbtn"  v-if="record.state == '已通过'">
			<view class="zhifu">
				<view class="" style="color: #909090;">
					合计
				</view>
				<view class="" style="font-weight: 600;">
					1896.00元/4天
				</view>
			</view>
			<view class="zhifuBtn">
				立即支付
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				record:{},
				recordList:[
					{
						recordName:'这里有名称这里有名称',
						porName:'徐丽',
						tTime:'2022-02-22 12：00：00',
						state:'受理中'
					},
					{
						recordName:'这里有名称这里有名称',
						porName:'徐丽',
						tTime:'2022-02-22 12：00：00',
						state:'已通过'
					}
				]
			};
		},
		 onLoad(options) {
		    const item = JSON.parse(decodeURIComponent(options.item));
		    console.log('Received item:', item);
			this.record = item
		  },
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	@import 'accepting.scss';
</style> 
