login.blade.php 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. @extends('statistics.module.layouts.empty')
  2. @push('meta')
  3. @endpush
  4. @push('css')
  5. @endpush
  6. @push('js')
  7. @endpush
  8. @section('content')
  9. <div class="index_main">
  10. <div class="login_back"></div>
  11. <div class="login_item">
  12. <div class="wide">
  13. <div class="index_logo"></div>
  14. <div class="login_form">
  15. <div class="login_user">
  16. <div class="login_user_back"></div>
  17. <input type="text" name="username" id="username" placeholder="请输入登录帐号"/>
  18. </div>
  19. <div class="login_password">
  20. <div class="login_password_back"></div>
  21. <input class="J_loginword" type="password" name="password" id="password" placeholder="请输入您的密码"/>
  22. </div>
  23. <div class="login_memory">
  24. <div class="cq_lf">
  25. <span class="login_auto Yes"></span>
  26. <input class="login_auto_input" type="checkbox" value="1" checked="checked" />
  27. <span class="login_auto_txt" onclick="AutoLoginCheck()">下次自动登录</span>
  28. </div>
  29. <a href="#" class="cq_rt login_forget">忘记密码</a>
  30. <div class="clear"></div>
  31. </div>
  32. <div class="login_btn"><input type="button" value="登 录" id="sub" class="index_login_btn"/></div>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. @endsection
  38. @section('script')
  39. <script>
  40. $("#sub").click(function(){
  41. var username = $("#username").val();
  42. var password = $("#password").val();
  43. if(username==""){
  44. alert("用户名不能为空!");return false;
  45. }
  46. if(password==""){
  47. alert("密码不能为空!");return false;
  48. }
  49. $.post("{{route('statistics.login.account')}}", {
  50. account : username,
  51. password : password,
  52. _token:"{{csrf_token()}}",
  53. }, function(obj) {
  54. window.location.href = "{{route('statistics.home')}}";
  55. }, "json").error(function (error) {
  56. if(error.status == 500 || error.status == 400){
  57. alert(error.responseJSON.message);
  58. return false;
  59. }
  60. });
  61. });
  62. //自动登录
  63. function AutoLoginCheck() {
  64. if ($('.login_auto_input').attr('checked') == "checked") {
  65. $(".login_auto").removeClass("Yes");
  66. $(".login_auto_input").removeAttr("checked");
  67. $(".login_auto_input").val("0");
  68. }
  69. else {
  70. $(".login_auto").addClass("Yes");
  71. $(".login_auto_input").attr("checked", "checked");
  72. $(".login_auto_input").val("1");
  73. }
  74. }
  75. $(document).ready(function(){
  76. $(".login_auto").click(function(){
  77. if ($(this).hasClass("Yes")) {
  78. $(this).removeClass("Yes");
  79. $(".login_auto_input").removeAttr("checked");
  80. $(".login_auto_input").val("0");
  81. } else {
  82. $(this).addClass("Yes");
  83. $(".login_auto_input").attr("checked", "checked");
  84. $(".login_auto_input").val("1");
  85. }
  86. });
  87. // 回车登录
  88. $('.J_loginword').bind('keypress', function(event) {
  89. if (event.keyCode == "13") {
  90. $(this).closest('.login_form').find('.index_login_btn').click();
  91. }
  92. });
  93. });
  94. </script>
  95. @endsection