<!DOCTYPE html>
<html lang="en" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>全房通公寓管理系统</title>
    <link rel="icon" id="linkIco" type="image/x-icon" href="/static/images/qft.ico" />
    <!--主样式表-->
    <link rel="stylesheet" href="/static/css/models.css">
    <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;
        }
    </style>
</head>
<body>
<!--登录主体内容-->
<div class="loginBox">
	<!--判断公司使用时间是否到期-->
    <div id="renewbox" class="renewbox hide">
        <div class="renewcontainer">
            <div class="boxbg"></div>
            <div class="box">
                <p>贵公司使用时限已到！！请您续费，您可拨打客服电话：023-68052290  人工续费或<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 src="/static/images/logo.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><li>2</li><li>3</li><li>4</li></ul>
                </div>
                <div class="slide">
                    <ul class="slideList">
                        <li><img src="/static/pic/ban_0.jpg" alt=""></li>
                        <li><img src="/static/pic/ban_1.jpg" alt=""></li>
                        <li><img src="/static/pic/ban_2.jpg" alt=""></li>
                        <li><img src="/static/pic/ban_3.jpg" alt=""></li>
                    </ul>
                </div>
            </div>
            <!--end banner图切换-->
            <!--下载-->
            <div class="downloadBox downloadCh">
                <p class="downTxt">下载手机APP，扫描二维码下载</p>
                <div class="downloadCon">
                    <div class="downloadConLeft"><img src="/static/images/qftios.png" alt=""></div>
                    <div class="downloadConRight">
                        <a class="downloadBtn dowHover dowIos" href="javascript:void(0);"><i class="icon icon_ios"></i>苹果端下载</a><a class="downloadBtn dowAnd" href="javascript:void(0);"><i class="icon icon_android"></i>Android端下载</a><a class="downloadBtn" id="downloadClientOne" target="_blank" href="https://newqft-oss.oss-cn-qingdao.aliyuncs.com/xqft_s.64.exe"><i class="icon icon_pc"></i>PC客户端下载</a>
                    </div><!--ios:https://itunes.apple.com/cn/app/%E5%85%A8%E6%88%BF%E9%80%9A/id1079836146?mt=8  android:http://sj.qq.com/myapp/detail.htm?apkName=net.quanfangtong.hosting-->
                </div>
            </div>
            <div class="downloadBox downloadEn hide">
                <p class="downTxt">Download mobile APP</p>
                <div class="downloadCon">
                    <div class="downloadConLeft"><img src="/static/images/qftios.png" 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 dowAnd" href="javascript:void(0);"><i class="icon icon_android"></i>Android Download</a><a class="downloadBtn downloadBtnEn" id="downloadClient" target="_blank" href="https://newqft-oss.oss-cn-qingdao.aliyuncs.com/xqft_s.64.exe"><i class="icon icon_pc"></i>PC Download</a>
                    </div>
                </div>
            </div>
            <!--end 下载-->
        </div>
        <!--end login left-->
        <!--login right-->
        <div class="loginRight">
            <!--标题-->
            <div class="loginTit"><a class="loginHover" href="javascript:void(0);">中文</a><a class="radiusRight" href="javascript:void(0);">English</a><span class="loginError" id="error_message">公司不存在</span></div>
            <!--form表单 中文-->
            <form id="ch_form_id">
            	<input type="hidden" name="loginMode" />
                <div class="loginCh">
                    <div class="formInput userName">
                        <span class="nameKey">用户名</span>
                        <input class="InputTxt validate[required]" name="account" type="text" placeholder="只能输入手机号码" autocomplete="off" maxlength="11" id="ch_account" onkeyup="onlyNumLetter(this);">
                        <ul class="dropDownList hide" id="loginSearch"></ul>
                    </div>
                    <p class="formInput passWord" id="password">
                        <span class="nameKey">密　码</span>
                        <input class="InputTxt passwordInput validate[required]" type="password" placeholder="请输入密码">
                        <input type="hidden" name="password"/>
                        <span class="lookIcon visible JS_lookIcon"></span>
                    </p>
                    <p class="formInput passWord hide" id="validateCode">
                        <span class="nameKey">验证码</span>
                        <input class="InputTxt loginCode" type="text" maxlength="10" placeholder="请输入验证码">
                        <input type="hidden" name="smsCode"/>
                        <input class="loginCodeBtn" name="" type="button" onclick="getValidateCode(this);" value="获取验证码">
                    </p>
                    <p class="forgetPass"><a class="toSetPassword" target="_blank" href="/web/user/toForgetPassword">忘记密码？</a></p>
                    <input type="hidden" value="sitemap" 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>
            </form>
            <form id="en_form_id">
            	<input type="hidden" name="loginMode" />
                <!--form表单 English-->
                <div class="loginEn hide">
                    <p class="formInput userName">
                        <span class="nameKey">User</span>
                        <input class="InputTxt validate[required" name="account" type="text" autocomplete="off"  placeholder="Log-in name" maxlength="11">
                    </p>
                    <p class="formInput passWord">
                        <span class="nameKey">Password</span>
                        <input class="InputTxt passwordInput validate[required]" type="password" placeholder="Password">
                        <input type="hidden" name="password"/>
                        <span class="lookIcon visible JS_lookIcon"></span>
                    </p>
                    <p class="forgetPass"><a class="toSetPassword" href="javascript: void(0);">forget password？</a></p>
                    <input type="hidden" value="sitemap" name="corUrl"/>
                    <p class="formBtnBox"><input class="formBtn" name="" type="button" value="Login" id="en_login_Btn"></p>
                    <p class="solveTxt">What if I can't log in? <a class="red-col" target="_blank" href="/resolvent">help</a></p>
                </div>
            </form>
        </div>
        <!--end login right-->
        <!--用户协议-->
        <div class="userAgreement">
            <span class="userAgreeBg"></span>
            <span class="userAgreeTxt">登录即代表您已同意 <a class="userAgree" target="_blank" href="/toSetUserProtocol">《用户服务协议》</a><a class="userAgree" href="/toSetPrivacyPolicy" target="_blank">《隐私权政策》</a><a class="userAgree" 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">版权所有：&nbsp;&nbsp;重庆航畅科技有限公司&nbsp;&nbsp;软件出售电话：400-640-1818&nbsp;&nbsp;在线咨询：<a href="javascript: void(0);" onclick="talkToService();"><img src="/static/images/qq.png" alt=""></a>&nbsp;&nbsp;<span id="keepNum"><a href="http://www.beian.miit.gov.cn" style="text-decoration:none;color:#fff" target="_blank">渝ICP备14004587号-8</a></span>&nbsp;&nbsp;<span id="netanBox"><img class="netanImg" src="/static/images/batb.png" alt="">&nbsp;<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002272" style="text-decoration:none;color:#fff" target="_blank">渝公网安备 50010302002272号</a></span></div>
</div>
<!--end 登录主体内容-->
<script type="text/javascript" src="/static/js/jquery-1.11.1.min.js"></script>
<!--banner图切换-->
<script type="text/javascript" src="/static/js/superslide/jquery.SuperSlide.2.1.1.js"></script>
<!--表单验证-->
<script type="text/javascript" src="/static/js/validate/jquery.validationEngine-zh_CN.js"></script>
<script type="text/javascript" src="/static/js/validate/jquery.validationEngine.js"></script>
<!--只能输入数字-->
<script type="text/javascript" src="/static/js/inputNumber.js"></script>
<!--layer弹出层-->
<script type="text/javascript" src="/static/js/layer/layer.js"></script>
<script type="text/javascript" src="/static/js/serializeToJson.js"></script>
<script type="text/javascript" src="/static/js/notPower.js"></script>
<script type="text/javascript" src="/static/js/encrypt/jsencrypt.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('#login_type').val(1);
        $.get("/encrypt/public/key",function(result){
        	$("#pubkey").val(result.data);
        })
        // 页面跳转到找回密码
        /* $('.toSetPassword').on('click',function(){
            location.href ="/web/user/toForgetPassword"
        }); */
        //关闭自动续费弹窗
        $('.renewbox').on('click', '.renewCloseBtn', function(){
            $(this).parents('.renewbox').hide();
        });
        var domain = document.domain;
        var system = judgeSystem();
        if( system == '32'){
                $('#downloadClientOne').attr('href', 'https://newqft-oss.oss-cn-qingdao.aliyuncs.com/xqft_s.32.exe');
                $('#downloadClient').attr('href', 'https://newqft-oss.oss-cn-qingdao.aliyuncs.com/xqft_s.32.exe');
                $('#linkIco').attr('href', '/static/images/xktg.ico');
                $('#keepNum').html('<a href="http://www.beian.miit.gov.cn" style="text-decoration:none;color:#fff" target="_blank">渝ICP备14004587号-8</a>');   //备案号
                $('#netanBox').html('<img class="netanImg"  src="/static/images/batb.png" alt=""><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002272" style="text-decoration:none;color:#fff" target="_blank">渝公网安备 50010302002272号</a>');   //网安号
        } else if( system == '64' ){
                $('#downloadClientOne').attr('href', 'https://newqft-oss.oss-cn-qingdao.aliyuncs.com/xqft_s.64.exe');
                $('#downloadClient').attr('href', 'https://newqft-oss.oss-cn-qingdao.aliyuncs.com/xqft_s.64.exe');
                $('#linkIco').attr('href', '/static/images/qft.ico');
                $('#keepNum').html('<a href="http://www.beian.miit.gov.cn" style="text-decoration:none;color:#fff" target="_blank">渝ICP备14004587号-8</a>');   //备案号
                $('#netanBox').html('<img class="netanImg"  src="/static/images/batb.png" alt=""><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002272" style="text-decoration:none;color:#fff" target="_blank">渝公网安备 50010302002272号</a>');   //网安号
        }
        //在线客服
        function talkToService(){
            window.location.href = "tencent://message/?uin=2850516330&Site=qq&Menu=yes";  //2850516330
        }
        //二维码切换
        $('.dowIos').on('click',function(){
            $(this).addClass('dowHover').siblings().removeClass('dowHover');
            $('.downloadConLeft').find('img').attr('src','/static/images/qftios.png');
        });
        $('.dowAnd').on('click',function(){
            $(this).addClass('dowHover').siblings().removeClass('dowHover');
            $('.downloadConLeft').find('img').attr('src','/static/images/qftandroid.png');
        });
        //查看密码显示与不显示
        $('.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');          //淡出消失
            }
        });
        //文本框获取焦点时
        $('.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).text();
            $(this).addClass('loginHover').siblings().removeClass('loginHover');
            if(aTxt == "中文"){
                $('#login_select').val(1);
                $('.loginCh').removeClass('hide');
                $('.loginEn').addClass('hide');
                $('.downloadCh').removeClass('hide');
                $('.downloadEn').addClass('hide');
            }else{
                $('#login_select').val(2);
                $('.loginCh').addClass('hide');
                $('.loginEn').removeClass('hide');
                $('.downloadCh').addClass('hide');
                $('.downloadEn').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'
        });
        $("#en_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 flage = $("#en_form_id").validationEngine("validate");
                    if(flage){
                        login("en_form_id");
                    }
                }
            }
        };
        if (window != top) {
            top.location.href = location.href;
        }
        $("#ch_login_btn").click(function () {
            var flag = $("#ch_form_id").validationEngine("validate");
            if (!flag) {
                return false;
            }
            login("ch_form_id");
        });
        $("#en_login_Btn").click(function () {
            var flag = $("#en_form_id").validationEngine("validate");
            if (!flag) {
                return false;
            }

            login("en_form_id");
        });
        
        //点击自助续约后隐藏弹窗
    	$("#renewboxHref").on('click',function(){
	        $("#renewbox").hide();
    	});
    })

    //获取短信验证码
    function getValidateCode(txt){
        var account = $('#ch_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;
        }
        var time = 60;
        var validCode = true;
        var code = $(txt);
        if (validCode) {
            validCode = false;
            $.ajax({
                "dataType": 'json',
                "type": 'get',
                "url": '/web/sms/send/' + account + "/QFT1000004",
                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);
                    }
                }
            });
        }
    }
    // 触发登录
    var login = function(form_id){
        if($('#login_type').val() == 2){
        	smsLogin(form_id);
        } else {
        	pwdLogin(form_id);
        }
    }
    // 密码登录
    var pwdLogin = function(form_id){
    	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());
        $.ajax({
            type: "post",
            url: "/doLogin",
            dataType:"json",
            data: $("#" + form_id).serialize(),
            error: function(){
                $("#error_message").text("网络繁忙，请稍后再试！");
            },
            success: function (d) {
                if (d.code == 200) {
                    window.location.href="/web/index"
                } else if(d.code == 10014){
					 $("#error_message").text("您的密码连续输错超5次，已为您切换为手机验证码登录");
                	 $("#password").hide();
                     $("#validateCode").show();
                     $('#login_type').val(2);
                } 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 smsLogin = function(form_id){
    	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());
        $.ajax({
            type: "post",
            url: "/smsLogin",
            dataType:"json",
            data: $("#" + form_id).serialize(),
            error: function(){
                $("#error_message").text("网络繁忙，请稍后再试！");
            },
            success: function (d) {
                if (d.code == 200) {
                    window.location.href="/web/index"
                }else {
                    $("#error_message").text(d.message);
                }
            }
        });
    }
    /**
     * @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>