index.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta http-equiv="Pragma" content="no-cache">
  6. <meta http-equiv="Cache-Control" content="no-cache">
  7. <meta http-equiv="Expires" content="0">
  8. <title>whisper {$version}客服登录页面</title>
  9. <script type="text/javascript" src="/static/service/js/jquery-1.9.0.min.js"></script>
  10. <script type="text/javascript" src="/static/service/js/layui/layui.js"></script>
  11. <link href="/static/service/css/login.css" rel="stylesheet" type="text/css" />
  12. </head>
  13. <body>
  14. <div class="login_box">
  15. <div class="login_l_img"><img src="/static/service/images/login-img.png" /></div>
  16. <div class="login">
  17. <div class="login_logo"><a href="javascript:;"><img src="/static/service/images/login_logo.png" /></a></div>
  18. <div class="login_name">
  19. <p>whisper 登录页面</p>
  20. </div>
  21. <div class="login-form">
  22. <input name="username" type="text" placeholder="用户名" id="u" >
  23. <input name="password" type="password" id="p" placeholder="密码"/>
  24. <input value="登录" style="width:100%;" type="button" id="btn">
  25. </div>
  26. </div>
  27. <div class="copyright"><a href="http://baiyf.com" target="_blank" style="color:white;">whisper</a> 版权所有 ©2018-2019 </div>
  28. </div>
  29. <script>
  30. document.onkeydown=function(event){
  31. var e = event || window.event || arguments.callee.caller.arguments[0];
  32. if(e && e.keyCode==13){ // enter 键
  33. doLogin();
  34. }
  35. };
  36. $(function(){
  37. $("#btn").click(function(){
  38. doLogin();
  39. });
  40. });
  41. function doLogin(){
  42. layui.use(['layer'], function(){
  43. var layer = layui.layer;
  44. layer.ready(function(){
  45. var user_name = $("#u").val();
  46. var password = $("#p").val();
  47. if('' == user_name){
  48. layer.tips('请输入用户名', '#u');
  49. return false;
  50. }
  51. if('' == password){
  52. layer.tips('请输入密码', '#p');
  53. return false;
  54. }
  55. var index = layer.load(0, {shade: false});
  56. $.post('/service/login/doLogin', {username: user_name, password: password}, function(res){
  57. layer.close(index);
  58. if(1 == res.code){
  59. window.location.href = res.data;
  60. }else{
  61. return layer.msg(res.msg, {icon: 2, anim: 6});
  62. }
  63. }, 'json');
  64. });
  65. });
  66. }
  67. </script>
  68. </body>
  69. </html>