miaofuhao
/
yiheRepair


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
							<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<title>登录</title>
		<meta name="keywords">
		<meta name="description">
		<meta name="renderer" content="webkit" />
		<link rel="shortcut icon" href="img/favicon.ico" />
		<!--[if lt IE 10]>
	    	<script>
	    		window.location.href = './ieTips.html';
	    	</script>
    	<![endif]-->
		<link href="./css/bootstrap.min14ed.css??v=4.1.0" rel="stylesheet" type="text/css">
		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet" type="text/css">
		<link href="./css/animate.min.css?v=4.1.0" rel="stylesheet" type="text/css" />
		<link href="./css/login.min.css?v=4.1.0" rel="stylesheet">
	</head>

	<body>
		
		<div class="signin clearfix">
			<div class="signin_panel animated fadeIn" id="signin">
				<div class="signin_left">
					<ul class="signin_left_content">
						<li class="signin_left_item signin_left_item1">
							<i class="signin_left_icon signin_left_icon_efficiency"></i>
							<div class="signin_left_item_content">
								<p>更标准的工作流程</p>
								<p>更高效的工作效率</p>
							</div>
						</li>
						<li class="signin_left_item signin_left_item2">
							<i class="signin_left_icon signin_left_icon_qulity"></i>
							<div class="signin_left_item_content">
								<p>更优质的服务质量</p>
								<p>更满意的服务体验</p>
							</div>
						</li>
						<li class="signin_left_item signin_left_item3">
							<i class="signin_left_icon signin_left_icon_service"></i>
							<div class="signin_left_item_content">
								<p>更快速的服务响应</p>
								<p>更丰富的数据统计</p>
							</div>
						</li>
						<li class="signin_left_item signin_left_item4">
							<i class="signin_left_icon signin_left_icon_intelligence"></i>
							<div class="signin_left_item_content">
								<p>更智能的运维系统</p>
								<p>更低廉的运营成本</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="signin_right">
					<img class="signin_title_logo" src="img/signin_logo.png" style=" display: none;" alt="title" />
					<!--<img class="signin_title_lt" src="img/liantong.png" alt="" />-->
					<h1 class="signin_title">欢迎登录</h1>
					<h5 class="signin_subtitle">一键式综合服务平台</h5>
					<!-- <h5 class="signin_subtitle">智能运维&nbsp;&nbsp;安全节能</h5> -->
					<div class="signin_places">
						请输入账号，分机号，密码，登录
					</div>
					<div class="signin_user">
						<span class="signin_label">账号</span>
						<input class="form-control" type="text" placeholder="" id="user" autofocus autocomplete="off" onkeypress="if(event.keyCode==13) focusNextInput(this);">
						<input type="text" tabindex="-1" class="outside_input">
						<input type="password" tabindex="-1" class="outside_input">
						<i class="signin_icons"></i>
					</div>
					<div class="signin_extension">
						<span class="signin_label">分机</span>
						<input class="form-control" type="text" placeholder="" id="extensionnumber" autofocus autocomplete="off"
						 onkeypress="if(event.keyCode==13) focusNextInput(this);">
						<i class="signin_icons"></i>
					</div>
					<div class="signin_password">
						<span class="signin_label">密码</span>
						<input class="form-control" type="text" onfocus="this.type='password'" placeholder="" id="password" autocomplete="new-password"
						 onkeypress="if(event.keyCode==13) focusNextInput(this);">
						<i class="signin_icons"></i>
					</div>
					<button class="btns logins_btn" type="button" disabled="disabled">登录</button>
					<div class="loginTypes">
						<p id="seat_login" title="点击切换到坐席登录">坐席登录</p>
						<p class="admin_login" id="admin_login" title="点击切换到管理员登录">管理员登录</p>
					</div>
					<div class="alert alert-danger" id="login_tips" role="alert">
						<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
						<span class="sr-only">Error:</span>
						<span id="login_msg"></span>
					</div>
				</div>
			</div>
		</div>

		<script src="Script/Common/huayi.config.js"></script>
		<script language="javascript" type="text/javascript" src="./js/jquery.min.js?v=2.1.4"></script>
		<script language="javascript" type="text/javascript" src="./js/jquery.md5.js"></script>
		<script language="javascript" type="text/javascript" src="./css/layer/layer.js"></script>
		<script src="./Script/Common/regexs.js"></script>
		<script>
			var $storages = window.localStorage;
			$(function() {
				// 				if($storages.getItem('userCode')) {
				// 					$("#user").val($storages.getItem("userCode"));
				// 				}
				/*输入框绑定验证*/
				$('#signin').find("input[class='form-control']").on('focus input propertychange', valideInput);
				$(document).on('keypress', function(event) {
					if (event.keyCode == "13") {
						if (!$('.layui-layer-btn').length) {
							$('.btns:not(:disabled)').trigger("click");
						} else {
							$('.layui-layer-btn a').trigger('click');
						}
					}
				});
				$('#user').trigger('propertychange');
				$('#user').trigger('focus');
				$('#user').trigger('input');
				//账号切换登录
				$('#seat_login').on('click', loginToggle);
				$('#admin_login').on('click', loginToggle);

			});
         //jQuery实现在一个输入框按回车键后光标跳到下一个输入框  
			 function focusNextInput(thisInput)  
			    {   
			        var inputs = document.getElementsByTagName("input");   
					console.log(inputs[0],inputs[1],inputs[2],inputs[3],inputs[4])
			        for(var i = 0;i<inputs.length;i++){   
			            // 如果是最后一个，则焦点回到第一个   
						
			            if(thisInput==inputs[0]){
							
							if($('.signin_extension').is(':visible')){
								inputs[3].focus()
							}else{
								inputs[4].focus();break;
							}
			                  
			            }else if(thisInput==inputs[3]){  
			                inputs[4].focus(); break;   
			            }else if(thisInput==inputs[4]){   
			                inputs[0].focus(); break;   
			            }
			        }   
			    }   
			/*点击提交*/
			function login() {
				$.ajax({
					// contentType: "application/json;charset=UTF-8",   /signtokenapi/api/token/login
					type: "post",
					url: huayi.config.callcenter_url + "/signtokenapi/api/token/login", //signtokenapi/api/token
					dataType: 'json',
					async: false,
					beforeSend: function() { 	// 触发ajax请求开始时执行
						$('.btns').attr("disabled", true);
						$('.btns').text('登录中...');
						$(document).off('click', '.btns', login);
						loadIndex = layer.load();
						$("#password").val('');
						$("#password").attr('type', 'text');
					},
					data: {
						usercode: $("#user").val(),
						password: $.md5($("#password").val())
					},
					success: function(data) {
						layer.close(loadIndex);
						/*验证请求*/
						if (data.state == "success") {
							debugger
							$storages.setItem('token', data.data.token);
							$storages.setItem('headImg', data.data.head_img);
							$storages.setItem('userName', data.data.username);
							$storages.setItem('userCode', data.data.usercode);
							$storages.setItem('roleName', data.data.role_name);
							$storages.setItem('roleCode', data.data.role_code);
							$storages.setItem('remark', data.data.remark);
							if (data.data.role_name.substr(data.data.role_name.length - 1, 1) == '班') {
								$storages.setItem('role_id', data.data.role_id);
							} else {
								$storages.setItem('role_id', "");
							}
							$storages.setItem('seatFlag', data.data.seat_flag);
							$storages.setItem('extno', $("#extensionnumber").val());
							$storages.setItem('group', data.data.group);
							$storages.setItem('deptId', data.data.dept_id);
							$storages.setItem('teamId', data.data.team_id);
							$storages.setItem('mobile', data.data.mobile);
							window.location.href = "index.html";
						} else {
							resetForms();
							layer.alert(data.message, {
								icon: 2,
								closeBtn: 0,
								btn: ['确定'], //按钮
							}, function(index) {
								$('.btns').attr("disabled", true);
								$(document).off('click', '.btns', login);
								layer.close(index);
								$('#user').trigger('focus');
							});
						}
					},
					timeout : 50000,
					error: function(xhr, textStatus, errorThrown) {
						layer.close(loadIndex);
						layer.confirm(xhr.status+'网络繁忙，请稍后再试...', {
							icon: 7,
							closeBtn: 0,
							btn: ['确定'] // 按钮
						});
						$('.btns').text('登录');
						$('.btns').attr("disabled", false);
						$(document).off('click', '.btns', login);
						$(document).on('click', '.btns', login);
					},
					complete: function(XMLHttpRequest, textStatus) {
						layer.close(loadIndex);
						if (textStatus == 'timeout') {
							var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
							xmlhttp.abort();
							layer.confirm('网络超时，请稍后再试...', {
								icon: 7,
								closeBtn: 0,
								btn: ['确定'] //按钮
							});
						}
						$('.btns').text('登录');
						$('.btns').attr("disabled", false);
						$(document).off('click', '.btns', login);
						$(document).on('click', '.btns', login);
					},

				});

			}

			//验证
			function valideInput() {
				var _that = $(this);
				var ele = $(this).attr('id');
				if (ele === 'user') {
					valideMethods(_that, regexs.userReg, '账号格式(4-20个字符只能是字母、下划线、数字)！');
				} else if (ele === 'extensionnumber') {
					valideMethods(_that, regexs.extensionNumber, '分机号格式(4-20个字符只能是数字)！');
				} else if (ele === 'password') {
					valideMethods(_that, regexs.passwordReg, '密码格式(6-32个字符只能是字母、下划线、数字)！');
				}
				if ($('.signin_extension').is(':visible')) {
					if (regexs.userReg.test($.trim($('#user').val())) && regexs.extensionNumber.test($.trim($("#extensionnumber").val())) &&
						regexs.passwordReg.test($.trim($("#password").val()))) {
						$('.btns').attr("disabled", false);
						$(document).off('click', '.btns', login);
						$(document).on('click', '.btns', login);
					} else {
						$('.btns').attr("disabled", true);
						$(document).off('click', '.btns', login);
					}
				} else {
					if (regexs.userReg.test($.trim($('#user').val())) && regexs.passwordReg.test($.trim($("#password").val()))) {
						$('.btns').attr("disabled", false);
						$(document).off('click', '.btns', login);
						$(document).on('click', '.btns', login);
					} else {
						$('.btns').attr("disabled", true);
						$(document).off('click', '.btns', login);
					}
				}

			}
			/**
			 * 验证方法
			 * _this :传递的this
			 * regRlues: 验证的规则
			 * msg: 提示信息
			 * */
			function valideMethods(_this, regRlues, msg) {
				$('#login_tips').hide();
				$('#login_msg').text('');
				if (!regRlues.test($.trim(_this.val()))) {
					_this.parent().removeClass('has-success has-feedback').addClass('has-error has-feedback');
					_this.parent().find('.glyphicon').remove();
					$('<span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>').appendTo(_this.parent());
					$('#login_tips').show();
					$('#login_msg').text(msg);
				} else {
					_this.parent().removeClass('has-error has-feedback').addClass('has-success has-feedback');
					_this.parent().find('.glyphicon').remove();
					$('<span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>').appendTo(_this.parent());
				}
			}
			/**
			 * reset
			 * 登录失败 重置登录form
			 * */
			function resetForms() {
				$("#password").val('');
				$("#password").parent().removeClass('has-success has-feedback');
				$("#password").parent().removeClass('has-error has-feedback');
				$("#password").parent().find('.glyphicon').remove();
				$('.btns').text('登录');
			}

			//管理员和坐席登录切换
			function loginToggle() {
				$(this).hide().siblings().show();
				$('.signin_extension').slideToggle('slow');
			}
		</script>
	</body>

</html>