login.blade.php 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="csrf-token" content="{{ csrf_token() }}" />
  7. <title>{{trans('cs.login.title')}}</title>
  8. <link rel="stylesheet" href="/assets/vendors/iconfonts/mdi/css/materialdesignicons.min.css">
  9. <link rel="stylesheet" href="/assets/vendors/css/vendor.bundle.base.css">
  10. <link rel="stylesheet" href="/assets/css/style.css">
  11. <link rel="shortcut icon" href="/assets/images/favicon.png" />
  12. </head>
  13. <body>
  14. <div class="container-scroller">
  15. <div class="container-fluid page-body-wrapper full-page-wrapper">
  16. <div class="content-wrapper d-flex align-items-center auth">
  17. <div class="row w-100">
  18. <div class="col-lg-4 mx-auto">
  19. <div class="auth-form-light text-left p-5">
  20. <div class="brand-logo">
  21. {{-- <img src="/uploads/config/20181107/5be269ef937d1.png">--}}
  22. </div>
  23. <form class="pt-3">
  24. <div class="form-group">
  25. <input type="text" class="form-control form-control-lg" id="account" placeholder="{{trans('cs.login.notice_user')}}">
  26. </div>
  27. <div class="form-group">
  28. <input type="password" class="form-control form-control-lg" id="password" placeholder="{{trans('cs.login.notice_pass')}}">
  29. </div>
  30. <div class="form-group">
  31. <div class="input-group">
  32. <input type="text" class="form-control form-control-lg" id="captcha" name="captcha" autocomplete="off" maxlength="6" placeholder="{{ trans('cs.login.captcha_placeholder') }}">
  33. <div class="input-group-append">
  34. <span class="input-group-text p-0 border-0 bg-transparent" style="cursor:pointer;" onclick="refreshCaptcha()" title="{{ trans('cs.login.captcha_refresh') }}">
  35. <img id="captcha-img" src="/admin/login_captcha" alt="captcha" style="height:48px;border-radius:4px;">
  36. </span>
  37. </div>
  38. </div>
  39. </div>
  40. <div class="mb-2">
  41. <button type="button" onclick="login()" class="btn btn-gradient-info btn-lg btn-block">
  42. {{trans('cs.login.btn')}}
  43. </button>
  44. </div>
  45. <div class="text-center mt-4 font-weight-light">
  46. </div>
  47. </form>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <script src="/assets/vendors/js/vendor.bundle.base.js"></script>
  55. <script src="/assets/vendors/js/vendor.bundle.addons.js"></script>
  56. <script src="/assets/js/off-canvas.js"></script>
  57. <script src="/assets/js/misc.js"></script>
  58. <script src="/assets/js/jquery-3.0.0.min.js"></script>
  59. <script src="/assets/layer/layer.js"></script>
  60. <script src="/assets/js/common.js"></script>
  61. </body>
  62. <script>
  63. document.onkeydown=keyListener;
  64. function keyListener(e){
  65. if(e.keyCode == 13){
  66. login();
  67. }
  68. }
  69. function refreshCaptcha(){
  70. $('#captcha-img').attr('src', '/admin/login_captcha?t=' + Date.now());
  71. }
  72. function login(){
  73. var account = $("#account").val();
  74. var password = $("#password").val();
  75. var captcha = $("#captcha").val();
  76. if(!account || !password){
  77. layer.msg('账号和密码不能为空', function(){});
  78. return false;
  79. }
  80. if(!captcha){
  81. layer.msg(@json(trans('cs.login.notice_captcha')), function(){});
  82. return false;
  83. }
  84. var data = {
  85. 'account':account,
  86. 'password':password,
  87. 'captcha':captcha,
  88. };
  89. myRequest("/admin/login_op","post",data,function(res){
  90. if(res.code == '200'){
  91. layer.msg(res.msg)
  92. setTimeout(function(){
  93. window.location.href="/admin/bx_nb";
  94. },1500)
  95. }else{
  96. layer.msg(res.msg)
  97. refreshCaptcha();
  98. $("#captcha").val('');
  99. }
  100. });
  101. }
  102. </script>
  103. </html>