﻿﻿








<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<title>系统登录</title>
		<meta charset="utf-8"/>
		<link rel="stylesheet" type="text/css" href="/css/FormBase.css" />
		<link rel="stylesheet" type="text/css" href="/css/Animation.css"/>
		<link rel="stylesheet" type="text/css" href="/logini/css/login.css"/>
        <script type="text/javascript" src="/js/CheckValid.js"></script>
		<script type="text/javascript" src="/js/FormBase.js"></script>
		<script type="text/javascript" src="/js/Dialog.js"></script>
		<script type="text/javascript" src="/js/HttpAjax.js"></script>
		<script type="text/javascript" src="/js/LocalStore.js"></script>
		<!--[if IE]>
		<![endif]-->
		<script type="text/javascript">
			window.onload=function(){
				if (!document.getElementsByClassName) {
 				   document.getElementsByClassName = function (className, element) {
        			   var children = (element || document).getElementsByTagName('*');
     				   var elements = new Array();
    			           for (var i = 0; i < children.length; i++) {
        		           var child = children[i];
         			   var classNames = child.className.split(' ');
      			           for (var j = 0; j < classNames.length; j++) {
        		           if (classNames[j] == className) {
                	           elements.push(child);
              		           break;
             			   }
          			  }
       				 }
      			   return elements;
 			 };
			}
				var img=document.getElementById("login_bg");
				var bodyH= document.body.clientHeight;
				img.style.height=(bodyH-84-100)+'px';
				var login=document.getElementsByClassName('login_box')[0];
				login.style.top=(bodyH-84-100-309)/2+'px';

				var apkImgPath='/app/mczyy.png';
				var ipaImgPath='/app/IosPhoneDown.png';
				if(apkImgPath!=null){
				    var imgon=document.getElementById("an")
				   imgon.setAttribute("style","display:block");
				  var imgon11=document.getElementById("imgone");
				  imgon11.src=apkImgPath;
				}
				if(ipaImgPath!=null){
					var imgtw=document.getElementById("iphib")
				        imgtw.setAttribute("style","display:block");
					var imgtw111=document.getElementById("imgtwo"); 
					imgtw111.src='/app/IosPhoneDown.png';		
				}
				//登录框动画
				setTimeout(function(){
					document.getElementById("username").focus();
				},400)
				
				
				//显示帐号与密码
				var userName=LocalStore.getItem("loginname");
				if(userName!=undefined && userName.length>0 && userName!=null){
					document.getElementById("username").value=userName;
				}else{
					document.getElementById("username").placeholder="请输入用户名";
				}
				var userPass=LocalStore.getItem("userpass");
				if(userPass!=undefined && userPass.length>0 && userPass!=null){
					document.getElementById("pwd").value=userPass;
				}else{
					document.getElementById("pwd").placeholder="请输入密码";
				}
				var rememstr=LocalStore.getItem("remember");
				if(rememstr!=null && rememstr=="1"){
					var choose=document.getElementById("remebBox");
					choose.checked=true;
				}
			}
			
			//input回车键进入下一个input
			function focusNextInput(obj){
				var inpt=document.getElementsByTagName("input");
				for(var i=0;i<inpt.length;i++){
					if(i==inpt.length-1){
						if(inpt[i].type=="checkbox"){
							continue;
						}else{
							inpt[0].focus();
							break;
						}
					}else if(obj==inpt[i]){
						if(inpt[i+1].type=="checkbox"){
							inpt[i+2].focus();
							break;
						}else{
							inpt[i+1].focus();
							break;
						}
					}
				}
			}
			

			
			//登录系统
			function loginSystemPlate(){
				if(loginFailShow)return;
				
				//输入验证
				var userName=document.getElementById("username").value;
				if(userName==""){
					Dialog.showMessageDialog("提示","帐号不能为空",null);
					return;
				}
				var userPass=document.getElementById("pwd").value;
				if(userPass==""){
					Dialog.showMessageDialog("提示","密码不能为空",null);
					return;
				}
				
				//验证码
				var checkCodeTxt=null;
				var checkCodeObj=document.getElementById('checkCode');
				if(checkCodeObj){
					checkCodeTxt=checkCodeObj.value;
					if(checkCodeTxt==''){
						Dialog.showMessageDialog("提示","请输入验证码",null);
						return;
					}
				}

				//请求登录
				var urls="/interface/CheckLoginName.jsp";
				var parameter="userName="+userName+"&userPass="+userPass;
				if(checkCodeTxt!=null){
					parameter=parameter+"&checkCode="+checkCodeTxt;
				}
				HttpAjax.requestAjax(urls,parameter,"loginAfterResponse","loginAfterError");
			}

			//请求后处理
			function loginAfterResponse(responseTxt){
				var xmlDoc={};
				try{
					xmlDoc=eval("("+responseTxt+")");
				}catch(err){
					xmlDoc={"result":"failure","remark":"返回数据不对"};
				}
				if(xmlDoc.result!="success"){
					var remark=xmlDoc.remark;
					if(remark=="" || remark==undefined){
						remark="帐号密码不匹配";
					}
					Dialog.showMessageDialog("提示",remark,"hideMessageDialog();");
					loginFailShow=true;
					return;
				}
				var userPass=document.getElementById("pwd").value;
var patt1=new RegExp("^(?=.*[a-z\\W].*)(?=.*[A-Z\\W].*)(?=.*[0-9\\W].*).{8,16}$");
var paw=patt1.test(userPass);

						
				//缓存token和userid
				LocalStore.setItem("token",xmlDoc.token);
				LocalStore.setItem("userid",xmlDoc.userid);
				LocalStore.setItem("username",xmlDoc.username);
				LocalStore.setItem("deptid",xmlDoc.deptid);
				LocalStore.setItem("roleid",xmlDoc.roleid);
				LocalStore.setItem("compid",xmlDoc.compid);
                //缓存帐号密码
				var userName=document.getElementById("username").value;
				LocalStore.setItem("loginname",userName);
				var choose=document.getElementById("remebBox");
				if(choose.checked==true){
					var userPass=document.getElementById("pwd").value;
					LocalStore.setItem("userpass",userPass);
					LocalStore.setItem("remember","1");
				}else{
					LocalStore.setItem("remember","0");
					LocalStore.setItem("userpass","");
				}
						
				//进入到首页界面
				document.getElementById("token").value=xmlDoc.token;
				document.getElementById("randomnum").value=createRandomText(16);
if(paw){	
	document.getElementById("mainframe").submit();
}else{
Dialog.showfDialog("提示"
,"您的密码未修改或过于简单,请立即修改密码！"
,"sureDeleteManage"
,"sureManage"
,"立即修改"
,"");
}

				
			}

function sureDeleteManage(){
		Dialog.hideDialogLayer();
		var val=document.getElementById("token").value
		window.location.href="/checkAccount/updatepsw.jsp?token="+val;
}
				
function sureManage(){
	Dialog.hideDialogLayer();
	var urls="/interface/LogOutSystemPlate.jsp";
	HttpAjax.requestAjax(urls,"token="+token,"logoutToIndex");
}
Dialog.showfDialog=function(title
				,message
				,callBackOk
				,callBackNo
				,btnTxtOk
				,btnTxtNo){
				if(btnTxtOk==undefined || btnTxtOk=="" || btnTxtOk == null){
					btnTxtOk="确定";
				}
				if(btnTxtNo==undefined || btnTxtNo=="" || btnTxtNo==null){
					btnTxtNo="取消";
				}
				if(callBackOk=="" || callBackOk == null){
					callBackOk="Dialog.hideDialogLayer()";
				}
				if(callBackOk.indexOf("(")==-1){
					callBackOk=callBackOk+"()";
				}
				if(callBackNo=="" || callBackNo==null){
					callBackNo="Dialog.hideDialogLayer()";
				}
				if(callBackNo.indexOf("(")==-1){
					callBackNo=callBackNo+"()";
				}
				var showWidth=380;
				var showHeight=180;
				var divHtml="";
				divHtml=divHtml+"<div class=\"dialog-header\" style=\"height:38px;line-height:38px;padding:0 80px 0 20px;font-weight:600;border-radius:4px 4px 0px 0px;position:relative;\">"+title+"<i style=\"display:block;width:16px;height:16px;background-repeat:no-repeat;background-position:0px 0px;position:absolute;right:15px;top:12px;cursor:pointer;\" ></i></div>";
				divHtml=divHtml+"<div class=\"dialog-center\" style=\"padding:37px 20px 37px 25px;font-size:14px;line-height:24px;white-space:nowrap;\"><img src=\"/js/images/information.png\" align=\"left\" alt=\"图片加载失败\" style=\"margin:-4px 10px 0px 0px;\"/>"+message+"</div>";
				divHtml=divHtml+"<div class=\"dialog-footer\" style=\"padding:6px 0px;text-align:right;position:absolute;bottom:0px;width:100%;border-radius: 0px 0px 3px 3px;\">";
				divHtml=divHtml+"<a class=\"confirm-btn\" href=\"javascript:void(0);\" style=\"display:inline-block;height:15px;line-height:15px;padding:6px 15px;margin:0px 5px;font-size:14px;\" onclick=\""+callBackOk+"\">"+btnTxtOk+"</a>";
				divHtml=divHtml+"<a class=\"cancel-btn\" href=\"javascript:void(0);\" style=\"display:inline-block;height:15px;line-height:15px;padding:6px 15px;margin:0px 5px;font-size:14px;\" onclick=\""+callBackNo+"\">"+btnTxtNo+"</a>";
				divHtml=divHtml+"</div>";
				Dialog.createDialogLayer(showWidth,showHeight,divHtml,"#ffffff");
			}

			
			//关闭登录失败对话框，防止再弹出对话框
			var loginFailShow=false;
			function hideMessageDialog(){
				loginFailShow=false;
				Dialog.hideDialogLayer();
			}

			//请求问题
			function loginAfterError(rsponseText){
				Dialog.showMessageDialog("提示","登录请求失败");
			}

			//退出系统，此方法为filter调用
			function reloginPlate(){
				window.location.href="/index.jsp";
			}
		</script>
		
	</head>
	<body>
		<form name="mainframe" id="mainframe" action="toMainPage.jsp" method="post">
			<input type="hidden" name="token" id="token" value="">
			<input type="hidden" name="randomnum" id="randomnum" value="">
		</form>
		<div class="login_header" id="login_header"></div>
		<a href="download.html" style="color:black;"><span style="float:right;position: absolute;left: 91%;top: 34px;font-size: 16px">常用下载</span></a>
		<div class="login_bg" id="login_bg">
			<div class="login_main">
				<!--<img src="/logini/images/login_img.png" alt="" class="login_img animated pulse"/>-->
				<div class="login_box animated move">
					<form method="post" action="" style="position:relative;right:130px">
						<p class="text_center">用户登录</p>
						<table style="width:100%;padding:29px 23px;background:#E4F0F4;border-radius:0px 0px 5px 5px;">
							
							<tr   style="display:block;margin-bottom:10px;">
								<td colspan="2" style="height:38px;line-height:38px;display:block;">
									<span class="login_icon block text_center">
									  <img src="/logini/images/login_username.png" alt=""/>
								    </span>
									<div class="inp_login" style="background-color:#fff;border:1px solid #b6bcc3;border-radius:4px">
										<input type="text" id="username" name="username"  class="inputfield inp_login" placeholder="请输入用户名" onfocus="if(this.placeholder=='请输入用户名'){this.placeholder='';}" onblur="if(this.placeholder==''){this.placeholder='请输入用户名';}" onkeydown="if(event.keyCode==13) focusNextInput(this);" style="color:#333;background-color:#fff"/>
									</div>
								</td>
							</tr>
							<tr    style="display:block;margin-bottom:11px;">
								<td colspan="2" style="height:38px;line-height:38px;display:block;">
									<span  class="login_icon block text_center">
									  <img src="/logini/images/login_pwd.png" alt=""/>
								    </span>
									<div class="inp_login" style="background-color:#fff;border:1px solid #b6bcc3;border-radius:4px">
										<input type="password" id="pwd" class="inputfield inp_login" name="pwd" placeholder="请输入密码" onfocus="if(this.placeholder=='请输入密码'){this.placeholder='';}" onblur="if(this.placeholder==''){this.placeholder='请输入密码';}" onkeydown="if(event.keyCode==13) focusNextInput(this);" style="color:#333;background-color:#fff"/>
									</div>
								</td>
							</tr>
							

							<tr>
								<td class=" login_btn" colspan="2">
								<input type="button" value="登录"   style="font-size:17px;height:44px;width:100%;background-color:#1e4b90;border:none;color:#fff;cursor:pointer" onclick="loginSystemPlate();" onkeydown="if(event.keyCode==13) focusNextInput(this);"/>
							    </td>
							</tr>
							<tr>
							<td style="display:block;margin-top:10px;">









<div id="remeb" class="formCheckBoxDivClass">
	<input type="checkbox" class="formCheckBoxClass" id="remebBox" name="remeb" value="yes" checked>
	<span></span>
</div>
<label id="remebLabel" for="remebBox" class="formCheckBoxLabelClass" style="vertical-align:middle;height:24px;line-height:24px;">记住密码</label>
	</td>
							</tr>
						</table>
					</form>
				</div>
			</div>
		</div>
		<div class="footer" id="footer">
			<p><span>技术支持:安徽协达软件科技有限公司</span></p>
			<p>建议使用IE11，1366*768分辨率浏览</p>
		</div>
		
		<style>
			body{position:relative;}
			.erweima{/*height:160px;*/
			position:fixed;top:53%;right:0;display:block;z-index:10000;}
			.erweima .saominao{/*display:none;*/position:absolute;width:136px;border:#e0e0e0 1px solid;padding:13px 0;background-color: #fff;}

			.anzhuo p{font-size:13px;color: #999;line-height: 20px;margin:0 3px;}
			.erweima .saominao img{width:96px;height:96px;display:block;margin:0 auto;}
			.erweima .saominao p{font-size:11px;color:#333;text-align:center;line-height:17px;}
			.oneone{right: 90px;top: 0px;display:none;border-right:	1px solid #d1e3f8}
			.twotwo {right: 90px;top: 0px;display:none;border-right:1px solid #d1e3f8}
			.img_two,.img_fore{display:none;}
			.an:hover .img_two{display:block;cursor:pointer}
			.an:hover .anzhuo p{color:#227fd2;}
			.an:hover .img_one{display:none;cursor:pointer}
			.an:hover .oneone{display:block;cursor:pointer}
			.iphib:hover .twotwo{display:block;cursor:pointer}
			.iphib:hover .img_fore{display:block;cursor:pointer}
			.iphib:hover .img_there{display:none;cursor:pointer}
			.iphib:hover .anzhuo p{color: #227fd2;}
			.an,.iphib{display:none;position:relative;}
		</style>
		<div class="erweima">
			<div class="one an" id="an">
				<div class="anzhuo ">
					<img src="/logini/images/hei.png" class="img_one"/>
					<img src="/logini/images/lan.png" class="img_two"/>
				</div>
				<div class="saominao oneone" id="img_er">

					<!--<img src="" id="imgone"/>-->
					<img src="/logini/images/erweiam.png" id="imgone"/>
					<p>二维码扫码登录</p>
				</div>
			</div>
			<div class="one iphib" id="iphib">
				<div class="anzhuo ">
					<img src="/logini/images/heii.png" class="img_there"/>
					<img src="/logini/images/lann.png" class="img_fore"/>
			    </div>
				<div class="saominao twotwo" id="img_wr">
					<!--<img src="" id="imgtwo"/>-->
					<img src="/logini/images/erweiam.png" id="imgtwo"/>
					<p>二维码扫码登录</p>
				</div>
			</div>
		</div>
	</body>
</html>