login.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html lang="ZH-cn" style="height: 100%;">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>登录界面</title>
  8. <script src="../js/min-loader.js"></script>
  9. <link rel="stylesheet" href="../css/login.css">
  10. <!-- <link rel="stylesheet" href="../build/css/login.css"> -->
  11. <style type="text/css">
  12. input{
  13. background-color: transparent !important;
  14. }
  15. </style>
  16. </head>
  17. <body style="height: 100%;margin: 0;">
  18. <div class="login-back">
  19. <div class="login-title">
  20. <p>内管系统</p>
  21. </div>
  22. <form class="layui-form">
  23. <div class="login-kuang">
  24. <div class="login-input">
  25. <img alt="" src="../images/icon_user.svg">
  26. <input type="text" id="loginName" name="loginName" lay-verify="required" placeholder="用户名/手机号" />
  27. </div>
  28. <div class="login-input">
  29. <img alt="" src="../images/icon_password.svg">
  30. <input type="password" name="password" lay-verify="required" placeholder="密码" />
  31. </div>
  32. <div class="login-input">
  33. <img alt="" src="../images/icon_vc.svg">
  34. <input type="" name="imgCode" id="imgCode" value="" maxlength="4" lay-verify="required" placeholder="请输入验证码"/>
  35. <div class="yan-img">
  36. <img id="checkImg" src="../SystemAction/checkImg?MINView=JSON" onclick="change()" title="点击更换验证码" style="width: 100%;height: 100%;margin: 0;">
  37. </div>
  38. </div>
  39. <div class="" style="width: 358px;margin: 14px auto 18px;">
  40. <input type="checkbox" name="rememberMe" title="记住帐号" lay-skin="primary" id="rememberMe" lay-ignore><label for="rememberMe">记住帐号</label>
  41. </div>
  42. <div class="" style="margin: auto;width: 352px;">
  43. <!-- <button type="button" class="login-btn">登录</button> -->
  44. <button class="login-btn" lay-submit="submit" lay-filter="login_hash">登录</button>
  45. </div>
  46. </div>
  47. </form>
  48. </div>
  49. <div class="footer" style="bottom: 3%;color: #00E1EB;width: 100%;text-align: center;position: fixed;left: 0;">
  50. </div>
  51. <script type="text/javascript">
  52. $("layui-form login-kuang .layui-unselect").remove();
  53. </script>
  54. <script>
  55. $('.footer').load('./common/footer.html');
  56. //获取验证码
  57. function change(){
  58. var img1 = document.getElementById("checkImg");
  59. img1.src="../SystemAction/checkImg?MINView=JSON"+new Date().getTime();
  60. }
  61. $(".layui-unselect").remove();
  62. layui.use(['layer', 'form'], function() {
  63. var form = layui.form,
  64. $ = layui.jquery;
  65. $('#forgot').on('click', function() {
  66. layer.msg('请联系管理员.');
  67. });
  68. $("#loginName").val(getSpVal("loginUserName"));
  69. //监听提交
  70. form.on('submit(login_hash)', function(data) {
  71. clearLove();
  72. // layer.msg(JSON.stringify(data.field));
  73. var userName = data.field.loginName;
  74. var userPwd = data.field.password;
  75. var imgCode = data.field.imgCode;
  76. // 如果密码是选中状态
  77. var reMak = data.field.rememberMe;
  78. $.request({
  79. action : "SystemAction/login",
  80. data : {
  81. userName : userName,//用户名
  82. userPwd : userPwd//密码
  83. ,checkCode:imgCode
  84. },
  85. success : function(data) {/* debugger */
  86. setTempVal("isLogin", true);
  87. setSpVal("loginUserChannel", data.channel);
  88. if(reMak == 'on') {
  89. setSpVal("loginUserName", userName);
  90. }
  91. if(data.MINStatus == '0'){
  92. window.location.href='index.html';
  93. }
  94. else {
  95. layer.alert(data.MINErrorMessage, {
  96. icon: 5,
  97. title: "提示"
  98. });
  99. }
  100. },
  101. error : function(data) {
  102. layer.alert(data.MINErrorMessage, {
  103. icon: 5,
  104. title: "提示"
  105. });
  106. }
  107. });
  108. return false;
  109. });
  110. });
  111. </script>
  112. </body>
  113. </html>