<template>
	<view class="graybg">
		<view  class="formBox">	
			<uni-forms ref="baseForm" :modelValue="baseFormData">
				<uni-forms-item label="姓名" required>
					<uni-easyinput disabled v-model="baseFormData.nickName" placeholder="请输入姓名" />
				</uni-forms-item>
				<uni-forms-item label="身份证" required>
					<uni-easyinput disabled v-model="baseFormData.card" placeholder="请输入身份证号码" />
				</uni-forms-item>
			</uni-forms>
			<button type="primary" @click="goPay">点击进入培训缴费</button>
		</view>
	</view>
	
	<uni-popup ref="alertPayOk" type="dialog">
		<uni-popup-dialog type="success" confirmText="确定" content="用户不存在或信息填写错误请再次核实">
		</uni-popup-dialog>
	</uni-popup>
</template>

<script setup>
	import {
		ref,getCurrentInstance
	} from 'vue';
	import {
		onLoad,
		onShow,onReady
	} from '@dcloudio/uni-app';
	import * as api from '@/common/api.js';
	const { proxy } = getCurrentInstance()	
	const app = getApp();
	const telNo = ref('');
	const alertPayOk = ref(null);
	const isActive = ref(null);
	const formData = ref({})
	const baseFormData = ref({})
	const id = ref()

	onLoad((option) => {
		id.value = option.id
		api.checkReport().then((res)=>{
			baseFormData.value = res.data
		})
	})


	function goPay(){
		let path = `/pages_hotel/hotel/hotelDetail?id=${id.value}`;
		uni.navigateTo({
			url: path
		});
	}
</script>

<style scoped>
	button{    font-size: 32rpx;    background: linear-gradient(90deg, #00C176, #3ed89b);}
	.richContent{padding: 40rpx 40rpx 100rpx;
    line-height: 1.6;
    background: #fff;}
	.richContent2{padding: 0 0 40rpx;
    line-height: 1.6;
    background: #fff;}
	
	.graybg {
		background: #f7f8fa;
		height: 100vh;
		padding: 0 0 100rpx;
		width: 100vw;
		overflow: auto;
	}

	.whitebg {
		background: #fff;
		margin-top: 15rpx;
		border-radius: 20rpx;
		margin-bottom: 90rpx;
	}

	.payBtn {
		width: 750rpx;
		line-height: 90rpx;
		height: 120rpx;
		text-align: center;
		background: #ff8124;
		color: #ffffff;
		font-size: 36rpx;
		border-radius: 20rpx 20rpx 0px 0px;
		position: fixed;
		bottom: 0;
	}

	.uni-list-cell::after {
		display: none;
	}
	.formBox{    background: #fff;
    padding: 50rpx 40rpx;
    margin: 0 30rpx;
    border-radius: 20rpx;}
</style>