<template>
	<view class="page">
		<!-- 记录列表 -->
		<view class="record-list">
			<view class="good-item">
				<view class="img">
					<u-image width="100%" height="100%" :src="$imgUrl('/img/2.jpg')"></u-image>
				</view>
				<view class="info">
					<view class="title">这里有标题这里有标题这里有...</view>
					<view class="info-item" style="margin-bottom: 30rpx;">
						<u-tag text="标签标签" type="success" size="mini"/>
						<u-tag text="标签标签" type="success" size="mini"/>
					</view>
					<view class="info-item" style="margin-bottom: 24rpx;">
						<u-image :showLoading="true" src="/static/images/location-icon.png" width="20rpx" height="20rpx"></u-image>
						<text>这里有地址这里有地址这里...</text>
					</view>
					<view class="info-item">
						<text style="padding-right: 20rpx;">租金：<span>￥1067/月</span></text>
						<text>面积：<span>81/m²</span></text>
					</view>
				</view>
			</view>
		</view>
		<view class="msglist">
			<!-- 租赁详情 -->
			<view class="form-item">
				<view class="label">申请时间</view>
				<text>2022-02-22 14:00</text>
			</view>
			<view class="form-item">
				<view class="label">申请状态</view>
				<text>申请中</text>
			</view>
			<view class="form-item">
				<view class="label">经营用途</view>
				<text>火锅店</text>
			</view>
			<view class="form-item">
				<view class="label">意向租期</view>
				<text>2022-03-22 至 2024-02-22</text>
			</view>
			<view class="form-item">
				<view class="label">经营主体</view>
				<text>企业</text>
			</view>
			<!-- 广告显示 -->
			<view class="form-item" label-top>
				<view class="label">广告图片</view>
				<view class="img">
					<u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image>
				</view>
			</view>
		</view>
		<view class="msglist">
			<view class="form-item">
				<view class="label">经营者姓名</view>
				<text>张三</text>
			</view>
			<view class="form-item">
				<view class="label">证件类型</view>
				<text>身份证</text>
			</view>
			<view class="form-item">
				<view class="label">身份证号码</view>
				<text>1646448898498</text>
			</view>
			<view class="form-item">
				<view class="label">身份证有效期</view>
				<text>2022-03-22 至 2024-02-22</text>
			</view>
			<view class="form-item" label-top>
				<view class="label">身份证照片</view>
				<view class="deom-box">
					<view class="img-deom">
						<u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image>
					</view>
					<view class="img-deom">
						<u-image width="304rpx" height="182rpx" src="/static/images/back-icon.png"></u-image>
					</view>
				</view>
			</view>
			<view class="form-item" label-top>
				<view class="label">企业授权书</view>
				<view class="img">
					<u-image width="304rpx" height="182rpx" src="/static/images/front-icon.png"></u-image>
				</view>
			</view>
		</view>
		<view style="height: 180rpx;" v-if="record.state == '已通过'"></view>
		<view class="footbtn" v-if="record.state == '已通过'">
			<view class="info-total">
				<view>租期：<span>2年</span></view>
				<view>租金：<span>1067/月</span></view>
				<view>合计：<span>10,646.00元</span></view>
			</view>
			<view class="footer-btn">
				<u-button type="primary" shape="circle">查看合同</u-button>
				<u-button type="success" shape="circle">立即支付</u-button>
			</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> 
