<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>云胶集团站群管理系统</title>
 	<meta content="always" name="referrer">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<link rel="shortcut icon" href="/subsiteSrc/cnPc/images/Logo1.png" type="images/x-icon" />
	<link href="/jslib/admin/themes/login/login.css" rel="stylesheet" type="text/css" />
    
	<script type="text/javascript" src="/jslib/admin/js/jquery-9.9.8.min.js"></script>
	<script src="/js/admin/adminUser/bashxx.js"></script>
	<script src="/js/admin/adminUser/login.js"></script>
</head>
<body>
<div class="loginOuter">
	<div class="logOuterL">
		<div class="logOuterLPic" style="background-image: url(/jslib/admin/themes/login/images/loginBg.png);">
			<div class="logOuterTitle">站群管理系统</div>
            <div class="logOuterCon">
            	<B>站群管理的优点：</B>
                • 集电脑端、移动端网页的跨屏、跨终端多场景应用系统。<br />
                • 管理统一、安全统一、权威发布、数据共享。<br />
                • 功能强大、使用灵活、易于扩展。<br />
            </div>
		</div>
	</div>
	<div class="logOuterR">
		<div class="table">
			<div class="tableCell">
				<div class="loginBox">
					
					<!-- 如果未传了logo展示这个区域 star -->
					<div class="loginLogo">
							<img src="/uploadDir/png/20230105/1672889761292.png" />
						</div>
						<!-- 如果未传logo展示这个区域 end -->
					<div class="loginCon">
				        <form id="adminUserLoginForm" action="#" method="post">
						    <dl class="loginDl">
						        <dd>
						            <div class="loginInput name">
						            	<i></i>
						                <input type="text" name="loginId" id="loginId" value="" placeholder="用户名" />
						            </div>
						        </dd>
						        <dd>
						            <div class="loginInput password">
						            	<i></i>
						                <input type="password" name="password" id="password" value="" placeholder="密码" />
						                <span class="passEye2"></span>
						            </div>
						        </dd>
						        <dd>
											<div class="codeImg">
											    <img id="validateCodeListener" src="/validateCode" alt="点击刷新" />
											</div>
											<div class="loginInput code">
												<i></i>
												<input id="code" name="code" type="text" size="5" placeholder="验证码" />
											</div>
						        </dd>
						        <!--  <dd>
						            <div class="loginInput tel">
						            	<i></i>
						                <input id="phone" name="phone" type="text"  placeholder="请输入手机号" />
						            </div>
						        </dd> --> 
						        <!-- <dd>
											<div class="codeImg" style="top: 10px;">
											   <div class="loginCodeBtn" id="snedPhoneCodeBtn">获取验证码</div>
											</div>
											<div class="loginInput tel">
												<i></i>
												<input id="vercode" name="vercode" type="text" size="6" placeholder="请输入短信验证码" />
											</div>
						        </dd> -->
						        <dt>
						            <a class="adminUserLoginListener ">登 录</a>
						        </dt>
						    </dl>
						    <div id="error"></div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="footer">
	<p>Copyright © <a href="http://www.aykj.net" target="_blank" style="color:red; text-decoration:underline;">www.aykj.net</a>. All Rights Reserved 昆明奥远科技有限公司版权所有 全国免费客服热线：4000-800-989</p></div>

<div class="loginBg" id="loginCanvas"></div>
	<script>
	$(function(){
		$(".loginInput input").focus(function(){
			$(this).parents(".loginInput").addClass("focus")
			})
		$(".loginInput input").blur(function(){
			$(this).parents(".loginInput").removeClass("focus")
			$(this).parents(".loginInput").removeClass("error")
			$("#error").html("") //失去焦点，提示消失
			})
	})
	//密码显示与隐藏
    $(function(){
        $(".passEye2").toggle(
            function(){
                $(this).addClass("open");
                var passwordValue=$(this).siblings("#password").val()
                $(this).siblings("#password").replaceWith("<input name='password' id='password' type='text' value='' placeholder='密码' >");
                $(this).siblings("#password").val(passwordValue)
            }, 
            function(){
                $(this).removeClass("open");
                var passwordValue=$(this).siblings("#password").val()
                $(this).siblings("#password").replaceWith("<input name='password' id='password' type='password' value='' placeholder='密码' >");
                $(this).siblings("#password").val(passwordValue)
            }   
        );
    });
	
	//背景随机切换
	function layoutrezise(){
		   var x =4;       
		   var y = 1;           
		   var rand = parseInt(Math.random() * (x - y + 1) + y);      
		   $("#loginCanvas").addClass("loginBg"+rand) 
	}
	$(document).ready(function() {layoutrezise()});
	$(window).resize(function (){layoutrezise();});
	
	$(function(){
		var time = 60;
		 var loginId = $("#loginId"); 
		var code = $("#code");
		 $(".loginCodeBtn").click(function (){
			 
			  if (loginId.val() == "") {
					//alert("密码不能为空");
					$("#error").html("请填写登录账号！")
					loginId.focus();
					return false;
				}
			 if (code.val() == "") {
					//alert("密码不能为空");
					$("#error").html("请填写图片验证码！")
					code.focus();
					return false;
				}
			
			if($(this).hasClass("disabled")){
				return false;
			}
		 	if(time==60){//如果不加入该判断，则会出现在倒计时期间不断的点击发生不断的加快（其实就是你点了多少次就重复多少次该函数）的问题，用setTimeout（）方法不加此判断也是一样的
			 	var time1=setInterval(function(){
					 if(time==0){
							 $(".loginCodeBtn").html("获取验证码");
							 $(".loginCodeBtn").removeAttr("disabled");
							  $(".loginCodeBtn").removeClass("disabled");
							 time=60;
							 clearInterval(time1);
						 }else{
							 $(".loginCodeBtn").attr("disabled","true");
							 $(".loginCodeBtn").addClass("disabled");
							 $(".loginCodeBtn").html(time+"后重新获取");
							 time--;
						 }
					 }, 1000);
		    }
		 	$.ajax({
				  type: "POST",
				  url: "/subsiteIndex/getPhoneCode",
				  data: $("#adminUserLoginForm").serialize(),  // data: {"phone":phone.val(),"code":code.val()},
				  success: function(data) {
					  data = eval('('+data+')');
					  if (data.statusCode == 200) {
						  $("#error").html(data.message); 
						 /* $("#validateCodeListener").click();*/
						  /* $("#error").html(data.message);
						  $("#validateCodeListener").click(); */
					  }
					  if (data.statusCode == 500) {
						  $("#error").html(data.message);
						  $("#validateCodeListener").click();
						/* layer.msg(data.message,function(){
							$("#validateCodeListener").click();
						  }); */
					  }
				  }
			 })
		 });
	})
	function isPhone(value) {
	try {
		var isSuc = false;
		//固话
		//var reg = /^(\({0,1}\d{3,4})\){0,1}(-){0,1}(\d{7,8})$/;
		//var reg = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
		/*if(reg.test(value)) {
			isSuc = true;
		} else {*/
			//手机
		var reg=/^1[3456789]\d{9}$/;
		if(reg.test(value)) {
			isSuc = true;
		}
		//}
		return isSuc;
	} catch (e) {
		return false;
	}
}
</script>  
</body>
</html>