index.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. {__NOLAYOUT__}
  2. <!DOCTYPE HTML>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  10. <meta http-equiv="Cache-Control" content="no-siteapp" />
  11. <link href="/static/plugins/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
  12. <link href="/static/plugins/h-ui.admin/css/H-ui.login.css" rel="stylesheet" type="text/css" />
  13. <link href="/static/plugins/h-ui.admin/css/style.css" rel="stylesheet" type="text/css" />
  14. <link href="/static/plugins/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />
  15. <title>后台登录</title>
  16. </head>
  17. <body>
  18. <div class="loginWraper">
  19. <div id="loginform" class="loginBox form form-horizontal">
  20. <input type="hidden" value="{$restore_url}" id="restore_url">
  21. <div class="row cl">
  22. <label class="form-label col-xs-3"><i
  23. class="Hui-iconfont">&#xe60d;</i></label>
  24. <div class="formControls col-xs-8">
  25. <input id="username" name="username" type="text" placeholder="账户:" class="input-text size-L">
  26. </div>
  27. </div>
  28. <div class="row cl">
  29. <label class="form-label col-xs-3"><i
  30. class="Hui-iconfont">&#xe60e;</i></label>
  31. <div class="formControls col-xs-8">
  32. <input id="password" name="password" type="password" placeholder="密码:" class="input-text size-L">
  33. </div>
  34. </div>
  35. <div class="row cl">
  36. <div class="formControls col-xs-8 col-xs-offset-3">
  37. <input type="hidden" name="__token__" value="{:token()}"/>
  38. <button class="btn btn-success radius size-L login">&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;</button>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="footer">Copyright HUWHOIS</div>
  44. <script type="text/javascript" src="/static/plugins/lib/jquery/1.9.1/jquery.min.js"></script>
  45. <script type="text/javascript" src="/static/plugins/h-ui/js/H-ui.js"></script>
  46. <script type="text/javascript" src="/static/plugins/lib/layer/2.4/layer.js"></script>
  47. <script>
  48. // 回车触发登录
  49. $(document).keyup(function (event) {
  50. if (event.keyCode == 13) {
  51. $(".login").trigger("click");
  52. }
  53. });
  54. $(function () {
  55. // 后台登录
  56. $(".login").click(function () {
  57. var username = $("input[name='username']").val();
  58. var password = $("input[name='password']").val();
  59. var __token__ = $("input[name='__token__']").val();
  60. if (!username) {
  61. layer.alert('请输入用户名', {
  62. icon: 2
  63. }, function (index) {
  64. layer.close(index);
  65. $("input[name='username']").focus();
  66. });
  67. return false;
  68. }
  69. if (!password) {
  70. layer.alert('请输入密码', {
  71. icon: 2
  72. }, function (index) {
  73. layer.close(index);
  74. $("input[name='password']").focus();
  75. });
  76. return false;
  77. }
  78. $.ajax({
  79. type: "post",
  80. url: "{:url('checkLogin')}",
  81. data: {
  82. username: username,
  83. password: password,
  84. __token__: __token__
  85. },
  86. dataType: "json",
  87. beforeSend: function () {
  88. loadIndex = layer.load();
  89. },
  90. success: function (res) {
  91. if (res.code==0) {
  92. // sessionStorage.setItem('permissions', res.permissions);
  93. layer.close(loadIndex);
  94. // console.log(res.href);
  95. var restore_url = $("#restore_url").val();
  96. window.location.href = restore_url;
  97. } else {
  98. layer.close(loadIndex);
  99. layer.alert(res.msg, {
  100. icon: 2
  101. }, function (index) {
  102. layer.close(index);
  103. $(".login-codeimg").attr("src", $(".login-codeimg").attr("src") + '?' + Math.random());
  104. });
  105. }
  106. },
  107. error: function (xhr) {
  108. // layer.close(loadIndex);
  109. // layer.alert('登录失败,请稍后重试', {
  110. // icon: 2
  111. // }, function (index) {
  112. // layer.close(index);
  113. // window.location.reload();
  114. // });
  115. }
  116. });
  117. })
  118. })
  119. </script>
  120. </body>
  121. </html>