<template>
	<div class="YuYueSuccess">
		<van-steps active="2" active-icon="checked" active-color="#33cdc9">
			<van-step>类型选择</van-step>
			<van-step>选择日期</van-step>
			<van-step>预约完成</van-step>
		</van-steps>
		<div class="img_k">
			<img  src="../assets/image/success.jpg"/>
			<div class="title">
				预约完成!
			</div>
			<div  style="color: #333;">
				请携带好相关证件到预定地点体检
			</div>
		</div>
		<van-button class="button" round type="default" icon="todo-list-o" @click="router.push(mainUrl)">返回首页</van-button>
	</div>
</template>

<script setup>
	import {
		ref,
		onMounted
	} from 'vue';
	import {
		useRoute,
		useRouter
	} from "vue-router"
	
	const route = useRoute()
	const router = useRouter();
	let mainUrl=ref("./applogin?userId="+sessionStorage.getItem('openid'));
</script>

<style scoped>
	.YuYueSuccess{
		height: 100vh;
		background-image: url('../assets/image/r_head2.jpg');
		background-size: 50vw;
		background-repeat: no-repeat;
		background-position: 100% 100%;
		padding: 20px;
	}
	.img_k{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 60%;
	}
	.img_k img{
		width: 200px;
	}
	.title{
		font-size: 26px;
		font-weight: 700;
		color: #33cdc9;
	}
	.button {
		width: 100%;
		margin-top: 40px;
		background-color: #33cdc9;
		color: #fff;
		border: 3px solid #e6f5fd;
	}
</style>