wangsaitao
/
guotianyun-sp-yh


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
							<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>国天云医院后勤保障服务支持系统</title>
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="Shortcut Icon" href="/public/images/logo.png" type="image/x-icon" />
	<link rel="stylesheet" href="/public/bootstrap-3.3.5-dist/css/bootstrap.min.css">
	<link href="/public/layer/skin/layer.css" rel="stylesheet">
	<script src="/public/js/jquery-1.11.3.min.js"></script>
	<script src="/public/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
	<script src="/public/layer/layer.js"></script>
	<style type="text/css">
		html {
			height: 100%;
		}
		body {
			font-family:"Microsoft Yahei";
			font-size:12px;
			margin:0;
			background: #fff url(/public/images/bg2x.png) no-repeat;
			background-size:100% 100%;
			height:100%;
			width:100%;
			overflow: hidden;
			background-size: cover;
			color: #fff;
			padding-top: 11%;
		}
		.login-div{
			width: 950px;
			height: 600px;
			margin: 0 auto;

		}
		.login-left{
			padding-top: 85px;
		}
		.login-left img{
			width: 313px;
			height: 163px;
		}
		.login-left-body{
			padding-top: 24px;
			color: #ffffff;
			font-weight: bold;
		}
		.login-left-title{
			font-size: 22px;
			letter-spacing: 2px;
		}
		.login-left-desc{
			font-size: 15px;
		}

		.login-right{
			width: 390px;
			height: 420px;
			background-color: #ffffff;
			padding: 15px 25px 20px 25px;
			float: right;
			padding-top: 25px;
		}
		.login-right h3{
			width: 100%;
			height: 30px;
			line-height: 30px;
			padding-left: 3px;
			color: #0f0f0f;
			text-align: center;
			letter-spacing: 10px;
		}
		.login-input{
			width: 100%;
			height:50px ;
			line-height: 50px;
			margin-top: 10px;

		}
		.login_user{
			width: 50px;
			height: 100%;
			display: inline-block;
			background: #295898;
			border-radius: 8px 0px 0px 8px;
			padding: 0px 12px;


		}
		.login_user  img{
			width: 26px;
			height: 26px;
			margin-top: -4px;
		}
		.login_input {
			width: 280px;
			height: 50px;
			line-height: 48px;
			display: inline-block;
			margin-left: -3px;
			border-right:1px solid #F1F1F1;
			border-top:1px solid #F1F1F1;
			border-bottom:1px solid #F1F1F1;
			border-radius: 0px 5px 5px 0px;

		}

		.login-input1{
			padding: 10px 0;
		}
		.login-input1 a{
			color: #8B8EAA;
			padding-right: 35px;
		}
		.login-input1 a:hover,.login-input1 a:focus,.login-input1 a:active{
			color: #8B8EAA;
			text-decoration: none;
		}
		.login-input input{
			width: 100%;
			height: 45px;
			/*line-height: 50px;*/
			background-color: transparent;
			border: 0;
			outline: none;
			border-radius: 5px;

			font-size: 16px;
			padding-left: 30px;
			color: #0f0f0f;
		}
		input::-webkit-input-placeholder {
			font-weight: 400;
			color: #BBBBBB;
		}
		.login-ss{
			margin-top: 40px;
		}

		.login-footer{
			padding: 20px 10px;
			margin-top: 10px;
		}
		.login-submit{
			display: inline-block;
			width: 100%;
			height: 50px;
			line-height: 50px;
			background: #295898;
			border-radius: 8px;
			color: #ffffff;
			font-size: 16px;
			text-align: center;

		}
		.login-submit:hover,.login-submit:focus{
			color: #ffffff;
			text-decoration: none;
		}

		.login-input-box{
			width: 100%;
			height: 50px;
			line-height: 50px;
			overflow: hidden;
			margin-top: 30px;
		}
		.login-input-box .login_icon{
			width: 60px;
			height: 48px;
			text-align: center;
			background-color: #295898;
			float: left;
			border-radius: 8px 0 0 8px;
			border: 1px solid #295898;
		}
		.login-input-box .login_icon img{
			width: 25px;
			height: 25px;
			vertical-align: middle;
			margin-top: -5px;
		}
		.login_input-box{
			width: 279px;
			height: 48px;
			float: left;
			border-radius: 0 8px 8px 0;
			border: 1px solid #DDDDDD;
			border-left: 0;
			color: #222222;

			overflow: hidden;
		}
		.login_input-box input{
			width: 100%;
			height: 100%;
			vertical-align: middle;
			border: 0;
			outline: none;
			margin-top: -8px;
			font-size: 16px;
			padding: 0 15px;
		}

	</style>
</head>
<body>

<div class="login-div">
	<div class="col-xs-6  login-left text-center">
		<img src="/public/images/login2x.png">
		<div class="login-left-body">
			<span class="login-left-title">医院后勤保障服务支持系统</span> <br>
		</div>
	</div>
	<div class="col-xs-6 login-right">
		<h3 >用户登录</h3>
		<div class="login-ss" id="login1">
			<div class="login-input-box">
				<div class="login_icon">
					<img src="/public/images/login_user2x.png" alt="">
				</div>
				<div class="login_input-box">
					<input id="Username" type="text" placeholder="请输入您的用户名">
				</div>
			</div>
			<div class="login-input-box">
				<div class="login_icon">
					<img src="/public/images/login_pw2x.png" alt="">
				</div>
				<div class="login_input-box">
					<input id="Password" type="password" placeholder="请输入您的密码">
				</div>
			</div>
		</div>
		<div class="login-footer">
			<a href="javascript:;" class="login-submit" id="login-btn" onclick="login()">登 录</a>
		</div>
	</div>
</div>
</body>
</html>
<script type="text/javascript">
	if(window.top!==window.self){
		window.top.location=window.location
	}

	var type = 1;
	function logintab(_self) {
		$('.login-btn').removeClass('cur');
		$(_self).addClass('cur');
		$('.login-ss').hide();
		$('#'+$(_self).attr('data-ele')).show();
		type = $(_self).attr('data-type');
	}

	function login() {
		var flag = $('#login-btn').attr('data-flag');
		if(flag == 1){
			return false;
		}
		$('#login-btn').attr('data-flag',1).html('登 录 中...');
		if(type == 1){
			var username = $('#Username').val();
			var password = $('#Password').val();
		}else{
			var username = $('#phone').val();
			var password = $('#code').val();
			// layer.msg('暂不支持此登录方式');
			// $('#login-btn').attr('data-flag',0).html('登 录');
			// return false;
		}

		$.ajax({
			url:'/Account/checkLogin',
			type:"POST",
			data:{'Username':username,'Password':password,'type':type},
			success:function (res) {
				if(res.status == 1){
					window.location.href = '/Home/index';
				}else{
					layer.msg(res.info);
				}
				$('#login-btn').attr('data-flag',0).html('登 录');
			},
			error:function (result) {
				layer.msg('请求失败');
				$('#login-btn').attr('data-flag',0).html('登 录');
			}
		});
	}

	document.onkeydown = function (e) { // 回车提交表单
		var theEvent = window.event || e;
		var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
		if (code == 13) {
			login();
		}
	}
</script>