<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>乐寓管理</title>
    <link rel="icon" id="linkIco" type="image/x-icon" href="/static/images/qft.ico"/>
    <script type="text/javascript" src="https://mp.szajly.com/static/js/webp-detection.js?v=20201120.1"></script>
    <!--主样式表-->
    <link rel="stylesheet" href="https://mp.szajly.com/static/css/models.css?v=20220601">
    <!--预加载-->
    <link rel="prefetch" href="https://mp.szajly.com/static/js/mediabox/mediabox.css">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/mediaelement/css/mediaelementplayer.min.css">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/bootstrapselect/css/bootstrap.min.css">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/bootstrapselect/css/bootstrap-select.css">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/mediaelement/mediaelement-and-player.min.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/mediaelement/playerVideo.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/layer/layer.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/guide.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/mediabox/mootools-core.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/mediabox/mediabox.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/mediabox/mediaboxPhoto.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/guidContent.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/sync/sync.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/socket.io.2.0.3.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/sys.notice-1.0.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/index.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/layui/layui.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/modules/tabnav.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/support-config.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/support.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/layerAuto.js?v=20201120.1">
    <link rel="prefetch" href="https://mp.szajly.com/static/js/datatables/jquery.dataTables.js?v=20201120.1">
    <style>
        .loginTit {
            position: relative;
        }

        .loginError {
            display: block;
            position: absolute;
            width: 100%;
            height: 20px;
            line-height: 20px;
            text-align: center;
            color: #fc6365;
            left: 0;
            bottom: -30px;
            font-size: 12px;
        }

        .popup-title-bgno .layui-layer-title {
            background-color: #fff !important;
            border: none;
        }



        .title{
            font-size: 20px;
            font-weight: 500;
            color: #232C37;
            line-height: 30px;
            padding-bottom: 10px;
        }
        .return{
            color: #616265;
            padding-bottom: 12px;
            cursor: pointer;
            font-size: 14px;
            display: flex;
            align-items: center;
        }
        .return img{
            margin-right: 5px;
            position: relative;
            top: -1px;
        }

        .company-list {
            float: left !important;
            width: 350px;
            height: 390px;
            padding: 20px 20px;
            background: #fff;
            overflow-y: auto;
        }
        .list-content-out{
            border: 1px solid #E9E9E9;
            margin-bottom: 10px;
            border-radius: 4px;


        }
        .error-tips{
            font-size: 12px;
            color:red;
            padding: 0 20px 10px 20px;
        }
        .list-content {
            position: relative;
            display: flex;
            padding: 10px;
            height: 38px;
            align-items: center;
        }

        .list-content-out:hover {
            background: #F5F7FA;
        }
        .right-icon{
            position: absolute;
            right: 15px;
            top: 21px;
        }
        .company-name {
            max-width: 250px;
            display: inline-block;
            margin-left: 14px;
            font-size: 14px;
            color: #232C37;
            font-weight: 500;
        }

    </style>
</head>
<body>
<!--登录主体内容-->
<div class="loginBox">
    <!--判断公司使用时间是否到期-->
    <div id="renewbox" class="renewbox hide">
        <div class="renewcontainer">
            <div class="boxbg"></div>
            <div class="box">
                <p>贵公司使用时限已到！请您续费，您可拨打客服电话 人工续费或<br><a id="renewboxHref" class="blue-col" target="_blank">点此自助续费</a><a
                        class="renewCloseBtn" href="javascript:void(0);">我知道了</a></p>
            </div>
        </div>
    </div>
    <!--logo-->
    <!--    <div class="loginImg"><img th:src="@{/static/images/logo.png}" alt=""></div>-->
    <div class="loginImg"><img src="/static/images/logo.png" alt="" /></div>
    <!--    <div class="loginImg"><img th:src="@{/static/images/fulfilIcon.png}" alt="">深圳有线公司</div>-->
    <!--end logo-->
    <!--login-->
    <div class="loginTxt">
        <!--login left-->
        <div class="loginLeft">
            <!--banner图切换-->
            <div id="slideBox" class="slideBox">
                <div class="slideNum">
                    <ul class="slideNumList">
                        <li>1</li>
                    </ul>
                </div>
                <div class="slide">
                    <ul class="slideList">
                        <li><img src="/static/pic/ban_1.png" alt=""></li>
                    </ul>
                </div>
            </div>
            <!--end banner图切换-->
            <!--下载-->
            <div class="downloadBox downloadEn hide" style="display: flex;justify-content: center;align-items: center">
                <div class="downloadCon">
                    <div class="downloadConLeft"><img src="/static/images/ios.jpg" alt=""></div>
                    <div class="downloadConRight">
<!--                        <a class="downloadBtn downloadBtnEn dowHover dowIos" href="javascript:void(0);">-->
<!--                            <i class="icon icon_ios"></i>IOS Download</a>-->
                        <a class="downloadBtn downloadBtnEn dowHover dowAnd" href="javascript:void(0);"><i
                            class="icon icon_android"></i>Android Download</a>
                    </div>
                </div>获取合同信息
            </div>
            <!--end 下载-->
        </div>
        <!--end login left-->
        <!--login center-->
        <div class="loginCenter" id="regularLogin">
            <!--标题-->
            <div class="loginTit">
                <a class="loginHover" data-val="1" href="javascript:void(0);">密码登录</a>
                <a class="radiusRight" href="javascript:void(0);" data-val="2">验证码登录</a>
                <span class="loginError" id="error_message">公司不存在</span>
            </div>
            <!--form表单 中文-->
            <form id="ch_form_id">
                <input type="hidden" name="loginMode"/>
                <input type="hidden" name="companyId"/>
                <div class="loginCh">
                    <div class="formInput userName">
                        <!--<span class="nameKey">用户名</span>-->
                        <input class="InputTxt validate[required]" name="account" type="text" placeholder="只能输入手机号码"
                               maxlength="11" id="ch_account" onkeyup="onlyNumLetter(this);"  autocomplete="off">
                        <ul class="dropDownList hide" id="loginSearch"></ul>
                    </div>
                    <p class="formInput passWord modeAccount" id="password">
                        <!--<span class="nameKey">密　码</span>-->
                        <input class="InputTxt passwordInput validate[required]" type="password" placeholder="请输入密码" autocomplete="off">
                        <input type="hidden" name="password"/>
                        <span class="lookIcon visible JS_lookIcon"></span>
                    </p>
                    <p class="formInput passWord modeCode hide" id="validateCode">
                        <!--<span class="nameKey">验证码</span>-->
                        <input class="InputTxt loginCode validate[required]" type="text" maxlength="10" placeholder="请输入验证码" autocomplete="off">
                        <input type="hidden" name="smsCode"/>
                        <input class="loginCodeBtn" name="" type="button" onclick="getValidateCode(this);"
                               value="获取验证码">
                    </p>
                    <p class="forgetPass">
                        <span class="left blue-col scanCode JS_scanCode">扫码登录&gt;</span>
                        <a class="toSetPassword" target="_blank" href="/web/user/toForgetPassword">忘记密码？</a>
                    </p>
                    <input type="hidden" value="sitemap.xml" name="corUrl"/>
                    <p class="formBtnBox"><input class="formBtn" name="" type="button" value="登　录" id="ch_login_btn">
                    </p>
                    <p class="solveTxt">登录不进去怎么办？点此查询 <a class="red-col" target="_blank" href="/resolvent">解决办法?</a></p>
                </div>
                <!--图片滑动-->
                <div class="login-img-code hide">
                    <div id="captcha"></div>
                </div>
            </form>

        </div>
        <!--end login center-->
        <!--login right-->
        <div class="downloadBox downloadCh" style="display: flex;justify-content: center;align-items: center">
            <div class="downloadCon">
                <div class="downloadConLeft"><img src="/static/images/ios.jpg" alt=""></div>
                <p class="downTxt">扫码下载手机APP</p>
                <div class="downloadConRight">
<!--                    <a class="downloadBtn dowHover dowIos" href="javascript:void(0);"><i class="icon icon_ios"></i>苹果端下载</a>-->
                    <a class="downloadBtn dowHover dowAnd" href="javascript:void(0);"><i class="icon icon_android"></i>Android端下载</a>
                </div>
            </div>
        </div>
        <!--end login right-->
        <!--扫码登录-->
        <div class="loginCenter hide" id="scanCodeLogin">
            <p class="scanCodeTitle">乐寓管理APP</p>
            <p class="scanCodeImg"><span class="scanCodeImgCon"><span id="QR_CodeLoginCanvas"></span></span></p>
            <p class="returnRegular blue-col JS_regularLogin">返回密码登录&gt;</p>
        </div>
        <!--扫码登录 end-->


        <div class="company-list hide">

        </div>

        <!--用户协议-->
        <!-- <div class="userAgreement"> -->
            <!--<span class="userAgreeBg"></span>-->
            <!-- <span class="userAgreeTxt">登录即代表您已同意 <a class="userAgree" target="_blank" th:href="@{/toSetUserProtocol}">《用户服务协议》</a><a
                    class="userAgree" th:href="@{/toSetPrivacyPolicy}" target="_blank">《隐私权政策》</a><a class="userAgree"
                                                                                                     th:href="@{/toSetPayService}"
                                                                                                     target="_blank">《用户支付服务协议》</a></span> -->
            <!-- target="_blank"-->
        <!-- </div> -->
        <!--end models.css用户协议-->
    </div>
    <!--end login-->
    <!-- hidden -->
    <input type="hidden" value="1" id="login_select"/>
    <input type="hidden" value="1" id="login_type"/>
    <input id="pubkey" type="hidden"></input>
    <!--版权-->
    <div class="copyright">
        <span>深圳市安居乐寓住房租赁投资控股有限公司</span>

        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span id="keepNum"><a href="https://beian.miit.gov.cn" style="text-decoration:none;color:#fff" target="_blank">粤ICP备2024235301号</a></span>
<!--        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--        <span id="netanBox"><img class="netanImg" th:src="@{/static/images/batb.png}" alt="">&nbsp;-->
<!--                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002276" style="text-decoration:none;color:#fff" target="_blank">粤B2-20240735</a>-->
        </span>
    </div>
</div>
<!--end 登录主体内容-->
<script type="text/javascript" src="https://mp.szajly.com/static/js/jquery-1.11.1.min.js?v=20201120.1"></script>
<!--banner图切换-->
<script type="text/javascript" src="https://mp.szajly.com/static/js/superslide/jquery.SuperSlide.2.1.1.js?v=20201120.1"></script>
<!--表单验证-->
<script type="text/javascript" src="https://mp.szajly.com/static/js/validate/jquery.validationEngine-zh_CN.js?v=20201120.1"></script>
<script type="text/javascript" src="https://mp.szajly.com/static/js/validate/jquery.validationEngine.js?v=20201120.1"></script>
<!--只能输入数字-->
<script type="text/javascript" src="https://mp.szajly.com/static/js/inputNumber.js?v=20201120.1"></script>
<!--layer弹出层-->
<script type="text/javascript" src="https://mp.szajly.com/static/js/layer/layer.js?v=20201120.1"></script>
<script type="text/javascript" src="https://mp.szajly.com/static/js/serializeToJson.js?v=20201120.1"></script>
<script type="text/javascript" src="https://mp.szajly.com/static/js/notPower.js?v=20201120.1"></script>
<script type="text/javascript" src="https://mp.szajly.com/static/js/encrypt/jsencrypt.min.js?v=20201120.1"></script>
<!--二维码生成-->
<script type="text/javascript" src="https://mp.szajly.com/static/js/jquery.qrcode.js?v=20201120.1"></script>
<script type="text/javascript" src="https://mp.szajly.com/static/js/imgverify.js?v=20201120.1"></script>
<script type="text/javascript" src="https://mp.szajly.com/static/js/prefetching.js?v=20201120.1"></script>

<script src="https://turing.captcha.qcloud.com/TCaptcha.js"></script>

<script type="text/javascript">
    var appDownloadUrl = '11';
    $(function () {

        // 当多公司时候执行
        // 点击返回
        $('.return').click(function () {
            $('#regularLogin').removeClass('hide')
            $('.company-list').addClass('hide')
        });

        // 初始化图片滑动验证

        $('#login_type').val(1);
        //处理bug 44353
        var pubKeyValue = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCVl9xBgkLJ0Reawpp9ayKlHCoBdsQjS3OUhY7Cy+tmUPzv4OIB4wexO8oxfPnGAd7K3LKg7OkI+3+c2pbe0rUOirsKMWFWFNYDIecbdJuMtWPSKvcPdFWvkCgABxTENRxVniIrw2SkcWFFy0/gb4uJwb03hysVRzlUZVQ1lg9HMQIDAQAB';
        $("#pubkey").val(pubKeyValue);
        //关闭自动续费弹窗
        $('.renewbox').on('click', '.renewCloseBtn', function () {
            $(this).parents('.renewbox').hide();
        });

        var globallyUniqueLoginCodeId = null;
        // 扫码登录
        $('.loginCenter').on('click', '.JS_scanCode', function () {
            $.ajax({
                dataType: 'JSON',
                type: 'GET',
                async: false,
                url: '/web/qr/code/get/login',
                success: function (result) {
                    if (result.code == "200") {
                        var url = utf16to8(result.data.actionPath);
                        globallyUniqueLoginCodeId = result.data.globallyUniqueLoginCodeId;
                        $("#QR_CodeLoginCanvas").html('');
                        $("#QR_CodeLoginCanvas").qrcode({
                            render: "canvas",
                            text: url,
                            width: "164",
                            height: "164",
                            background: "#ffffff",
                            foreground: "#000000"
                        });
                        $('#regularLogin').addClass('hide');
                        $('#scanCodeLogin').removeClass('hide');
                        getQRLoginInfo();
                    }
                }
            });
        });

        var QRLoginInfoTiming = null;

        function getQRLoginInfo() {
            if (QRLoginInfoTiming != null) {
                clearInterval(QRLoginInfoTiming);
            }
            QRLoginInfoTiming = setInterval(function () {
                $.ajax({
                    dataType: 'JSON',
                    type: 'GET',
                    data: {
                        "globallyUniqueLoginCodeId": globallyUniqueLoginCodeId
                    },
                    url: '/web/qr/code/get/login/info',
                    success: function (result) {
                        if (result.code == "200") {
                            var QRCodeLoginInfo = result.data;
                            //已确认
                            if (QRCodeLoginInfo.status == 1) {
                                if (!$("#QR_CodeLoginCanvas").find("img").length > 0) {
                                    var qrUserInfo = QRCodeLoginInfo.qrUserInfo;
                                    $("#QR_CodeLoginCanvas").html("");
                                    if (qrUserInfo.headSculpturePath == null || qrUserInfo.headSculpturePath == "123456") {
                                        qrUserInfo.headSculpturePath = "/static/images/default_head.png"
                                    }
                                    html = "<p style='text-align: center;margin-top: 20px;'>" + qrUserInfo.username + "</p><img style='display: block;margin:auto;margin-top:18px;width: 90px;height: 90px;border-radius: 100px' src='" + qrUserInfo.headSculpturePath + "'>";
                                    $("#QR_CodeLoginCanvas").append(html);
                                }
                            }
                            if (QRCodeLoginInfo.status == 2) {
                                clearTimeout(QRLoginInfoTiming);
                                location.href = "/web/qr/code/login/confirm?globallyUniqueLoginCodeId=" + globallyUniqueLoginCodeId;
                            }
                        }
                        if (result.code == "60001") {
                            $("#QR_CodeLoginCanvas").html("");
                            html = "<p style='margin-top:40px;text-align: center;color: red'>二维码已超时</p><p style='text-align: center;color: red'>请重新刷新二维码</p>";
                            $("#QR_CodeLoginCanvas").append(html);
                            clearInterval(QRLoginInfoTiming);
                        }
                    }
                });
            }, 1000);
        }

        // 常规登录
        $('.loginCenter').on('click', '.JS_regularLogin', function () {
            if (QRLoginInfoTiming != null) {
                clearInterval(QRLoginInfoTiming);
            }
            $('#regularLogin').removeClass('hide');
            $('#scanCodeLogin').addClass('hide');
        });
        //二维码切换
        // $('.dowIos').on('click', function () {
        //     if (QRLoginInfoTiming != null) {
        //         clearInterval(QRLoginInfoTiming);
        //     }
        //     $(this).addClass('dowHover').siblings().removeClass('dowHover');
        //     $('.downloadConLeft').find('img').attr('src', '/static/images/ios.jpg');
        // });
        $('.dowAnd').on('click', function () {
            $(this).addClass('dowHover').siblings().removeClass('dowHover');
            $('.downloadConLeft').find('img').attr('src', '/static/images/android.jpg');
        });
        //查看密码显示与不显示
        $('.passWord').on('click', '.JS_lookIcon', function () {
            if ($(this).hasClass('visible')) {
                $(this).removeClass('visible').addClass('invisible');//密码可见
                $(this).siblings('.passwordInput').attr('type', 'text');
            } else {
                $(this).removeClass('invisible').addClass('visible');//密码不可见
                $(this).siblings('.passwordInput').attr('type', 'password');
            }
        });
        $('#ch_account').on('click', function (event) {
            event.stopPropagation();
            //先清空所有的 li ，即候选框*/
            var obj = $(this);
            $.get("/getLoginSuccessUser", function (result) {
                obj.siblings(".dropDownList").find("li").remove();
                //遍历从后台取到的JSON数据
                for (var i = 0; i < result.data.length; i++) {
                    //循环添加li节点
                    obj.siblings(".dropDownList").append("<li><a class='dropTxt' href='javascript:void(0);''>" + result.data[i] + "</a></li>");
                    //显示 ul 节点
                    obj.siblings(".dropDownList").removeClass('hide');
                }
            }, "json");
        });
        $('#loginSearch').on('click', '.dropTxt', function () {
            var dropTxt = $(this).text().replace(/(^\s*)|(\s*$)/g, '');
            $('#ch_account').val(dropTxt);
            $('.dropDownList').addClass('hide');
        });
        //监控区域
        $(document).click(function (event) {
            var _con = $('.dropDownList');   // 设置目标区域
            if (!_con.is(event.target) && _con.has(event.target).length === 0) { // Mark 1
                $('.dropDownList').addClass('hide');          //淡出消失
            }
        });
        //禁止冒泡
        $(".dropDownList").click(function(event){
            event.stopPropagation();
        });
        $('.InputTxt').click(function(event){
            event.stopPropagation();
        });
        //文本框获取焦点时
        $('.InputTxt').on('focus', function () {
            $(this).siblings('.nameKey').addClass('nameKeyCol');
        });
        //文本框失去焦点时
        $('.InputTxt').on('blur', function () {
            $(this).siblings('.nameKey').removeClass('nameKeyCol');
        });
        //中引文切换
        $('.loginTit').on('click','a',function(){
            var aTxt = $(this).attr('data-val');
            $(this).addClass('loginHover').siblings().removeClass('loginHover');
            $("#error_message").text("");
            $(".login-img-code").addClass("hide");
            $(".loginCh").removeClass("hide");
            if(aTxt == 1){
                $('#login_type').val(1);
                $(".modeCode").addClass("hide")
                $(".modeAccount").removeClass("hide")
            }else{
                $('#login_type').val(2);
                $(".modeAccount").addClass("hide")
                $(".modeCode").removeClass("hide")
            }
        });
        //banner图切换
        jQuery(".slideBox").slide({
            titCell: '.slideNum li',
            mainCell: ".slide .slideList",
            autoPlay: true
        });
        //表单验证
        $("#ch_form_id").validationEngine({
            addPromptClass: 'formError-text',
            showArrow: false,
            showPrompts: false,    //不显示提示文字
            promptPosition: 'bottomLeft:54 0'
        });
        // 回车事件
        document.onkeydown = function (e) {
            var ev = document.all ? window.event : e;
            if (ev.keyCode == 13) {
                var select_login = $('#login_select').val();
                if (select_login == '1') {
                    var flagc = $("#ch_form_id").validationEngine("validate");
                    if (flagc) {
                        login("ch_form_id");
                    }else{
                        var account = $('#ch_account').val();
                        //验证码登录
                        if($('#login_type').val() == 2){
                            var smsCode = $("#ch_form_id"  ).find(".loginCode").val();
                            if(account == undefined || account==null||account ==''){
                                if(smsCode == undefined || smsCode==null||smsCode =='' ){
                                    $("#error_message").text("请输入手机号并获取验证码");
                                }
                            }else{
                                $("#error_message").text("请输入验证码");
                            }
                        }
                    }
                }
            }
        };
        if (window != top) {
            top.location.href = location.href;
        }
        $("#ch_login_btn").click(function () {
            var flag = $("#ch_form_id").validationEngine("validate");
            if (!flag) {
                var account = $('#ch_account').val();
                //验证码登录
                if($('#login_type').val() == 2){
                    var smsCode = $("#ch_form_id"  ).find(".loginCode").val();
                    if(account == undefined || account==null||account ==''){
                        if(smsCode == undefined || smsCode==null||smsCode =='' ){
                            $("#error_message").text("请输入手机号并获取验证码");
                        }
                    }else{
                        $("#error_message").text("请输入验证码");
                    }
                }
                return false;
            }
            login("ch_form_id");
        });


        //点击自助续约后隐藏弹窗
        $("#renewboxHref").on('click', function () {
            $("#renewbox").hide();
        });
    })
    //在线客服
    function talkToService() {
        window.location.href = "tencent://message/?uin=2850516330&Site=qq&Menu=yes";  //2850516330
    }

    //获取短信验证码
    function getValidateCode(txt) {
        try {
            var account = $('#ch_account').val();
            if(account ==undefined || account == null || account == ''){
                $("#error_message").text("请输入手机号");
                return false;
            }
            var myreg = /^[1][0,1,2,3,4,5,6,7,8,9][0-9]{9}$/;
            if (!myreg.test(account)) {
                $("#error_message").text("请输入正确的手机号");
                return false;
            }
            var captcha1 = new TencentCaptcha('2008844284', validateCodeCallback);
            captcha1.show();
        } catch (error) {
            loadErrorCallback();
        }
    }

    // 触发登录
    var login = function (form_id) {
        if ($('#login_type').val() == 2) {
            smsLogin(form_id);
        } else {
            pwdLogin(form_id);
        }
    }
    // 密码登录
    var loginFilter = true;
    var pwdLogin = function (form_id) {
        if(!loginFilter){
            $("#error_message").text("操作过于频繁，请稍后再试！");
            return;
        }
        loginFilter = false;
        var loginMode = $('#login_type').val() == 2 ? true : false;
        $("input[name='loginMode']").val(loginMode);
        var p_obj = $("#" + form_id).find(".passwordInput");
        var encrypt = new JSEncrypt();
        encrypt.setPublicKey($("#pubkey").val());
        var encrypted = encrypt.encrypt(p_obj.val());
        $("#" + form_id).find("input[name='password']").val(encrypted);
        // $("#" + form_id).find("input[name='password']").val(p_obj.val());
        var zIndex = layer.load(3, {shade: 0.3}, '请稍后...');
        $("#ch_login_btn").attr('disabled', true);
        $("#ch_login_btn").val('登录中···');
        $.ajax({
            type: "post",
            url: "/web/check-login",
            dataType: "json",
            data: $("#" + form_id).serialize(),
            error: function () {
                layer.close(zIndex);
                $("#error_message").text("网络繁忙，请稍后再试！");
                loginFilter = true;
                $("#ch_login_btn").removeAttr('disabled');
                $("#ch_login_btn").val('登　录');
            },
            success: function (d) {

                if (d.code == 200) {
                    window.location.href = "/web/index"
                    loginFilter = true;
                    layer.close(zIndex);
                } else {
                    layer.close(zIndex);
                    if(d.code == 2001){

                            var html = '';
                            html += '<p class="return"> <img class="delete-icon" src="/static/images/quick-left.png" />返回</p>';
                            html += '<p class="title">选择本次登录的公寓</p>';

                            var data = d.data;
                            if(null != data && null != data.companyList && null != data.companyList.effectiveList){
                                var list = data.companyList.effectiveList;
                                for(var i = 0; i < list.length; i++) {
                                    html +='<div class="list-content-out">'
                                    html += '<div class="list-content default" onclick="lo(this,'+list[i].companyId+');">';
                                    html += '<img class="delete-icon" src="/static/images/company-curten.png" />';
                                    html += '<span class="company-name">'+list[i].companyName+'</span>';
                                    html += '<img class="right-icon" src="/static/images/right-login-icon.png" />';
                                    html += '</div>';
                                    html +='<div class="error-tips hide" aa="1">'
                                    html +='</div>';
                                    html +='</div>';
                                }
                            }


                        $(".company-list").empty();
                        $(".company-list").html(html);
                        $('#regularLogin').addClass('hide')
                        $('.company-list').removeClass('hide')


                        // 点击返回
                        $('.return').click(function () {
                            $("input[name='companyId']").val("");
                            $("#error_message").text("");
                            $('#regularLogin').removeClass('hide')
                            $('.company-list').addClass('hide')
                            loginFilter = true;
                            $("#ch_login_btn").removeAttr('disabled');
                            $("#ch_login_btn").val('登　录');
                        });


                    }else {
                        loginFilter = true;
                        $("#ch_login_btn").removeAttr('disabled');
                        $("#ch_login_btn").val('登　录');
                        if (d.code == 10014) {
                            $("#error_message").text("密码输入错误超过5次，请进行图片验证");
                            try {
                                var captcha1 = new TencentCaptcha('2008844284', imageCodeCallback);
                                captcha1.show();
                            } catch (error) {
                                loadErrorCallback();
                            }
                        } else if (d.code == 10069) {//到期关闭
                            var account = $("input[name='account']").val();
                            $("#renewbox").show();
                            $("#renewboxHref").attr("href", "/web/business/serviceGoods/buffetRenew/" + account);
                            $("#error_message").text(d.message);
                        } else {;
                            $("#error_message").text(d.message);
                        }
                    }



                }
            }
        });
    }


    var lo = function (obj,id) {


        var loginMode = $('#login_type').val() == 2 ? true : false;
        $("input[name='companyId']").val(id);
        if(loginMode){
            var zIndex = layer.load(3, {shade: 0.3}, '请稍后...');
            $.ajax({
                type: "post",
                url: "/web/check-login/sms",
                dataType: "json",
                data: $("#ch_form_id").serialize(),
                error: function () {
                    layer.close(zIndex);
                },
                success: function (d) {
                    layer.close(zIndex);
                    if (d.code == 200) {
                        parent.window.location.href = "/web/index"
                    }else {
                        $("#error_message").text(d.message);
                        $(obj).siblings('.error-tips').text(d.message);
                        $(obj).siblings('.error-tips').removeClass('hide');
                    }
                }
            });
        }else {
            var zIndex = layer.load(3, {shade: 0.3}, '请稍后...');
            $.ajax({
                type: "post",
                url: "/web/check-login",
                dataType: "json",
                data: $("#ch_form_id").serialize(),
                error: function () {
                    layer.close(zIndex);
                },
                success: function (d) {
                    layer.close(zIndex);
                    if (d.code == 200) {
                        parent.window.location.href = "/web/index"
                    }else {
                        $("#error_message").text(d.message);
                        $(obj).siblings('.error-tips').text(d.message);
                        $(obj).siblings('.error-tips').removeClass('hide');


                    }
                }
            });
        }
    }



    var validateCodeCallback = function(res) {
        if (res.ret == 0 && res.ticket){
            var account = $('#ch_account').val();
            if(account ==undefined || account == null || account == ''){
                $("#error_message").text("请输入手机号");
                return false;
            }
            var myreg = /^[1][0,1,2,3,4,5,6,7,8,9][0-9]{9}$/;
            if (!myreg.test(account)) {
                $("#error_message").text("请输入正确的手机号");
                return false;
            }
            var time = 60;
            var validCode = true;
            var code = $(".loginCodeBtn");
            if (validCode) {
                validCode = false;
                $.ajax({
                    "dataType": 'json',
                    "type": 'get',
                    "url": '/web/sms/send/' + account + "/QFT1000004/"+res.ticket +"/"+res.randstr,
                    error: function () {
                        $("#error_message").text("网络繁忙，请稍后再试！");
                    },
                    success: function (result) {
                        if (result.code == '200') {
                            code.addClass("disableCode");
                            code.attr('disabled', true);
                            code.css('cursor', 'default');
                            var t = setInterval(function () {
                                time--;
                                code.val(time + "秒");
                                if (time == 0) {
                                    clearInterval(t);
                                    code.val("重新获取");
                                    validCode = true;
                                    code.removeClass("disableCode");
                                    code.attr('disabled', false);
                                    code.css('cursor', 'pointer');
                                }
                            }, 1000)
                        } else {
                            onlyNoticePrompt(result.message);
                        }
                    }
                });
            }
        } else {
            console.log("验证失败")
        }
    }
    var imageCodeCallback = function(res) {
        if (res.ret == 0 && res.ticket){
            var account = $("input[name='account']").val();
            var myreg = /^[1][0,1,2,3,4,5,6,7,8,9][0-9]{9}$/;
            if (!myreg.test(account)) {
                $("#error_message").text("请输入正确的手机号");
                return false;
            }
            let loginType = $('#login_type').val();
            $.ajax({
                dataType: 'JSON',
                type: 'POST',
                data: {
                    account: account,
                    ticket: res.ticket,
                    type: loginType,
                    randstr: res.randstr
                },
                async: false,
                url: '/web/loginPic/cleanErrorCount',
                success: function (result) {
                    if (result.code == "200") {
                        $("#error_message").text("");
                        $(".login-img-codelogin-img-code").addClass("hide");
                        $(".loginCh").removeClass("hide");
                    }
                }
            });
        } else {
            console.log("验证失败")
        }
    }
    // 验证码js加载错误处理
    function loadErrorCallback() {
        var CaptchaAppId = ''
        /* 生成票据或自行做其它处理 */
        var ticket = 'terror_1001_' + CaptchaAppId + Math.floor(new Date().getTime() / 1000);
        imageCodeCallback({
            ret: 0,
            randstr: '@'+ Math.random().toString(36).substr(2),
            ticket: ticket,
            errorCode: 1001,
            errorMessage: 'jsload_error',
        });
    }
    // 验证码登录
    var loginSmsFilter = true;
    var smsLogin = function (form_id) {
        if(!loginSmsFilter){
            $("#error_message").text("操作过于频繁，请稍后再试！");
            return;
        }
        loginSmsFilter = false;
        var loginMode = $('#login_type').val() == 2 ? true : false;
        $("input[name='loginMode']").val(loginMode);
        var p_obj = $("#" + form_id).find(".loginCode");
        var encrypt = new JSEncrypt();
        encrypt.setPublicKey($("#pubkey").val());
        var encrypted = encrypt.encrypt(p_obj.val());
        $("#" + form_id).find("input[name='smsCode']").val(encrypted);
        // $("#" + form_id).find("input[name='smsCode']").val(p_obj.val());
        var zIndex = layer.load(3, {shade: 0.3}, '请稍后...');
        $("#ch_login_btn").attr('disabled', true);
        $("#ch_login_btn").val('登录中···');
        $.ajax({
            type: "post",
            url: "/web/check-login/sms",
            dataType: "json",
            data: $("#" + form_id).serialize(),
            error: function () {
                layer.close(zIndex);
                $("#error_message").text("网络繁忙，请稍后再试！");
                loginSmsFilter = true;
                $("#ch_login_btn").removeAttr('disabled');
                $("#ch_login_btn").val('登　录');
            },
            success: function (d) {
                if (d.code == 200) {
                    window.location.href = "/web/index"
                    loginSmsFilter = true;
                    layer.close(zIndex);
                } else {
                    layer.close(zIndex);
                    if(d.code == 2001){

                        var html = '';
                        html += '<p class="return"> <img class="delete-icon" th:src="@{/static/images/quick-left.png}" />返回</p>';
                        html += '<p class="title">选择本次登录的公寓</p>';

                        var data = d.data;
                        if(null != data && null != data.companyList && null != data.companyList.effectiveList){
                            var list = data.companyList.effectiveList;
                            for(var i = 0; i < list.length; i++) {
                                html += '<div class="list-content default" onclick="lo('+list[i].companyId+');">';
                                html += '<img class="delete-icon" src="static/images/company-curten.png" />';
                                html += '<span class="company-name">'+list[i].companyName+'</span>';
                                html += '<img class="right-icon" th:src="@{/static/images/right-login-icon.png}" />';
                                html += '</div>';
                            }
                        }


                        $(".company-list").empty();
                        $(".company-list").html(html);
                        $('#regularLogin').addClass('hide')
                        $('.company-list').removeClass('hide')


                        // 点击返回
                        $('.return').click(function () {
                            $("input[name='companyId']").val("");
                            $("#error_message").text("");

                            $('#regularLogin').removeClass('hide')
                            $('.company-list').addClass('hide')
                            loginSmsFilter = true;
                            $("#ch_login_btn").removeAttr('disabled');
                            $("#ch_login_btn").val('登　录');
                        });


                    }else {
                        loginSmsFilter = true;
                        $("#error_message").text(d.message);
                        $("#ch_login_btn").removeAttr('disabled');
                        $("#ch_login_btn").val('登　录');
                        if(d.code == 10014){
                            $("#error_message").text("验证码输入错误超过5次，请进行图片验证");
                            try {
                                var captcha1 = new TencentCaptcha('2008844284', imageCodeCallback);
                                captcha1.show();
                            } catch (error) {
                                loadErrorCallback();
                            }
                        }
                    }
                }
            }
        });
    }

    /**
     * @time           2019-04-12
     * @author         liangbin
     * @description    判断系统是32位还是64位
     **/
    function judgeSystem() {
        var agent = navigator.userAgent.toLowerCase();
        var isMac = function () {
            return /macintosh|mac os x/i.test(navigator.userAgent);
        }();
        if (agent.indexOf("win32") >= 0 || agent.indexOf("wow32") >= 0) {
            return '32';
        }
        if (agent.indexOf("win64") >= 0 || agent.indexOf("wow64") >= 0) {
            return '64';
        }
        if (isMac) {
            return 'mac';
        }
    }
</script>
</body>
</html>
