<!DOCTYPE html>
<html lang="en" style="height:100%;">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>威海市中医院网站管理平台</title>
  <link rel="shortcut icon" href="/style/web_index/img/favicon.ico">
  <meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
  <meta name="author" content="Vincent Garreau">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" media="screen" href="/style/login/images/bootstrap-login.css">
  <link rel="stylesheet" type="text/css" href="/style/login/images/validate.css">
  <link rel="stylesheet" type="text/css" href="/style/login/images/login.min.css">
  <script src="/style/js/jquery.min.js"></script>
  <script src="/style/login/images/jquery.validate.min.js"></script>
  <script src="/style/js/jquerya.min.js"></script>
  <script src="/style/layer/layer.js"></script>
  <script src="/style/js/formvalidate/my.js"></script>
  <script src="/style/js/aes.js"></script>
  <script src="/style/js/pad-zeropadding.js"></script>
  <script language="javascript">
  if (window.top != window.self) {
      window.top.location = window.self.location;
  }
  $(function(){
      $(document).keydown(function(event){
          if(event.keyCode ==13){
              $('#denglu').trigger('click');
          }
      });
  })
    var context = "\/";
    function user(){
      var key = CryptoJS.enc.Latin1.parse('abcdef0123456789');
      var iv = CryptoJS.enc.Latin1.parse('0123456789abcdef');

      var yonghuming = $("#yonghuming").val();
      if(yonghuming == null || yonghuming == '' || yonghuming == 'undefined' ){
        layer.alert('请输入用户名', {
          skin: 'layui-layer-molv' //样式类名
          ,closeBtn: 0,
          title:'提示'
        });
        $("#yonghuming").focus();
        return false;
      }
      var userName = CryptoJS.AES.encrypt(yonghuming, key, {
        iv: iv,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.ZeroPadding
      });
      $("#userName").val(userName);

      var mima = $("#mima").val();
      if(mima == null || mima == '' || mima == 'undefined' ){
        layer.alert('请输入密码', {
          skin: 'layui-layer-molv' //样式类名
          ,closeBtn: 0,
          title:'提示'
        });
        $("#mima").focus();
        return false;
      }
      var password = CryptoJS.AES.encrypt(mima, key, {
        iv: iv,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.ZeroPadding
      });
      $("#password").val(password);
      $.ajax({
        url: "\/admin\/check",
        type: "post",
        data: arrayTOjson($("#loginForm").serializeArray()),
        contentType: "application/json",
        dataType: "json",
        timeout: 20000,
        success: function(result){
            if(result.code == '200'){
              layer.msg(result.message, {
                time: 1000//停留一秒
              },function(){
                window.location.href="\/admin\/index";
              });
            }else{
              layer.alert(result.message, {
                skin: 'layui-layer-molv' //样式类名
                ,closeBtn: 0,
                title:'异常提示'
              });
              updateCode();
            }
          },
        error:function(e){
          layer.alert(e.responseText, {
            skin: 'layui-layer-molv' //样式类名
            ,closeBtn: 0,
            title:'失败提示'
          });
          updateCode();
          }
      });
    };
    function updateCode(){
      var code=document.getElementById("yanzhengma");
      code.src=context+"captcha?random="+new Date().getTime();
    };
  </script>
</head>
<body class="login login-bg" >
<div class="neckFocusimg" style="">
  <div  id="div1" style="height:100%;width:100%;">
    <div class="li" style="display: block;">
      <div class="imgDiv"><img src="/style/login/images/b1.png" class="img"> </div>
    </div>
    <div class="li" style="background-color:#d8e1ff; display: none;">
      <div class="imgDiv"> <img src="/style/login/images/b2.png" class="img"> </div>
    </div>
    <div class="li" style="background-color: #f8f9fe; display: none;">
      <div class="imgDiv"> <img src="/style/login/images/b3.png" class="img"> </div>
    </div>
  </div>
  <ul class="neckFocustab">
    <li nums="0" class="cur curA"></li>
    <li nums="1" class="curO"></li>
    <li nums="2" class="curO"></li>
  </ul>
  <div class="logo"><img src="/style/login/images/logoSmall.png" height="55">
    <span style="font-size:24px; font-weight: bold; color: #000; line-height: 55px;">威海市中医院</span>
    <span style="font-size:18px;color: #686868; line-height: 55px; border-left:1px solid #686868 ; padding-left: 10px; margin-left: 10px;">
      威海市中医院网站管理平台</span>
  </div>
  <div class="content">
    <div class="new-loginFunc">
      <div id="lbNormal" class="new-loginFuncNormal account-126-icon">
        <div class="loginFunc-tips">帐号登录</div>
      </div>
    </div>
      <div class="pc">
        <div class="form-group Logintit">
          <label >帐号登录</label>
        </div>
        <div class="form-group" id="div2">
          <div class="form-widget">
            <input autocomplete="off" id="yonghuming" name="yonghuming" class="form-control" placeholder="用户名" required  aria-required="true"  aria-invalid="true">
          </div>
        </div>
        <div class="form-group" id="div3">
          <div class="form-widget">
            <input autocomplete="off" id="mima" name="mima" class="form-control " placeholder="密码" type="password" required aria-required="true" >
          </div>
        </div>
        <form id="loginForm" class="form-horizontal" onsubmit="return false;">
          <div class="form-group" id="div4">
            <div class="form-widget">
              <input autocomplete="off" id="checkCode" name="checkCode" class="form-control" style="width:60%;float:left" placeholder="验证码" required bind-name="checkCode" aria-required="true" aria-describedby="verifycode-error">
              <img id="yanzhengma" src="/captcha?random=SW5X1" width="100" border="0" onclick="updateCode();return false;">
            </div>
          </div>
          <div class="form-group" id="div9">
            <button id="denglu" type="button" class="btn btn-primary btn-block" onclick="user()">登&nbsp;&nbsp;录</button>
          </div>
          <input type="hidden" name="userName" id="userName" />
          <input type="hidden" name="password" id="password" />
        </form>
      </div>
  </div>
  <div class="floor">威海市中医院网站管理平台</div>
</div>


<script language="javascript">
(function(){
	var lunlis = $('#div1 .li');
	var nums = 0;
	var lunbo_timers = lunboTimersFn();

	function lunboTimersFn() {
		return window.setInterval(function() {
			luneventFn();
		}, 3000);
	}
	function luneventFn() {
		if(nums < lunlis.length) {
			var _this = lunlis.eq(nums);
			_this.fadeIn(500);
			_this.siblings().fadeOut(500);
			actives(nums);
			nums++;
		} else {
			nums == lunlis.length ? actives(0) : actives(nums);
			lunlis.eq(lunlis.length - 1).fadeOut(500);
			lunlis.eq(0).fadeIn(500);
			nums = 0;
		}
	}

	//hover
	$('.neckFocusimg li').hover(function() {
		window.clearInterval(lunbo_timers);
	}, function() {
		lunbo_timers = lunboTimersFn();
	})

	//根据banner图的数量动态创建圆点
	var actives = function(i) {
		$('.neckFocustab li.cur').addClass("curO");
		$('.neckFocustab li').removeClass('cur').removeClass('curA');
		$('.neckFocustab li').eq(i).addClass('cur').addClass('curA').removeClass('curO');
	}
	//点击圆点事件(点击改为滑过)
	var oSmallLiss = $('.neckFocustab li');
	$(document).on('mouseenter', '.neckFocustab li', function() {
		window.clearInterval(lunbo_timers);
		var _this = $(this);
		var attr_num = _this.attr('nums');
		nums = attr_num;
		actives(nums);
		lunlis.eq(nums).fadeIn(500).siblings().fadeOut(500);
	});
})()
</script>

</body>
</html>