<template>
	<view class="font-father">

		<view class="fixed">
			<!-- <image v-if="!uni.getStorageSync('isstaffchange')" class="title-photo"
				:src="`https://www.focusnu.com/media/directive/index/blue111.png`" /> -->
			<image class="title-photo" style="width: 200rpx;height: 200rpx;"
				:src="`https://www.focusnu.com/media/directive/index/jumpImge/yuangongruzhu.png`" />

			<view style="font-size: 35rpx;font-weight: 600;margin: 30rpx 0;">
				提交成功
			</view>

			<view class="small-title">
				{{ uni.getStorageSync('isstaffchange') ? '尊敬的用户，您的个人信息变更申请已成功提交，我们将尽快为您审核，请耐心等候！' : '尊敬的用户，您的员工入驻申请已提交成功，我们已收到。审核结果将及时通知您，欢迎加入护理单元大家庭！' }},
			</view>
			<view class="normal">
				<text>
					
				</text>
			</view>
		</view>
		<view class="bottom-button" @click="jumpto">
			返回首页
		</view>
	</view>
</template>

<script setup>
	import {
		onLoad
	} from '@dcloudio/uni-app'
	import {
		reactive,
		ref
	} from 'vue';
	import {
		getMessage
	} from '@/api/loginApi.js'
	const special = ref(false);

	const jumpto = () => {
		getMessage(uni.getStorageSync("openid")).then(res => {
			uni.setStorageSync('tel', res.result.tel);
			uni.setStorageSync('token', res.result.token);
			uni.setStorageSync('serverUrl', res.result.serverUrl);
			uni.setStorageSync('platId', res.result.platId);
			uni.setStorageSync('izJg', res.result.izJg);
			uni.setStorageSync('izJs', res.result.izJs);
			uni.setStorageSync('izYg', res.result.izYg);
			uni.reLaunch({
				url: `/pages/yuangongindex/index`
			});
		})

	}


	onLoad(() => {

	})
</script>

<style lang="scss" scoped>
	.font-father {
		width: 100%;
		min-height: 100vh;
		padding: 0 30rpx;
		display: flex;
		align-items: center;
		flex-direction: column;
		position: relative;
		background-color: #F7F7F7;

		.font-title {
			margin-top: 0rpx;
			margin-bottom: 30rpx;
			font-weight: 600;
			font-size: 30rpx;
			display: flex;
			flex-direction: column;
			font-size: 80rpx;
		}

		.bottom-button {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 0rpx;
			margin-top: 80rpx;
			margin-bottom: 90rpx;
			width: 80%;
			height: 90rpx;
			border-radius: 35rpx;
			background: linear-gradient(to bottom, #e7f4ff, #c5e5ff);
			border: 2rpx solid #9AD1FF;
			color: #007CFF;
			font-size: 33rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 3;
		}
	}

	.title-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: -1;
	}

	.fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
		padding: 0 70rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.small-title {
		margin-bottom: 10rpx;
		font-size: 28rpx;
		width: 80%;
		text-indent: 53rpx;
	}

	.normal {
		font-size: 28rpx;
		margin-bottom: 20rpx;
		display: flex;
		align-items: center;
		line-height: 50rpx;
		text-align: left;
		width: 80%;
	}

	.title-photo {
		margin-top: 500rpx;
		width: 120rpx;
		height: 120rpx;
		z-index: 1;
	}
</style>