v3
/
FE-miniProgramSMSJump


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
							<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<link href="static/favicon.ico" rel="SHORTCUT ICON">
		<title>实验室安全智能监测与控制系统</title>
	</head>
	<body>
		<div class="main">
			<img class="logo_img" />
			<p class="title">实验室安全检测控制系统</p>
			<div class="skip" onclick="weixinFun()">
				<p>前往微信打开</p>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="./static/jquery-3.2.0.min.js"></script>
	<script type="text/javascript" src="./static/clipboard.js"></script>
</html>
<script type="text/javascript">
	// 后台服务请求地址
	let baseURL = 'https://labcontrol.nwafu.edu.cn/api/'
	var urlScheme = "";
	//获取后台配置项(获取logo)
	$.ajax({
		type: "get",
		url: baseURL + 'auth/configInfo?type=1,2,4',
		headers: {
			'Content-Type': 'application/json;charset=utf8'
		},
		dataType: "json",
		success: function(res) {
			let list = JSON.parse(res.data)
			let newData = {};
			list.forEach((item) => {
				let obj = JSON.parse(item.configValue)
				newData = {
					...newData,
					...obj
				}
			})
			$(".logo_img").attr("src", baseURL + newData.circularLogo)
		}
	});
	//3. 实例化clipboard
	var clipboard = new ClipboardJS('.btn', {
		text: function() {
			return urlScheme;
		},
	});
	//url内容读取(短信内容会携带跳转相关参数)
	function getQueryString(name) {
		const url_string = window.location.href; // window.location.href
		const url = new URL(url_string);
		return url.searchParams.get(name);
	}
	//跳转按钮
	function weixinFun() {
		location.href = getQueryString('urlScheme')
	}
	//获取地址栏urlScheme
	urlScheme = getQueryString('urlScheme')
</script>
<style>
	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}

	body {
		background: #fff;
	}

	.main {
		width: 750px;
		margin: auto;
		text-align: center;

	}

	.logo_img {
		width: 150px;
		height: 150px;
		margin-top: 276px;
	}

	.title {
		font-size: 24px;
		font-family: Microsoft YaHei-Bold, Microsoft YaHei;
		font-weight: 700;
		color: #333333;
		line-height: 24px;
		margin-top: 46px;
	}

	.skip {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 180px;
	}

	.skip>p {
		width: 400px;
		height: 80px;
		background: #0183FA;
		border-radius: 10px 10px 10px 10px;
		font-size: 28px;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 80px;
		text-align: center;
	}

	.copy {
		font-size: 28px;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 30px;
		margin-top: 66px;
	}

	.copy .btn {
		font-size: 28px;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 400;
		color: #0183FA;
		line-height: 30px;
		margin-left: 20px;
		border: none;
		background: none;
	}
</style>