説明なし

login.html 2.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" href="../css/base.css" />
  6. <title></title>
  7. <style type="text/css">
  8. .login-form {
  9. position: absolute;
  10. left: 50%;
  11. top: 50%;
  12. transform: translate(-50%, -50%);
  13. max-height: 90%;
  14. max-width: 90%;
  15. background-color: #fff;
  16. overflow: auto;
  17. width: 450px;
  18. border: 1px solid #66AFE9;
  19. padding: 30px;
  20. border-radius: 5px;
  21. }
  22. .row {
  23. margin: 10px 0;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div class="login-form container">
  29. <div class="row">
  30. <div class="col-5 item-caption">用户名</div>
  31. <div class="col-7">
  32. <div class="form-item text" defVal="" name="key"></div>
  33. </div>
  34. </div>
  35. <div class="row">
  36. <div class="col-5 item-caption">密码</div>
  37. <div class="col-7">
  38. <div class="form-item text password" defVal="" name="pw"></div>
  39. </div>
  40. </div>
  41. <div class="row">
  42. <div class="col-10 "></div>
  43. <div class="col-2">
  44. <button type="button" class="btn login-btn">Login</button>
  45. </div>
  46. </div>
  47. </div>
  48. <div id='g_info'>
  49. <div id='g_err'></div>
  50. <div id='g_warn'></div>
  51. <div id='g_msg'></div>
  52. </div>
  53. <div id='g_loading' style="display: none;">
  54. <div>
  55. <i class='icon icon-spin icon-spinner-snake'></i>
  56. </div>
  57. </div>
  58. <script type="text/javascript" src="../js/jquery-1.12.4.js"></script>
  59. <script type="text/javascript" src="../js/base.js"></script>
  60. <script type="text/javascript">
  61. $(function() {
  62. var loginForm = $(".login-form").form();
  63. $(".login-btn").on("click", function(){
  64. //do check
  65. loginForm.doPost("../ajax/sys/user/login", function(data) {
  66. if(data) {
  67. window.location.href='index.html#sys_usercount_index';
  68. // var uri = window.location.hash;
  69. // if(uri && uri.length>1){
  70. // window.location.href=decodeURIComponent(uri.substring(1));
  71. // }else{
  72. // window.location.href='index.html#sys_usercount_index';
  73. // }
  74. } else {
  75. $.util.error("帐号密码错误,或者帐号失效");
  76. }
  77. }, true);
  78. });
  79. });
  80. </script>
  81. </body>
  82. </html>