<template>
	<div>
		<van-nav-bar title="审核" />
		<van-row justify="center" :gutter="[40, 40]">
			<van-col span="24" style="align-items: center;text-align: center;">
				<van-image style="width: 100%; height: 18rem; background-color: #eeeeee;" fit="cover" position="left"
					:src="getImageUrl(images[0])" />
			</van-col>
			<van-col span="24" style="align-items: center;text-align: center;">
				<div style="font-size: 24px;color: blue;">请等待审核通过后登录</div>
				<div style="font-size: 24px;color: blue;">详情请联系系统管理员</div>
			</van-col>
		</van-row>
	</div>
</template>

<script setup>
	import {
		ref
	} from "vue";
	import {
		showNotify,
		showDialog
	} from "vant";
	import {
		setToken,
		getToken,
		removeToken,
		setUserinfo,
		getUserinfo,
		setUsername,
		getUsername,
		setOpenid,
		getOpenid
	} from "../../utils/wxtools.js";

	import {
		EditUserInfoAPI
	} from '../../services/index.js';

	import {
		useRouter
	} from "vue-router";
	const router = useRouter()

	const images = ref(["image/sacrifice1.png", "image/sacrifice2.png", "image/sacrifice3.png"]);


	const realname = ref('');
	const mobile = ref('');

	const getImageUrl = (name) => {
		return new URL(`/src/assets/${name}`, import.meta.url).href
	}
</script>

<style lang="scss">
	.textbomcenter {
		text-align: center;
		// top: 20rpx;
		left: 0;
		right: 0;
		position: static;
		bottom: 15rpx;
		text-decoration: underline;
		font-weight: 400;
		color: cornflowerblue;
	}

	.goods-box {
		display: flex;
		flex-wrap: wrap;

		// 图片列表
		.imgList {
			position: relative;
			width: 180rpx;
			height: 180rpx;
			margin: 0 50rpx 30rpx 0;
		}

		// 删除图片
		.del {
			position: absolute;
			width: 60rpx;
			height: 60rpx;
			right: 0rpx;
			z-index: 999;
		}
	}
</style>