<!DOCTYPE html>
<html lang="zh">
	<head>
		<title>Sooka-SSO-Server 认证中心-登录</title>
		<meta charset="utf-8">
		<base th:href="@{/}" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="./sa-res/login.css">
	</head>
	<body>
		<div class="view-box">
			<div class="login-header">
				<img class="login-header-img" src="sa-res/images/logo-sj.png">
				<span class="login-h-text">首佳科技SSO平台</span>
			</div>
			<div class="login-box">
				<div class="zz-box">
					<div class="logo-box">
<!--						<img src="logo.png" >-->
					</div>
					<div class="from-box">
						<div class="login-tit">请登录</div>
						<!-- tab选项卡 -->
						<div class="from-title">
							<div class="tab-box">
								<span class="tab1 nat-tab">密码登录</span>
								<span class="tab2">短信登录</span>
							</div>
							<div class="title-border"></div>
						</div>
						<!-- 登录 div -->
						<div class="login-dev native">
							<div class="from-item">
								<input class="s-input" name="name" placeholder="昵称 / 手机号 / 邮箱" />
							</div>
							<div class="from-item">
								<input class="s-input" name="pwd" type="password" placeholder="密码" />
							</div>
							<div class="from-item">
								<button class="s-input s-btn login-btn">登录</button>
							</div>
							<div class="from-item reset-box">
								<a href="javascript: forget();">忘记密码？</a>
								<a href="javascript: regAcc();" style="float: right;">注册账号</a>
							</div>
						</div>
						<!-- 注册 div -->
						<div class="reg-dev">
							<div class="from-item">
								<input class="s-input" name="phone" placeholder="手机号" />
							</div>
							<div class="from-item" style="text-align: left;">
								<input class="s-input" name="vc" placeholder="验证码" />
								<!-- <a >获取验证码</a> -->
								<span class="send-vc"><a >获取验证码</a></span>
							</div>
							<div class="from-item">
								<button class="s-input s-btn reg-btn">登录 / 注册</button>
							</div>
							<div class="from-item reg-tips">
								提示：未注册手机号登录后将自动注册
							</div>
						</div>
					</div>
					<div class="logo-box"></div>
				</div>
			</div>
			<!-- 底部 版权 -->
			<div style="position: absolute; bottom: 40px; width: 100%; text-align: center; color: #ffffff;">
				 Copyright ©2023  长春首佳科技有限公司 | this page is provided by Sooka-SSO
			</div>
		</div>

		<!-- scripts -->
		<script src="./sa-res/jquery.min.js"></script>
		<script src="./sa-res/layer/layer.js"></script>
		<script src="./sa-res/login.js"></script>
		<script>
			// 显示是否禁止了登录
			function isAlertInfo() {
				var errorMessage = "[[${errorMessage}]]";
				if(errorMessage) {
					setTimeout(function () {
						layer.alert(errorMessage, {title: '提示', icon: 5});
					}, 100)
				}
			}
			isAlertInfo();
		</script>
		
	</body>
</html>
