jucai/public/themes/default/views/mobile/app/auth/login.blade.php

@extends('mobile.module.layouts.content')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/members.css') }}" rel="stylesheet">
@endpush

@push('js')
    <script type="text/javascript" src="{{ theme_asset('gt/gt.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('gt/gt.handle.js') }}"></script>
    <script src="https://captcha.253.com/TCaptcha.js"></script>
@endpush

@section('content')
    <div class="qs-top-nav x2 list_height">
        <div class="n-cell active">账号密码登录<div class="b-line"></div></div>
        <div class="n-cell" onclick="javascript:location.href='{{route($sub_site.'mobile.login.mobile')}}'">手机动态码登录<div class="b-line"></div></div>
        <div class="clear"></div>
    </div>
    <div class="split-block"></div>
    <form method="post" id="form_account" action="{{route($sub_site.'mobile.login')}}">
        <input type="hidden" name="ticket" id="ticket">
        <input type="hidden" name="bizState" id="bizState">
        <input type="hidden" name="randstr" id="randstr">
        {{ csrf_field() }}
        <div class="loging-input-group">
            <div class="group-list">
                <div class="g-close"></div>
                <input id="account" name="account" type="text" class="l-input j-l-input font14" placeholder="请输入用户名/手机/邮箱" autocomplete="off">
            </div>
            <div class="group-list pwd">
                <div class="g-close"></div>
                <input id="password" name="password" type="text" onfocus="this.type='password'" class="l-input j-l-input font14" placeholder="请输入密码" autocomplete="off">
            </div>
        </div>
        <div class="l-tool-bar list_height">
            <div class="auto-loging">
                <div class="for-checkbox active" id="for-checkbox">下次自动登录</div>
            </div>
            <div class="for-pwd link_gray6"><a href="{{route($sub_site.'mobile.password.request')}}">忘记密码</a></div>
            <div class="clear"></div>
        </div>
        <div id="pop" style="display:none"></div>
        <input type="hidden" name="autoLogin" id="autoLogin" value="1" >
    </form>
    <div class="btn-spacing login-account"><a id="loginBtn" href="javascript:;" class="qs-btn qs-btn-blue font18">登录</a></div>
    <div class="qs-center login-btn-group">
        <div class="login-btn-group-box">
            <a url="{{route($sub_site.'mobile.register.index')}}" class="qs-btn qs-btn-medium qs-btn-border-orange font14 register_user" url="{{route($sub_site.'register.index')}}"  href="javascript:;" style="width: 2.45rem;">立即注册</a>
            <a href="{{route($sub_site.'mobile.login.company')}}" class="qs-btn  qs-btn-medium qs-btn-border-blue font14" style="width: 2.45rem;margin-left: .5rem">企业用户登录</a>
            <div class="clear"></div>
        </div>
    </div>
    <div class="qs-center coop-title">使用合作账号登录/注册</div>
    <div class="coop-group qs-center" >
        <div class="coop-cell" id="other-thirdlogin">
        </div>
        <div class="clear"></div>
    </div>
@endsection


@section('script')

    @include('mobile.module.widgets.thirdlogin')
    <script>
        $(function () {
            var is_need_geetest=0;//全局,是否使用极验.
            var login_type=1;//登录模式,1用户账号登录,2用户手机登录,3企业登录.
            var gt_call_back=function(captchaObj) {
                captchaObj.onReady(function () {
                    //极验加载完成
                });
                captchaObj.onSuccess(function () {
                    ajax_login(login_type,captchaObj);

                });
                captchaObj.onError(function () {
                    // qsToast({type:2,context: "请先进行验证"});
                });
                captchaObj.onClose(function () {
                    // qsToast({type:2,context: "请先进行验证"});
                });
                $('.login-account').on('click', function () {
                    var usernameValue = $.trim($('input[name=account]').val());
                    var passwordValue = $.trim($('input[name=password]').val());
                    if (usernameValue == '') {
                        qsToast({type:2,context: '请输入用户名/手机号'});
                        return false;
                    }
                    if (passwordValue == '') {
                        qsToast({type:2,context: '请输入密码'});
                        return false;
                    }
                    login_type=1;
                    //clean_message();
                    if (is_need_geetest==1){
                        captchaObj.bindForm("#form_account");
                        captchaObj.verify();
                    }
                    else{
                        ajax_login(login_type,captchaObj);
                    }

                });

                $('.login-mobile').on('click', function () {
                    login_type=2;
                    //clean_message();
                    if (is_need_geetest==1){
                        captchaObj.bindForm("#form_mobile");
                        captchaObj.verify();
                    }
                    else{
                        ajax_login(login_type,captchaObj);
                    }
                });


            $(".register_user").click(function(){
				 var url=$(this).attr("url")
                $.getJSON("{{route($sub_site.'register.status')}}", function (result) {

                        if (result.status == 0) {
                            qsToast({type:2,context: result.msg});
                        } else{
                            location.href=url;
                        }
                });
            })
                $('.login-company').on('click', function () {
                    login_type=3;
                    //clean_message();
                    if (is_need_geetest==1){
                        captchaObj.bindForm("#form_company");
                        captchaObj.verify();
                    }
                    else{
                        ajax_login(login_type,captchaObj);
                    }
                });
            };

            //gt_init(gt_call_back);//初始化极验

            var captcha_callback = function(res){
                if(res.hasOwnProperty('errorMessage')){
                    alert(res.errorMessage)
                }
                if(res.ret == 0){
                    console.log('行为验证通过');

                    $("#ticket").val(res.ticket);
                    $("#bizState").val(res.bizState);
                    $("#randstr").val(res.randstr);
                    ajax_login(1);
                }else{
                    console.log('用户主动关闭验证码')
                }
                console.log('callback:', res);
            };


            var captcha = new TencentCaptcha('196587903', captcha_callback, {});
            $('.login-account').on('click', function () {
                var usernameValue = $.trim($('input[name=account]').val());
                var passwordValue = $.trim($('input[name=password]').val());
                if (usernameValue == '') {
                    qsToast({type:2,context: '请输入用户名/手机号'});
                    return false;
                }
                if (passwordValue == '') {
                    qsToast({type:2,context: '请输入密码'});
                    return false;
                }

                ajax_login(1);

                captcha.show();
            });

            $(".input-login").keydown(function(ev){
                ev = ev || window.event;
                var code = (ev.keyCode || ev.which);
                if (code == 10 || code == 13) {
                    $(this).closest("form").find(".btn-group").click();
                }
            });

            // 自动登录
            $('#for-checkbox').on('click', function() {
                $(this).toggleClass('active');
                if ($(this).hasClass('active')) {
                    $('#autoLogin').val('1');
                } else {
                    $('#autoLogin').val('0');
                }
            })
            $('.btn-getcode').on('click', function () {
                submit_data={
                    "mobile":$("input[name='mobile']").val(),
                    "type":"login"
                };
                $.ajax({
                    method: 'post',
                    url: '{{route('sms.send')}}',
                    data: submit_data,
                    beforeSend:function () {
                       // console.log('请求开始');
                        $(".errinfo").text("");
                        $(".errinfo").removeClass("errinfo");

                    },
                    complete:function() {
                        console.log('请求结束');
                    },
                    success: function (data) {
                       // console.log(data);
                        $("#message_mobile").addClass("successinfo");
                        $("#message_mobile").text("发送成功,请注意查收");
                        settime();
                    },
                    error: function (errorData) {
                       // console.log(errorData);
                        if (errorData.status==422) {//验证错误
                            $.each(errorData.responseJSON.errors,function (key,val) {
                                $("#"+key).addClass("errinfo");
                                $("#"+key).text(val[0]);
                            });
                        }
                        else if(errorData.status==400) {//业务错误
                            $("#message_mobile").addClass("errinfo");
                            $("#message_mobile").text(errorData.responseJSON.message);
                        }
                    }
                });
            });


            function ajax_login(type, captchaObj) {
                if (type==1) {
                    $.ajax({
                        type: 'post',
                        url: $("#form_account").attr('action'),
                        data: $("#form_account").serialize(),
                        beforeSend:function () {
                            //console.log('请求开始');

                        },
                        complete:function() {
                            //console.log('请求结束');

                        },
                        success: function (data) {
                            //console.log(data);
                            qsToast({type:2,context: "登录成功, 正在跳转..."});
                            location.href=data.data.redirect_url+'?token='+data.data.token;
                        },
                        error: function (errorData) {
                            //console.log(errorData);
                            var response=$.parseJSON(errorData.response);

                            if (errorData.status==422) {//验证错误
                                $.each(response.errors,function (key,val) {
                                    qsToast({type:2,context: val[0]});
                                    return false;
                                });
                            }
                            else if(errorData.status==400) {//业务错误
                                qsToast({type:2,context: response.message});
                                //is_need_geetest=response.errors.is_need_geetest;
                            }
                        }
                    });
                }
                else if (type==2) {
                    $.ajax({
                        method: 'post',
                        url: $("#form_mobile").attr('action'),
                        data: $("#form_mobile").serialize(),
                        beforeSend:function () {
                            //console.log('请求开始');
                            clean_message();
                            $('.login-mobile').addClass("btn-disabled").prop('disabled', true);
                            $('.login-mobile').val("登录中...");

                        },
                        complete:function() {
                            //console.log('请求结束');
                            $('.login-mobile').val("登录");
                            $('.login-mobile').removeClass("btn-disabled").prop('disabled', false);
                        },
                        success: function (data) {
                            //console.log(data);
                            $("#message_mobile").addClass("successinfo");
                            $("#message_mobile").text("登录成功, 正在跳转...");
                            location.href=data.data.redirect_url+'?token='+data.data.token;
                        },
                        error: function (errorData) {
                            //console.log(errorData);
                            if (is_need_geetest==1){
                                captchaObj.reset();
                            }
                            if (errorData.status==422) {//验证错误
                                $.each(errorData.responseJSON.errors,function (key,val) {
                                    $("#"+key).addClass("errinfo");
                                    $("#"+key).text(val[0]);
                                });
                            }
                            else if(errorData.status==400) {//业务错误
                                $("#message_mobile").addClass("errinfo");
                                $("#message_mobile").text(errorData.responseJSON.message);
                                is_need_geetest=errorData.responseJSON.errors.is_need_geetest;
                            }
                        }
                    });
                }
                else if (type==3){
                    $.ajax({
                        method: 'post',
                        url: $("#form_company").attr('action'),
                        data: $("#form_company").serialize(),
                        beforeSend:function () {
                            //console.log('请求开始');
                            clean_message();
                            $('.login-company').addClass("btn-disabled").prop('disabled', true);
                            $('.login-company').val("登录中...");

                        },
                        complete:function() {
                            //console.log('请求结束');
                            $('.login-company').val("登录");
                            $('.login-company').removeClass("btn-disabled").prop('disabled', false);

                        },
                        success: function (data) {
                            //console.log(data);
                            $("#message_company").addClass("successinfo");
                            $("#message_company").text("登录成功, 正在跳转...");
                            location.href=data.data.redirect_url+'?token='+data.data.token;
                        },
                        error: function (errorData) {
                            //console.log(errorData);
                            if (is_need_geetest==1){
                                captchaObj.reset();
                            }
                            if (errorData.status==422) {//验证错误
                                $.each(errorData.responseJSON.errors,function (key,val) {
                                    $("#"+key).addClass("errinfo");
                                    $("#"+key).text(val[0]);
                                });
                            }
                            else if(errorData.status==400) {//业务错误
                                $("#message_company").addClass("errinfo");
                                $("#message_company").text(errorData.responseJSON.message);
                                is_need_geetest=errorData.responseJSON.errors.is_need_geetest;
                            }
                        }
                    });
                }
            };

        });

        // 倒计时
        var countdown = 60;
        function settime() {
            if (countdown == 0) {
                $('.btn-getcode').prop("disabled", false);
                $('.btn-getcode').removeClass('btn-disabled');
                $('.btn-getcode').val('获取验证码');
                countdown = 60;
                return;
            } else {
                $('.btn-getcode').prop("disabled", true);
                $('.btn-getcode').addClass('btn-disabled');
                $('.btn-getcode').val('重新发送' + countdown + '秒');
                countdown--;
            }
            setTimeout(function() {
                settime()
            },1000)
        }

        $('.gohome').on('click', function () {
            location.href="{{route($sub_site.'home')}}";
        });

    </script>
@endsection