<template>
	<view class="page">
		<!-- 记录列表 -->
		<view class="record-list">
			<view class="good-item">
				<view class="img">
					<u-image width="100%" height="100%" :src="record.cereBasicInformationShop&&record.cereBasicInformationShop.displayMainImage?record.cereBasicInformationShop.displayMainImage:record.cereBasicInformationVenue&&record.cereBasicInformationVenue.displayImage?record.cereBasicInformationVenue.displayImage:record.cereAdvertisingInformation&&record.cereAdvertisingInformation.locationDiagram?record.cereAdvertisingInformation.locationDiagram:''"></u-image>
				</view>
				<view class="info">
					<view class="title">{{
						record.cereBasicInformationShop&&record.cereBasicInformationShop.shopName?record.cereBasicInformationShop.shopName:record.cereBasicInformationVenue&&record.cereBasicInformationVenue.venueName?record.cereBasicInformationVenue.venueName:record.cereAdvertisingInformation&&record.cereAdvertisingInformation.advertisingName?record.cereAdvertisingInformation.advertisingName:''}}</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;" v-if="!record.advertisingSpaceType">
						<u-image :showLoading="true"  :src="$imgUrl('/location-icon.png')"  width="20rpx" height="20rpx"></u-image>
						<text>{{
							record.cereBasicInformationShop&&record.cereBasicInformationShop.detailedLocation?record.cereBasicInformationShop.detailedLocation:record.cereBasicInformationVenue&&record.cereBasicInformationVenue.detailedLocation?record.cereBasicInformationVenue.detailedLocation:''
							}}</text>
					</view>
		<!-- 			<view class="info-item" style="margin-bottom: 24rpx;" v-if="record.advertisingSpaceType">
						<text style="padding-right: 20rpx;">广告位类型：</text>
						<text>{{record.advertisingSpaceType?record.advertisingSpaceType:''
							}}</text>
					</view>
					<view class="info-item">
						<text style="padding-right: 20rpx;" v-if="!record.advertisingSpaceType">租金：<span>￥1067/月</span></text>
						<text style="padding-right: 20rpx;" v-if="record.advertisingSpaceType">租金：<span>￥1067/天</span></text>
						<text v-if="!record.advertisingSpaceType">面积：<span>81/m²</span></text>
					</view> -->
				</view>
			</view>
		</view>
		<view class="msglist">
			<!-- 租赁详情 -->
			<view class="form-item">
				<view class="label">申请时间</view>
				<text>{{record.applicationTime}}</text>
			</view>
			<view class="form-item">
				<view class="label">申请状态</view>
				<text>{{record.auditStatus == '1'?'待审核':record.auditStatus == '2'?'审核通过':record.auditStatus == '3'?'已驳回':''}}</text>
			</view>
			<view class="form-item" v-if="!record.advertisingSpaceType">
				<view class="label">经营用途</view>
				<text>{{record.businessPurpose}}</text>
			</view>
			<view class="form-item" v-if="record.advertisingSpaceType">
				<view class="label">投放时段</view>
				<text>{{record.scheduleTime}}</text>
			</view>
			<view class="form-item" v-if="record.advertisingSpaceType">
				<view class="label">链接</view>
				<text>{{record.redirectUrl}}</text>
			</view>
			<view class="form-item" v-if="record.advertisingSpaceType">
				<view class="label">广告标题</view>
				<text>{{record.adTitle}}</text>
			</view>
			<view class="form-item" v-if="!record.advertisingSpaceType">
				<view class="label">意向租期</view>
				<text>{{record.intendedLeaseTerm}}</text>
			</view>
			<view class="form-item" v-if="!record.advertisingSpaceType">
				<view class="label">经营主体</view>
				<text style="">{{record.operatingEntity}}</text>
			</view>
			<!-- 广告显示 -->
			<view class="form-item" label-top v-if="record.advertisingSpaceType">
				<view class="label">广告图片</view>
				<view class="img">
					<u-image width="304rpx" height="182rpx"   :src="record.coverImage" ></u-image>
				</view>
			</view>
		</view>
		<view class="msglist">
			<view class="form-item">
				<view class="label">经营者姓名</view>
				<text>{{record.operatorName||record.lesseeName}}</text>
			</view>
			<view class="form-item">
				<view class="label">证件类型</view>
				<text>{{record.idCardType}}</text>
			</view>
			<view class="form-item">
				<view class="label">身份证号码</view>
				<text>{{ record.idNumber || record.idCardNumber}}</text>
				<!-- <text>{{$sm4.SM4Util(record.idCardNumber) }}</text> -->
			</view>
			<view class="form-item">
				<view class="label">身份证有效期</view>
				<text>{{record.idValidStart || record.idCardValidStart}}至 {{record.idValidEnd || record.idCardValidEnd}}</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="record.idPhotoBack || record.idCardPhotoBack"></u-image>
					</view>
				</view>
			</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="record.idPhotoBack || record.idCardPhotoBack"></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="record.idPhotoFront || record.idCardPhotoFront" ></u-image>
				</view>
			</view>
			<view class="form-item" label-top>
				<view class="label">身份证反面</view>
				<view class="img">
					<u-image width="304rpx" height="182rpx" :src="record.idPhotoBack || record.idCardPhotoBack" ></u-image>
				</view>
			</view>
			<view class="form-item" label-top>
				<view class="label">企业授权书</view>
				<view class="img">
					<u-image width="304rpx" height="182rpx" :src="record.enterpriseAuthorization" ></u-image>
				</view>
			</view>
		</view>
		<view style="height: 180rpx;" v-if="record.auditStatus == '2'"></view>
		<view class="footbtn" v-if="record.auditStatus == '2'">
			<view class="info-total">
				<view >租期：<span v-if="!record.advertisingSpaceType">2年</span> <span v-if="record.advertisingSpaceType">2/天</span></view>
				<view >租金：<span v-if="!record.advertisingSpaceType">1067/月</span> <span v-if="record.advertisingSpaceType">150/天</span></view>
				<view>合计：<span>元</span></view>
			</view>
			<view class="footer-btn">
				<!-- <u-button type="primary" shape="circle">查看合同</u-button> -->
				<u-button type="success" shape="circle" @click="Zhicheck()">立即支付</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	// import {decryptedSM4} from '@/utils/rsaEncrypt.js'
	export default {
		data() {
			return {
				record:{},
				
			}
		},
		async onLoad(options) {
		    const item = JSON.parse(decodeURIComponent(options.item));
		    console.log('Received item:', item);
			this.record = item
			if(this.record.idNumber) {
				this.record.idNumber = await this.$http.sendRequest('/cereBusinessInfo/decode?str='+this.record.idNumber, 'GET',this.record.idNumber, 1).then(res => {
					console.error(res.data.data)
					return res.data.data
				})
			}
			// if(this.record.idCardNumber) {
			// 	this.record.idCardNumber = await this.$http.sendRequest('/cereBusinessInfo/decode?str='+this.record.idCardNumber, 'GET',this.record.idNumber, 1).then(res => {
			// 		console.error(res.data.data)
			// 		return res.data.data
			// 	})
			// }
		},
		methods: {
			Zhicheck(){
				let payList ={
					additional: "附加交易授权",
					backUrl: "",
					channelId: "",
					expireTime: 1800,
					finishUrl: "",
					latitude: "1",
					longitude: "1",
					orderNo: "",
					payId: "",
					payMerData: [
						{
							amount: 100,
							body: "租赁信息",
						}
					],
					payType: "Online",
					returnUrl: "",
					showBtn: "1",
					siteId: "",
					toApp: "0",
					totalAmount: 100,
					uid: "1693617316237021185",
					universalLink: ""
				}
				  const randomNumber = Math.floor(Math.random() * 10000); // 生成一个0到9999之间的随机数
				      const timestamp = new Date().getTime(); // 获取当前时间的时间戳
				      payList.orderNo = `${randomNumber}${timestamp}`
							
				payList.uid =uni.getStorageSync('shopId')
				this.$http.sendRequest('/aggregationPayment/createOrder', 'POST', payList,1).then(res => {
								uni.showModal({
									title: res.data.message,
									showCancel:false,
									success:ress => {
										uni.switchTab({
											url: '/pages/my/my'
										})
									}
								})
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import 'accepting.scss';
	text {
		text-align: right;
		word-wrap:break-word; word-break:break-all;width: 50%;line-height: 40rpx;
	}
</style> 
