wangdaping
/
wp


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;" name="viewport" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<title>南方电网应急指挥系统--登录</title>
<link rel="Shortcut Icon" href="images/favicon.png"/> 
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
<script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/system/md5/md5.js"></script>
<style>
    html{
	    width:100%;
	    height:100%;
	    margin:0px;
	    overflow: hidden;
    }
    body{
   		margin:0px;
	    width:100%;
	    height:100%;
	    background-color: #e5e9ec;
    }
    .login_contant{
    	top: 10%;
		right: 0;
    	width:100%;
    	position: absolute;
    }
	.login_main{
	    z-index:-1;
        width:100%;
	}
	/*
	.login_logo{
		position: absolute;
		top: 12%;
		right: 45%;
		width: 40%;
	}
	.login_text{
		position: absolute;
		top: 27%;
		right: 19.5%;
		width: 18.5%;
		font-size: 1.2em;
		font-family: "微软雅黑";
		text-align:center;
		color: white;
	} */
	.login_form {
	    position: absolute;
	    top: 23%;
		right: 19.5%;
		width: 18.5%;
		height: 58%;
	}
	.login_img{
	    z-index:-1;
	    width: 100%;
	    height: 100%
	}
	div.login_position{
		border: 0px;
		padding: 0px 0px 0px 3%;
		width: 97%;
		white-space: nowrap;
		word-break: keep-all;
		word-wrap: normal;
		line-height: 100%;
		position: relative;
		margin-bottom: 6.8%;
		cursor: text;
	}
	div.login_user{
	    height: 48%;
	}
	div.login_pass{
		height: 18%;
	}
	input{
	    position:absolute;
    	bottom:1px;
	    left: 17%;
		border-style: none;
		width: 82%;
		font-size: 18px;
		background-color: transparent;
		border: 0px;
		outline: none;
		/* z-index: 10; */
	}
    input#username{
    	height: 33%;
    	line-height:45px;
    }

	input#password{
    	height: 90%;
    	line-height:45px;
	}
	.login_button{
		text-align: center;
		width:100%;
		padding: 5% 0px 0px 3%;
        width: 97%;
	}
	.login_button_position{
	    margin: 0px auto;
		cursor:pointer;
		border: 0px;
	    display: inline-block;
	    width:100%;
	}

	.login_info{
	    margin-left:3%;
		margin-top: 10%;
		font-size: 12px;
	}
</style>
</head>
<body  onload="document.getElementById('username').focus();GetCookie();">
    <div class="login_contant">
		<img class="login_main" src="/nwyj/images/index/loginPage_bg.png"/>
	<!-- <img class="login_logo" src="/nwyj/images/index/login_logo.png"/>
		<div class="login_text"> 应急指挥管理系统</div>  -->	
		<div class="login_form">
			<div class="login_user login_position"><img class="login_img" src="/nwyj/images/index/login_user.png"/><input type="text" id="username" onkeyup="clearpassword()"  watermark=" 用 户 名 "  value=""></div>
			<div class="login_pass login_position"><img class="login_img" src="/nwyj/images/index/login_pass.png"/><input type="password" id="password" watermark=" 密 码 "  value=""></div>
	
			<div class="login_button">
				<img src="/nwyj/images/index/login_login.png" class="login_button_login login_button_position"  onclick="login()" ></img>
			</div>
			<div class="login_info" style="display:none;"></div>
		</div>
	</div>
<script type="text/javascript" >
	//帐号输入框变动时，清空密码框（2015.10.13  梁俊鹏）
	function clearpassword(){
		$("#password").val("");
	}
	$(function(){
		//防止iframe内出现登录页
		if (window != top) 
			top.location.href = location.href; 
		//居中
		 document.getElementById("username").focus();
		 $("#username").keydown(function(event){
		 	if(event.keyCode==13){
				login();
			}
		 })
		 $("#password").keydown(function(event){
		 	if(event.keyCode==13){
				login();
			}
		 })
		 
		 $(".login_position").live("click",function(){
		 	$(this).find("input").focus();
		 	
		 });
		
	});
    //保存cookies
	function SetCookie(usern, psw) {
		var Then = new Date()
		Then.setTime(Then.getTime() + 1866240000000)
		document.cookie = "username=" + usern + "%%" + psw + ";expires="
				+ Then.toGMTString();
	}
	//获取cookies
	function GetCookie() {
		var nmpsd;
		var nm;
		var psd;
		var cookieString = new String(document.cookie)
		var cookieHeader = "username="
		var beginPosition = cookieString.indexOf(cookieHeader)
		cookieString = cookieString.substring(beginPosition);
		var ends = cookieString.indexOf(";");
		if (ends != -1) {
			cookieString = cookieString.substring(0, ends);
		}
		if (beginPosition > -1) {
			nmpsd = cookieString.substring(cookieHeader.length);
			if (nmpsd != "") {
				beginPosition = nmpsd.indexOf("%%");
				nm = nmpsd.substring(0, beginPosition);
				psd = nmpsd.substring(beginPosition + 2);
				document.getElementById("username").value = nm;
				document.getElementById("password").value = psd;
			}
		}
	}


	//登录
	function login() {
		var errorMsg = "";
		var loginName = document.getElementById("username");

		var password = document.getElementById("password");
		var pasFormat = true;
		if (!loginName.value) {
			//errorMsg += "&nbsp;用户名不能为空!";
			errorMsg += "用户名不能为空!";
		}
		if (!password.value) {
			errorMsg += "密码不能为空!";
		}
		var patt = /(?!^(\d+|[a-zA-Z]+|[~!@#$%^&*?]+)$)^[\w~!@#$%\^&*?]{8,20}$/g;
		var pwd = $("#password").val();
		if (!patt.test(pwd)) {
			pasFormat = false;
		}

		if (errorMsg != "") {
			$(".login_info").html(errorMsg);
			$(".login_info").show();
		} else {
			$(".login_info").show();
			$(".login_info").html("正在登录中...");
			
			if(loginName.value!="" && password.value!=""){ 
			    SetCookie(loginName.value,password.value); 
			}else {   
			    SetCookie("",""); 
			} 
			
			//前台做md5加密传输
			var md5password = md5(password.value);
			//登录处理
			$.ajax({
				type : "POST",
				url : "/nwyj/ws/sys/LoginService/Login",
				data : {
					"username" : loginName.value,
					"password" : md5password
				},
				success : function(data) {

					if (!!data && data.LoginInfo.st == 0) {
						$(".login_info").html("登录成功，正在转到主页...");
						//debugger;
						//console.log(JSON.stringify(data));
						window.name = JSON.stringify(data);
						//window.name = "NWYJFRAMEWORK";
						//alert(  window.name);
						//window.open("/nwyj/page/frameWork.html",JSON.stringify(data));
						window.location = "/nwyj/page/frameWork.html";
					} else /* if (!!data && data.LoginInfo.st == 1) */ {
						//$(".login_info").html("密码错误次数达到5次，请"+data.LoginInfo.mod_date+"分钟后再登录！");	   
						//} else if(!!data && data.LoginInfo.st == 2){
						$(".login_info").html("用户名或密码错误，请重新登录！");
						//loginName.value="";
						//password.value="";
						//loginName.focus();
					}

					/* else if(!!data && data.LoginInfo.st == 2){
					   if(data.LoginInfo.mod_date==0){
					   		$(".login_info").html("&nbsp;&nbsp;密码错误次数达到5次，请30分钟后再登录！");
					   }else{
					   		 if(pasFormat){
					   			$(".login_info").html("&nbsp;&nbsp;密码错误！还剩下"+data.LoginInfo.mod_date+"次机会！");
					   		}else{
					   			$(".login_info").html("&nbsp;&nbsp;密码格式错误！还剩下"+data.LoginInfo.mod_date+"次机会！");
					   		} 
					   		$(".login_info").html("&nbsp;&nbsp;用户名或密码错误！");
					   }
						
						
					}
					else if(!!data && data.LoginInfo.st == 3){
						$(".login_info").html("&nbsp;&nbsp;用户名或密码错误！");
					} */
				},
				error : function(data) {
					$(".login_info").html("登陆失败！");
				}
			});
		}
	}
</script>
</body>
</html>