<template>
	<view class="page">
			
		<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">
					2号广告位
				</view>
			</view>
			<view class="msg_title">
				<view class="">
					轮播顺序
				</view>
				<view class="msg_body">
					4
				</view>
			</view>
			<view class="msg_title">
				<view class="">
					意向租期
				</view>
				<view class="msg_body">
					2022-02-22 10:00至2023-02-26 11:00
				</view>
			</view>
			<view class="msg_title">
				<view class="">
					合计
				</view>
				<view class="msg_body">
					2732/元/4天
				</view>
			</view>
			<view class="msg_title">
				<view class="">
					历史平均点击率
				</view>
				<view class="msg_body">
					80%
				</view>
			</view>
			<view class="msg_title">
				<view class="">
					高频时段
				</view>
				<view class="msg_body">
					18:00-22:00
				</view>
			</view>
			
			<view class="state">
				<text :class="record.state == '受理中'?'org':'green'">{{record.state}}</text>
			</view>
		</view>
	<view style="padding:0  30rpx;margin-top: 30rpx;">
		<image :src="$imgUrl('/组 18072.png')"  mode="" style="width: 100%;"></image>
	</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 'servicedetails.scss';
</style> 
