<template>
	<view class="page">
		<view class="screen-list">
			<view>记录查询</view>
			<view class="list">
				<text>租赁申请记录</text>
				<image :src="$imgUrl('/down.png')" ></image>
			</view>
		</view>
		<!-- 记录列表 -->
		<view class="record-list">
			<view class="record-list-box" v-for="(item,index) in recordList" :key="index" @click="recordXq(item)">
				<view class="list">
				<view class="title-date">
					<view class="date">
						<text>租赁资源名称：{{item.recordName}}</text>
					</view>
					<view class="date">
						<text>承租人姓名：{{item.porName}}</text>
					</view>
					<view class="date">
						<text>提交时间：{{item.tTime}}</text>
					</view>
					<view class="date">
						状态：<text :class="item.state == '受理中'?'org':'green'">{{item.state}}</text>
					</view>
				</view>
				<view class="integral">
					<image :src="$imgUrl('/right2.png')"></image>
				</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				recordList:[
					{
						recordName:'这里有名称这里有名称',
						porName:'徐丽',
						tTime:'2022-02-22 12：00：00',
						state:'受理中'
					},
					{
						recordName:'这里有名称这里有名称',
						porName:'徐丽',
						tTime:'2022-02-22 12：00：00',
						state:'已通过'
					}
				]
			};
		},
		methods: {
			recordXq(item){
				 const encodedItem = encodeURIComponent(JSON.stringify(item));
				uni.navigateTo({
				 url: `/pages/accepting/accepting?item=${encodedItem}`,
				 })
			},
			contractdetail(){
				// uni.navigateTo({
				
				// })
			}
		}
	}
</script>

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