hldy_xcx/pages/login/specialsmall.vue

<template>
	<div class="container">
		<image style="width: 500rpx;height:500rpx"
			src="https://www.focusnu.com/media/directive/index/account/oldsuccess.png" />
		<view class="white-font">
			尊敬的用户，您的机构{{ special?`变更信息`:`加盟` }}<text style="color: rgb(1,153,255);">申请已成功提交</text>
		</view>
		<view class="normal">
			<text>
				{{ special?`我们将尽快处理并反馈审核结果`:`请耐心等待审核结果` }}，{{ special?`期待与您继续携手同行`:`期待您早日加入护理单元大家庭` }}
				！
			</text>
		</view>
		<view class="bottom-button" @click="jumpto">
			我的机构
		</view>
	</div>
</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/index/index`
			});
		})

	}


	onLoad((options) => {
		if (options.special == `true`) {
			special.value = true
		}
	})
</script>

<style lang="scss" scoped>
	.container {
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		width: 100%;
		background-color: #F7F7F7;
		justify-content: center;
		align-items: center;

		.white-content {
			width: 70%;
			height: 600rpx;
			border-radius: 50rpx;
			background-color: #fff;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-top: -50rpx;
			position: relative;

			.white-font {
				font-size: 38rpx;
				font-weight: 600;
				margin-top: 40rpx;
			}

		}
	}

	.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 left, #00C9FF, #0076FF);
		color: #fff;
		font-size: 33rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 3;
	}

	.normal {
		padding: 0 70rpx;
		font-size: 28rpx;
		margin-bottom: 20rpx;
		display: flex;
		align-items: center;
		line-height: 50rpx;
		text-align: center
	}
</style>