<!DOCTYPE html>
<html lang="zh-cmn-Hans" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <title>
        北京体育职业学院 个人在线工作门户    </title>
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <!-- #FAVICONS -->
    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
    <link rel="bookmark" href="/static/favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon">

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="/static/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/static/font-awesome/4.7.0/css/font-awesome.min.css"/>
    <!-- alibaba fonts -->
    <link rel="stylesheet" href="/static/font-alibaba-iconfont/iconfont.css"/>

    <link rel="stylesheet" href="/static/css/jquery.gritter.min.css"/>

    <!-- ace styles -->
    <link rel="stylesheet" href="/static/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style"/>

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="/static/css/ace-part2.min.css"/>
    <![endif]-->
    <link rel="stylesheet" href="/static/css/ace-skins.min.css"/>
    <link rel="stylesheet" href="/static/css/ace-rtl.min.css"/>

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="/static/css/ace-ie.min.css"/>
    <![endif]-->

    <link rel="stylesheet" href="/static/style.css"/>
    <!--layer-->
    <link rel="stylesheet" href="/static/plugins/layer-v3.1.0/theme/default/layer.css"/>

    <link rel="stylesheet" href="/static/plugins/captcha/css/verify.css"/>

    <link rel="stylesheet" href="/static/js/swiper-bundle.min.css"/>

    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
    <!--[if lte IE 8]>
    <script src="/static/js/html5shiv.min.js"></script>
    <script src="/static/js/respond.min.js"></script>
    <![endif]-->
    <style>
        .loginbox {
            width: 500px;
            height: 290px;
            position: absolute;
            left: 65%;
            top: 47%;
            transform: translate(-50%, -50%);
            z-index: 99;
            /*border-radius: 8px !important;*/
        }

        .logintitle {
            text-align: center;
            padding: 0 0 26px 0;
            /*background: #FAFAFA;*/
        }

        .loginpng {
            width: 50px;
            height: 50px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }

        .logintxt {
            font-size: 20px;
            color: #333;
            font-weight: bold;
            font-family: Microsoft YaHei;
        }

        .logintop {
            width: calc(100% - 80px);
            text-align: left;
            color: #105DEB;
            font-size: 18px;
            font-weight: bold;
        }

        .logonmarker {
            padding: 10px 12px;
        }

        .logonmarker .logonmarker_span {
            font-size: 24px;
            font-weight: bold;
            color: #000000;
            margin-right: 20px;
        }

        .loginboxinp {
            padding: 0 12px;
        }

        .loginboxinpli {
            padding: 10px 3px;
        }

        .loginboxinplilabel {
            font-size: 14px;
            color: #333;
            padding: 6px 0;
            width: 15%;
        }

        .inpboxs {
            /*background: #fff;*/
            height: 290px;
            /*border: 1px solid #EEEEEE;*/
            border: none;
            /*box-shadow:0 0 0 1px  #EEEEEE;*/
            /*border-radius: 8px !important;*/
        }

        .inps, .inps:focus {
            margin-left: 0;
            width: 100%;
        }

        .passicon {
            width: 20px;
            height: 20px;
            cursor: pointer;
            margin-right: 10px;
            /*position: absolute;*/
            /*top: 50%;*/
            /*right: 10px;*/
            /*transform: translateY(-50%);*/
            z-index: 99;
        }

        .inputBoxBgLi .yincang {
            display: block;
        }

        .inputBoxBgLi .xianshi {
            display: none;
        }

        .active .yincang {
            display: none;
        }

        .active .xianshi {
            display: block;
        }

        .inputbox {
            height: 32px;
            border: 1px solid #eeeeee;
            border-radius: 4px;
        }

        .inputbox input {
            height: 30px !important;
        }

        .clearfix {
            width: 350px;
        }

        .clearfix .btnsub {
            letter-spacing: 0;
            height: 33px;
            border-radius: 0 !important;
        }

        .clearfix .btns {
            text-align: center;
            margin-top: 35px;
        }

        .logobox {
            position: absolute;
            left: 18%;
            top: 34%;
        }

        .logobox img {
            width: 300px;
        }

        .clearfix .btns_re {
            text-align: left;
            margin-top: 15px;
            padding: 0 3px;
        }

        .clearfix .btns_lg {
            text-align: right;
            margin-top: 15px;
        }

        /*新改登录页面*/
        .login-layout {
            background-color: #F8F8F8;
        }

        .loginNavBg {
            width: 100%;
            height: 44px;
            background-color: #FFFFFF;
            display: flex;
            align-items: center;
        }

        .loginNavBg-logoImg {
            margin-left: 40px;
            width: 80px;
            height: 30px;
            background-size: cover;
        }

        /*内容页面*/
        .main-container {
            width: 100%;
            height: calc(100vh - 44px);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .main-middleBg {
            width: 960px;
            height: 438px;
        }

        .swiper {
            width: 100%;
            height: 438px;
        }

        .swiper-slide {
            width: 100%;
            height: 438px;
        }

        .swiper-img {
            width: 100%;
            height: 100%;
        }

        .accoungBg {
            width: 100%;
            height: 438px;
            background-color: #FFFFFF;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .codeLoginBg {
            width: 100%;
            height: 438px;
            background-color: #FFFFFF;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .accoungTitle {
            width: 100%;
            margin-top: 60px;
            margin-bottom: 32px;
            color: #333333;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
        }

        .inputBoxBg {
            width: 340px;
            height: auto;
        }

        .inputBoxBgLi {
            width: 100%;
            height: 40px;
            border: solid 1px #D9D9D9;
            border-radius: 4px;
            display: flex;
            align-items: center;
        }

        .inputBoxBgLi:first-child {
            margin-bottom: 15px;
        }

        .form-control .inps {
            margin-left: 20px;
        }

        .agreementBoxBg {
            margin-top: 20px;
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: row;
            position: relative;
            align-items: center;
        }

        .agreementBtn {
            margin-right: 8px;
            width: 16px;
            height: 16px;
            cursor: pointer;
        }

        .agreementText {
            width: auto;
            height: auto;
            color: #999999;
            font-size: 12px;
        }

        .forgetPasswordText {
            right: 0;
            width: auto;
            height: auto;
            color: #999999;
            font-size: 12px;
            position: absolute;
        }

        .click {
            color: #4F92F3;
            cursor: pointer;
        }

        .loginBtn {
            margin-top: 24px;
            width: 100%;
            height: 36px;
            background-color: #4F92F3 !important;
            color: #FFFFFF;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 5px;
            border: none;
        }

        .shadow {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 99;
            background-color: rgba(0, 0, 0, 0.6);
            display: flex;;
            align-items: center;
            justify-content: center;
        }

        .pcshadow {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 99;
            background-color: rgba(0, 0, 0, 0.6);
            display: flex;;
            align-items: center;
            justify-content: center;
        }

        .qrBox {
            margin: auto auto;
            width: 370px;
            height: auto;
            background-color: #ffffff;
        }

        .pcqrBox {
            margin: auto auto;
            width: 370px;
            height: auto;
            background-color: #ffffff;
        }

        .qrTitleBox {
            width: 100%;
            height: auto;
            border-bottom: solid 1px #ECECEC;
            display: flex;
            flex-direction: row;
            position: relative;
        }

        .qrTitleBoxSpan {
            color: #000000;
            font-size: 16px;
            padding: 10px 15px;
        }

        .qrCloseImg {
            right: 10px;
            width: 15px;
            height: 15px;
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
        }

        .qrContentbBox {
            margin-top: 20px;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-bottom: 27px;
        }

        .qrImg {
            width: 162px;
            height: 162px;
        }

        .qrDesc {
            margin: 20px 0 25px 0;
            width: 100%;
            height: auto;
            color: #666666;
            font-size: 14px;
            text-align: center;
        }

        .getCodeBox {
            padding: 1px 0;
            width: 150px;
            height: 100%;
            background-color: #F4F4F4;
            color: #999999;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
            border-left: solid 1px #D9D9D9;
            border-right: none;
            border-bottom: none;
            border-top: none;
        }
    </style>
</head>

<body class="login-layout">
<div class="loginNavBg">
    <img class="loginNavBg-logoImg">
</div>
<div class="main-container">
    <div class="main-middleBg">
        <div class="no-padding col-xs-12">
            <div class="no-padding col-xs-6">
                <div class="swiper">
                    <div class="swiper-wrapper">
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
            <div class="no-padding col-xs-6">
                <div class="accoungBg">
                    <div class="accoungTitle">使用账号登录</div>
                    <div class="inputBoxBg">
                        <form id="loginForm" method="post" action="/login.htm">
                            <fieldset>
                                <div class="inputBoxBgLi">
                                    <input type="text" class="form-control inps" name="username" value=""
                                           placeholder="请输入手机号" autofocus/>
                                </div>
                                <div class="inputBoxBgLi">
                                    <input type="password" class="form-control inps" name="password"
                                           placeholder="请输入密码"/>
                                    <img src="/static/image/yincang.png" class="img-responsive passicon yincang">
                                    <img src="/static/image/xianshi.png" class="img-responsive passicon xianshi">
                                </div>
                                <div class="agreementBoxBg">
                                </div>
                                <button id="loginBtn" type="button"
                                        class="btn btn-block btn-primary btnsub">
                                    <span class="bigger-110">登 录</span>
                                    <input type="hidden" name="captchaVerification"/>
                                    <input type="hidden" name="updateDefaultPwd"/>
                                    <button id="login" type="button" class="hidden"></button>
                                </button>
                                <div class="agreementBoxBg">
                                    <div class="agreementText click">
                                        <a class="click" href="/appweb/forgetPassword">忘记密码</a>
                                    </div>
                                    <div class="forgetPasswordText click" style="margin-right: 80px;"
                                         onclick="downloadPc()">下载windows客户端
                                    </div>
                                    <div class="forgetPasswordText click" onclick="lookAppQR()">扫码下载APP</div>
                                </div>
                            </fieldset>
                        </form>
                    </div>
                </div>
                <div class="codeLoginBg hidden">
                    <div class="accoungTitle">使用验证码登录</div>
                    <div class="inputBoxBg">
                        <form id="codeloginForm" method="post" action="/login.htm">
                            <fieldset>
                                <div class="inputBoxBgLi">
                                    <input type="text" class="form-control inps" name="mobile" value=""
                                           placeholder="请输入手机号" autofocus/>
                                </div>
                                <div class="inputBoxBgLi">
                                    <input type="text" class="form-control inps" name="phonecode"
                                           placeholder="收到的验证码"/>
                                    <div class="getCodeBox" onclick="getCodeClick()">获取验证码</div>
                                </div>
                                <div class="agreementBoxBg">
                                </div>
                                <button id="codeLoginBtn" type="button"
                                        class="btn btn-block btn-primary btnsub loginBtn">
                                    <span class="bigger-110">登 录</span>
                                    <input type="hidden" name="captchaVerification"/>
                                    <input type="hidden" name="logintype"/>
                                    <button id="login" type="button" class="hidden"></button>
                                </button>
                                <div class="agreementBoxBg">
                                    <div class="agreementText click">
                                        <a class="click" href="/appweb/forgetPassword">忘记密码</a>
                                    </div>
                                    <div class="forgetPasswordText click" style="margin-right: 80px;"
                                         onclick="downloadPc()">下载windows客户端
                                    </div>

                                    <div class="forgetPasswordText click" onclick="lookAppQR()">扫码下载APP</div>
                                </div>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
            <div id="sliderPopupCaptcha" style="margin-top:50px;"></div>
        </div>
    </div>
</div>

<!--遮罩层-->
<div class="shadow hidden" onclick="closeAppQR()">
    <div class="qrBox">
        <div class="qrTitleBox">
            <div class="qrTitleBoxSpan">APP下载</div>
            <img class="qrCloseImg" onclick="closeAppQR()" src="/static/image/qr_guanbi@2x.png"/>
        </div>
        <div class="qrContentbBox">
            <img class="qrImg" id="qrImg"/>
            <div class="qrDesc">扫描二维码，自动识别手机 </br>类型(iOS/安卓)，下载对应APP</div>
        </div>
    </div>
</div>
<!--遮罩层-->
<div class="pcshadow hidden" onclick="closePc()">
    <div class="pcqrBox">
        <div class="qrTitleBox">
            <div class="qrTitleBoxSpan">windows下载</div>
            <img class="qrCloseImg" onclick="closePc()" src="/static/image/qr_guanbi@2x.png"/>
        </div>
        <div class="qrContentbBox">
            <a class="qrDesc"
               href="/bucket-default/boyiyunpcchat-1.0.0-win-x64-setup.exe"
            >下载 windows64位 客户端</a>
            <a class="qrDesc"
               href="/bucket-default/boyiyunpcchat-1.0.0-win-ia32-setup.exe"
            >下载 windows32位 客户端</a>
        </div>

    </div>
</div>
<!--[if !IE]> -->
<script src="/static/js/jquery-3.7.1.min.js"></script>
<script src="/static/js/jquery-migrate-3.5.2.min.js"></script>
<!-- <![endif]-->
<!--[if IE]>
<script src="/static/js/jquery-1.11.3.min.js"></script>
<![endif]-->
<script type="text/javascript">
    if ('ontouchstart' in document.documentElement)
        document.write("<script src='/static/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
</script>
<script src="/static/js/popper.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/jquery.gritter.min.js"></script>
<script src="/static/js/jquery.validate.min.js"></script>
<script src="/static/plugins/jquery.form/jquery.form.min.js"></script>
<script src="/static/plugins/jquery-validation-bootstrap-tooltip/jquery-validate.bootstrap-tooltip.min.js"></script>
<script src="/static/plugins/layer-v3.1.0/layer.js"></script>

<script src="/static/plugins/crypto-js-4.0.0/crypto-js.js"></script>
<script src="/static/plugins/captcha/js/verify.js"></script>
<script src="/static/plugins/captcha/js/ase.js"></script>

<script src="/static/js/swiper-bundle.min.js"></script>

<script>
    let loginValidator = null,
        fogotValidator;
    //0未选中 1选中
    var isSelectAgreement = 1;
    //0密码登录 1验证码登录
    var loginType = 0;
    jQuery(function ($) {
        //获取登录信息
        getLoinLogoData(function () {
            var mySwiper = new Swiper('.swiper', {
                direction: 'horizontal', // 垂直切换选项
                loop: true, // 循环模式选项
                autoplay: true,
                autoplay: {
                    disableOnInteraction: false,
                },
                // 如果需要分页器
                pagination: {
                    el: '.swiper-pagination',
                },
            })
        });

        //密码显隐
        $(".passicon").on('click', function () {
            if ($('.inputBoxBgLi').hasClass("active")) {
                $('.inputBoxBgLi').removeClass("active");
                $("input[name='password']").attr("type", 'password')
            } else {
                $('.inputBoxBgLi').addClass("active");
                $("input[name='password']").attr("type", 'text')
            }
        })
        // 监听回车键
        document.getElementById('loginForm').onkeydown = keyDownSearch;

        function keyDownSearch(e) {
            // 兼容FF和IE和Opera
            var theEvent = e || window.event;
            var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
            if (code == 13) {
                $('button#loginBtn').trigger("click");
                return false;
            }
            return true;
        }

        $('button#loginBtn').on('click', function () {
            let $form = $("#loginForm");
            let username = $form.find('input[name=username]').val();
            let password = $form.find('input[name=password]').val();
            if (username.length <= 0) {
                layer.msg('请输入账号');
                return false;
            }
            if (password.length <= 0) {
                layer.msg('请输入密码');
                return false;
            }
            /*if (isSelectAgreement == 0) {
                layer.msg('请阅读并勾选协议');
                return false;
            }*/
            $('button#login').trigger("click");
        });
        //验证码登录
        $('button#codeLoginBtn').on('click', function () {
            let $form = $("#codeloginForm");
            let mobile = $form.find('input[name=mobile]').val();
            let phonecode = $form.find('input[name=phonecode]').val();
            if (mobile.length <= 0) {
                layer.msg('请输入手机号');
                return false;
            }
            if (mobile.length != 11) {
                layer.msg('请输入正确的手机号');
                return false;
            }
            if (phonecode.length <= 0) {
                layer.msg('请输入验证码');
                return false;
            }
            $form.find('input[name=logintype]').val('2');
            setTimeout(function () {
                $form.submit();
            }, 300);
        });


        //是否勾选协议
        $('.agreementBtn').on('click', function () {
            if ($(this).find('.agreementBtnImg_xuanzhong').hasClass('hidden')) {
                $(this).find('.agreementBtnImg_xuanzhong').removeClass('hidden');
                $(this).find('.agreementBtnImg_weixuanzhong').addClass('hidden');
                isSelectAgreement = 1;
            } else {
                $(this).find('.agreementBtnImg_xuanzhong').addClass('hidden');
                $(this).find('.agreementBtnImg_weixuanzhong').removeClass('hidden');
                isSelectAgreement = 0;
            }
        })

        // 初始化图形验证码  弹出式
        $('#sliderPopupCaptcha').slideVerify({
            baseUrl: '',  //服务器请求地址, 不填写就是localhost
            mode: 'pop',     //展示模式
            containerId: 'login',//pop模式 必填 被点击之后出现行为验证码的元素id
            imgSize: {       //图片的大小对象,有默认值{ width: '310px',height: '155px'},可省略
                width: '400px',
                height: '200px',
            },
            barSize: {          //下方滑块的大小对象,有默认值{ width: '310px',height: '50px'},可省略
                width: '400px',
                height: '40px',
            },
            beforeCheck: function () {  //检验参数合法性的函数  mode ="pop"有效
                //实现: 参数合法性的判断逻辑, 返回一个boolean值
                return true
            },
            ready: function () {
            },  //加载完毕的回调
            success: function (params) { //成功的回调
                // params为返回的二次验证参数 需要在接下来的实现逻辑回传服务器
                if (loginType == 0) {
                    let $form = $("#loginForm");
                    $form.find('input[name=captchaVerification]').val(params.captchaVerification);
                    let password = AESencrypt($form.find('input[name=password]').val(), "MWeXfcOayAnp6eT8");
                    $form.find('input[name=password]').val(password);

                    $.get('/isDefaultPassword', {password: password}, function (res) {
                        if (res) {// 是否是默认密码
                            $('.mask').hide();
                            layer.confirm('您当前使用的密码为默认密码，必须修改密码后才能登陆。', {
                                title: '提示',
                                btn: ['修改密码'],
                                move: false,
                            }, function () {
                                $form.find('input[name=updateDefaultPwd]').val('1');
                                setTimeout(function () {
                                    $form.submit();
                                }, 300);
                            });
                        } else {
                            setTimeout(function () {
                                $form.submit();
                            }, 300);
                        }
                    }).error(function () {
                        window.location.href = '/';
                    });
                } else {
                    let $form = $("#codeloginForm");
                    $form.find('input[name=captchaVerification]').val(params.captchaVerification);
                    //倒计时
                    startCountDown()
                }

            },
            error: function () {
            }        //失败的回调
        });

        //var H = $(window).height();
        //$("body").height(H);
        //$(".main-container,.logincenter").height(H - 80);
        $(document).on('click', 'a[data-target]', function (e) {
            e.preventDefault();
            let target = $(this).data('target');
            $('.widget-box.visible').removeClass('visible'); //hide others
            $(target).addClass('visible'); //show target
            let id = $(target).attr('id');
            let html = '';
            if (id === 'login-box') {
                loginValidator.resetForm();
                $(target).find('input[name="email"]').focus();
                //     // html = '<i class="ace-icon fa fa-coffee green"></i> <span class="tips-title green">请输入账号密码登录系统</span>';
                //     html = ' <span class="tips-title green">请输入账号密码登录系统</span>';
                layer.msg('请输入账号密码登录系统')
            }
            if (id === 'forgot-box') {
                fogotValidator.resetForm();
                $(target).find('input[name="email"]').focus();
                //     // html = '<i class="ace-icon fa fa-key red"></i> <span class="tips-title red">请输入邮箱重置密码</span>';
                //     html = ' <span class="tips-title red">请输入邮箱重置密码</span>';
                layer.msg('请输入邮箱重置密码')
            }
            // $(target).find('.header').empty().append(html);
        });

        let validateRule = {
            rules: {
                email: {
                    required: true,
                    email: true
                }
            },
            messages: {
                email: {
                    required: "请输入您的邮箱地址",
                    email: "请输入有效的邮箱地址"
                }
            },
            showErrors: function (errorMap, errorList) {
                if (errorList.length != 0) {
                    $('#forgot-box .header').empty().append('<i class="ace-icon fa fa-minus-circle red"></i> ' +
                        '<span class="red tips-title">' + errorList[0].message + '</span>');
                } else {
                    $('#forgot-box .header').empty().append('<i class="ace-icon fa fa-key red"></i> ' +
                        '<span class="tips-title red">请输入邮箱重置密码</span>');
                }
            },
            errorElement: "em",
            errorPlacement: function (error, element) {
            },
            highlight: function (element, errorClass, validClass) {
            },
            unhighlight: function (element, errorClass, validClass) {
            }
        };
        validateRule.submitHandler = function (form) {
            $(form).ajaxSubmit({
                url: $(form).attr('action'),
                type: 'post',
                dataType: 'json',
                beforeSubmit: function () {
                    $(form).find('input[name="email"]').attr('disabled', true);
                    $(form).find('button').attr('disabled', true);
                },
                success: function (data) {
                    $(form).find('input[name="email"]').attr('disabled', false);
                    $(form).find('button').attr('disabled', false);
                    let code = data.code;
                    let msg = data.msg;
                    if (code === 0) {
                        $.gritter.add({
                            title: '提示信息',
                            text: msg,
                            time: 2000,
                            image: '/static/image/tishixinxi.png',
                            class_name: 'gritter-default gritter-light'
                        });
                        layer.msg(msg);
                    } else {
                        $.gritter.add({
                            title: '提示信息',
                            text: msg,
                            time: 2000,
                            class_name: 'gritter-error gritter-light'
                        });
                        layer.msg(msg);
                    }
                },
                error: function () {
                    $(form).find('input[name="email"]').attr('disabled', false);
                    $(form).find('button').attr('disabled', false);
                    $.gritter.add({
                        title: '提示信息',
                        text: '系统内部错误',
                        time: 2000,
                        class_name: 'gritter-error gritter-light'
                    });
                }
            });
        };
        $("#forgotPasswodForm").validate(validateRule);
    });

    /**
     * encrypt 加密
     * @return {string} [description]
     */
    function AESencrypt(content, keyStr) {
        var key = CryptoJS.enc.Utf8.parse(keyStr);
        return CryptoJS.AES.encrypt(content, key, {
            mode: CryptoJS.mode.ECB,
            padding: CryptoJS.pad.Pkcs7
        }).toString();
    }

    //获取登录图标等信息
    function getLoinLogoData(callback) {
        $.getJSON('/sys/sysInfo/get', function (res) {
            //logo
            $('.loginNavBg-logoImg').attr("src", res.data.syslogoUrlFullPath)
            $('.qrImg').attr("src", res.data.qrcodeUrlFullPath)

            //轮播图
            if (res.data.bannerUrlFullPath) {
                var imgs = res.data.bannerUrlFullPath.split(',');
                $.each(imgs, function (i, e) {
                    var td = '<div class="swiper-slide">' +
                        '      <img class="swiper-img" src="' + e + '">' +
                        '     </div>';

                    $('.swiper-wrapper').append(td);
                });
                if (callback) callback();
            }
        });
    }

    //查看app下载二维码
    function lookAppQR() {
        $(".shadow").removeClass('hidden')
    }

    //查看app下载二维码
    function downloadPc() {
        $(".pcshadow").removeClass('hidden')
    }

    //关闭遮罩
    function closeAppQR() {
        $(".shadow").addClass('hidden')
    }

    //关闭遮罩
    function closePc() {
        $(".pcshadow").addClass('hidden')
    }

    $('.qrBox').on("click", function (e) {
        e.preventDefault();//阻止浏览器默认行为
        e.stopPropagation();//阻止事件冒泡
        return false;

    });

    //服务条款
    function serveClauseClick() {
        window.open('/serveClause.htm');
    }

    //密码登录
    function passwordLogin() {
        $('.accoungBg').removeClass('hidden');
        $('.codeLoginBg').addClass('hidden');
        loginType = 0;
    }

    //验证码登录
    function codeLogin() {
        $('.accoungBg').addClass('hidden');
        $('.codeLoginBg').removeClass('hidden');
        loginType = 1;
    }

    //获取验证码
    function getCodeClick() {
        let $form = $("#codeloginForm");
        let mobile = $form.find('input[name=mobile]').val();
        if (mobile.length <= 0) {
            layer.msg('请输入手机号');
            return false;
        }
        if (mobile.length != 11) {
            layer.msg('请输入正确的手机号');
            return false;
        }
        $('button#login').trigger("click");
    }

    //开始倒计时
    function startCountDown() {
        let $form = $("#codeloginForm");
        let mobile = $form.find('input[name=mobile]').val();
        let captchaVerification = $form.find('input[name=captchaVerification]').val();

        var params = {
            mobile: mobile,
            captchaVerification: captchaVerification,
        }
        $.getJSON('/remote/user/getBackLoginPhoneCode', params, function (res) {
            if (res.code == 0) {
                $('.getCodeBox').addClass("on");
                var time = 60;
                $('.getCodeBox').attr("disabled", true);
                var timer = setInterval(function () {
                    if (time == 0) {
                        clearInterval(timer);
                        $('.getCodeBox').attr("disabled", false);
                        $('.getCodeBox').text("获取验证码");
                        $('.getCodeBox').removeClass("on");
                    } else {
                        $('.getCodeBox').text("重新获取(" + time + ")");
                        time--;
                    }
                }, 1000);
            } else {
                layer.msg(res.msg);
            }

        });


    }

</script>
</body>
</html>
