com_login.blade.php 8.6 KB

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