peiguo
/
hust-epi


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <title>系统登录</title>
    <link rel="shortcut icon" href="/static/logo.png"/>
    <link type="text/css" rel="stylesheet" href="/static/plugins/font-awesome/css/font-awesome.min.css"/>
    <link type="text/css" rel="stylesheet" href="/static/css/login.css"/>
</head>
<body>
<div class="login-body">
    <div class="login-body-box">
        <form id="form" method="post">
            <dl class="login-dl-form">
                <dt class="login-dl-title">江中耀华家园平台</dt>
                <dd>
                    <div class="login-dl-name">用户名</div>
                    <div class="login-dl-info">
                        <input id="loginName" name="loginName" type="text" placeholder="请输入用户名/工卡号"
                               style="font-size:14px;"/>
                        <i class="fa fa-user"></i>
                    </div>
                </dd>
                <dd>
                    <div class="login-dl-name">密码</div>
                    <div class="login-dl-info">
                        <input id="loginPwd" name="loginPwd" type="password" placeholder="请输入密码"
                               style="font-size:14px;"/>
                        <i class="fa fa-unlock-alt"></i>
                    </div>
                </dd>
                <dd class="errorinfo"></dd>
            </dl>
            <dl class="login-dl-submit"><a class="submit">登录</a></dl>
        </form>
    </div>
</div>
</body>

</html>
<!-- jQuery相关引用 -->
<script type="text/javascript" src="/static/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/static/plugins/jquery/jquery.cookie.js"></script>
<script type="text/javascript" src="/app.js"></script>
<script type="text/javascript" src="/app/whepi/env.js"></script>
<script>
  $(function () {
    $('.submit').click(function () {
      $('.errorinfo').html('');

      if (!$('#loginName').val()) {
        $('.errorinfo').html('请填写用户名');
        return;
      }

      if (!$('#loginPwd').val()) {
        $('.errorinfo').html('请填写密码');
        return;
      }
      $('#form').submit();
    });

    $(document).keyup(function (event) {
      if (event.keyCode === 13) {
        $(".submit").trigger("click");
      }
    });

    $('#form').submit(function () {
      $.ajax({
        url: api('/user/login.json'),
        crossDomain: true,
        type: 'post',
        data: {
          loginName: $('#loginName').val(),
          loginPwd: $('#loginPwd').val()
        },
        success: function (root) {
          if (!root.success) {
            $('.errorinfo').html(root.msg);
          } else {
            $.cookie('auth', root.data.token, {path: '/'});
            window.location.href = '/app/whepi/index.html#';
          }
        },
        error: function () {
          $('.errorinfo').html('网络异常');
        }
      });

      return false;
    });
  });
</script>