com_login.blade.php 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. <div class="modal_login_box">
  2. <!--企业会员登录-->
  3. <div class="login-box-com-body">
  4. <div class="login-form">
  5. <div class="form-l">
  6. <div class="user-login">
  7. <form id="form_company" action="{{route('login.company')}}" method="post">
  8. {{ csrf_field() }}
  9. <div id="company_account"></div>
  10. <div id="message_company"></div>
  11. <div class="form-group yhm">
  12. <div class="imgbg"></div>
  13. <input class="input-login" type="text" value="" name="company_account" placeholder="请输入用户名"/>
  14. </div>
  15. <div id="company_password"></div>
  16. <div class="form-group mm">
  17. <div class="imgbg"></div>
  18. <input class="input-login" type="password" value="" name="company_password" placeholder="请输入密码"/>
  19. </div>
  20. <div class="txt-group">
  21. <input type="checkbox" name="autoLogin" value="1" checked />
  22. <span class="check-box yes" onclick="checkAutoLogin()">下次自动登录</span>
  23. <span class="txt-r"><a href="{{route('password.request')}}">忘记密码?</a></span>
  24. </div>
  25. <div class="btn-group login-company">
  26. 登录
  27. </div>
  28. </form>
  29. </div>
  30. <div class="reg-link-box">
  31. 还没有账号?<a class="reg-txt" href="{{route('register.index')}}">立刻注册</a>
  32. </div>
  33. </div>
  34. <div class="form-r">
  35. <div id="thirdlogin-wechat-web" class="qr-code">
  36. </div>
  37. <div class="appsparent">
  38. <p class="txt">使用合作账号直接登录</p>
  39. <a class="app-icon qq" href=""></a>
  40. </div>
  41. <div class="other-user">
  42. <a href="{{route('login')}}">其他用户登录>></a>
  43. </div>
  44. </div>
  45. <div class="clear"></div>
  46. </div>
  47. </div>
  48. </div>
  49. <script type="text/javascript" src="{{ theme_asset('gt/gt.js') }}"></script>
  50. <script type="text/javascript" src="{{ theme_asset('gt/gt.handle.js') }}"></script>
  51. @include('module.widgets.thirdlogin', ['redirect_url'=>$redirect_url])
  52. {{--@section('script')--}}
  53. <script>
  54. $(function () {
  55. var is_need_geetest=0;//全局,是否使用极验.
  56. var login_type=1;//登录模式,1用户账号登录,2用户手机登录,3企业登录.
  57. var gt_call_back=function(captchaObj) {
  58. captchaObj.onReady(function () {
  59. //极验加载完成
  60. });
  61. captchaObj.onSuccess(function () {
  62. ajax_login(login_type,captchaObj);
  63. });
  64. captchaObj.onError(function () {
  65. show_error(login_type,"请先进行验证");
  66. });
  67. captchaObj.onClose(function () {
  68. show_error(login_type,"请先进行验证");
  69. });
  70. $(document).on('click','.login-company', function () {
  71. login_type=3;
  72. clean_message();
  73. if (is_need_geetest==1){
  74. captchaObj.bindForm("#form_company");
  75. captchaObj.verify();
  76. } else{
  77. ajax_login(login_type,captchaObj);
  78. }
  79. });
  80. };
  81. gt_init(gt_call_back);//初始化极验
  82. function ajax_login(type, captchaObj) {
  83. if (type==3){
  84. $.ajax({
  85. method: 'post',
  86. url: $("#form_company").attr('action'),
  87. data: $("#form_company").serialize(),
  88. beforeSend:function () {
  89. //console.log('请求开始');
  90. clean_message();
  91. },
  92. complete:function() {
  93. //console.log('请求结束');
  94. },
  95. success: function (data) {
  96. //console.log(data);
  97. //location.href=data.data.redirect_url;
  98. window.location.reload();
  99. },
  100. error: function (errorData) {
  101. //console.log(errorData);
  102. if (is_need_geetest==1){
  103. captchaObj.reset();
  104. }
  105. if (errorData.status==422) {//验证错误
  106. $.each(errorData.responseJSON.errors,function (key,val) {
  107. $("#"+key).addClass("errinfo");
  108. $("#"+key).text(val[0]);
  109. });
  110. }
  111. else if(errorData.status==400) {//业务错误
  112. $("#message_company").addClass("errinfo");
  113. $("#message_company").text(errorData.responseJSON.message);
  114. is_need_geetest=errorData.responseJSON.errors.is_need_geetest;
  115. }
  116. }
  117. });
  118. }
  119. };
  120. function show_error(type,message) {
  121. if (type==1) {
  122. $("#message_account").addClass("errinfo");
  123. $("#message_account").text(message);
  124. }
  125. else if (type==2) {
  126. $("#message_mobile").addClass("errinfo");
  127. $("#message_mobile").text(message);
  128. }
  129. else if (type==3){
  130. $("#message_company").addClass("errinfo");
  131. $("#message_company").text(message);
  132. }
  133. };
  134. function clean_message() {
  135. $(".errinfo").text("");
  136. $(".errinfo").removeClass("errinfo");
  137. $(".successinfo").text("");
  138. $(".successinfo").removeClass("successinfo");
  139. }
  140. });
  141. function checkAutoLogin() {
  142. var isCheck = $(".check-box").hasClass("yes");
  143. if (isCheck) {
  144. $(".check-box").removeClass("yes");
  145. $(".check-box").closest(".txt-group").find("input[name=autoLogin]").prop("checked", false);
  146. } else {
  147. $(".check-box").addClass("yes");
  148. $(".check-box").closest(".txt-group").find("input[name=autoLogin]").prop("checked", true);
  149. }
  150. }
  151. // 倒计时
  152. var countdown = 60;
  153. function settime() {
  154. if (countdown == 0) {
  155. $('.btn-getcode').prop("disabled", false);
  156. $('.btn-getcode').removeClass('btn-disabled');
  157. $('.btn-getcode').val('获取验证码');
  158. countdown = 60;
  159. return;
  160. } else {
  161. $('.btn-getcode').prop("disabled", true);
  162. $('.btn-getcode').addClass('btn-disabled');
  163. $('.btn-getcode').val('重新发送' + countdown + '秒');
  164. countdown--;
  165. }
  166. setTimeout(function() {
  167. settime()
  168. },1000)
  169. }
  170. </script>
  171. {{--@endsection--}}