<!DOCTYPE html>
<html lang="zh-cmn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>网络应用认证</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="/wengine-auth-static/js/css/normalize.css"/>
    <link rel="stylesheet" href="/wengine-auth-static/js/css/login.css?v=20201101"/>
    <link rel="stylesheet" href="/wengine-auth-static/js/layui/css/layui.css">
    <link rel="stylesheet" href="/wengine-auth-static/js/css/quill.snow.css">
    <link rel="stylesheet" href="/wengine-auth-static/js/css/drag.css">
    <script src="/wengine-auth-static/js/js/wechat-font.js"></script>
    <style>
        #captcha-wrap{
            display:none;
        }
        #error-message{
            display: none;
        }
    </style>
    <script>
        var startX,startY;

        document.addEventListener("touchstart",function(e){

            startX = e.targetTouches[0].pageX;
            startY = e.targetTouches[0].pageY;
        });

        document.addEventListener("touchmove",function(e){

            var moveX = e.targetTouches[0].pageX;
            var moveY = e.targetTouches[0].pageY;

            if(Math.abs(moveX-startX)>Math.abs(moveY-startY)){
                e.preventDefault();
            }
        },{passive:false});
    </script>
</head>
<body>
<div class="background">
</div>
<div class="main">
    <div class="header">
        
            <div class="portal-blank-logo">
            </div>
            <div class="portal-title no-logo">
                <span style="line-height: 48px;">网络应用认证</span>
            </div>
        
    </div>
    <div class="container">
        <div class="notice-panel">
            <div class="notice-box">
                <div class="notice-title">
                    
                </div>
                <div class="notice-break-line"></div>
                <div class="notice-content">
                    <div class="ql-snow">
                        <div id="ql-editor" class="ql-editor">

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="login-panel">
            <div class="login-box">


                

                    <div class="login-nav-header">
                        <div class="login-nav-wrap">
                            <span class="login-nav-prev"><i class="layui-icon layui-icon-left"></i></span>
                            <span class="login-nav-next"><i class="layui-icon layui-icon-right"></i></span>
                            <div class="login-nav-scroll">
                                <div class="login-nav-nav">
                                    
                                        
                                            <div class="login-nav-item" data-type="local" id="local">账号登录</div>
                                        
                                    
                                        
                                    
                                        
                                    
                                        
                                            <div class="login-nav-item" data-type="cas" id="cas">统一认证</div>
                                        
                                    
                                        
                                    
                                        
                                    
                                </div>

                            </div>
                        </div>
                    </div>

                
                <form class="el-form el-form--label-top" id="form">
                    <input name="auth_type" type="hidden" value="local" autocomplete="off"/>

                    
                        <div class="login-form-item">
                            <div class="el-input user-input">
                                <input autocomplete="off" id="user_name" placeholder="用户名"
                                       type="text" name="username">
                            </div>
                        </div>
                    

                    <div class="login-form-item sms-field" style="display:none;">
                        <div class="el-input phone-code-input">
                            <input autocomplete="off" placeholder="验证码" type="text" name="sms_code"
                                   id="phone-code-input" style="flex:1">
                            <div class="send-sms" id="send-sms">点击发送</div>
                            <img id="help_mark" class="help-mark sms-wx-field"
                                 src="/wengine-auth-static/js/image/question-mark.png"/>
                        </div>
                    </div>

                    
                        <div class="login-form-item password-field">
                            <div class="el-input password-input">
                                <input autocomplete="new-password" placeholder="密码" type="password" name="password">
                            </div>
                        </div>
                    
                    <div class="upper-login-field">
                        <div class="msg" id="error-message">
                        </div>
                    </div>
                    

                    

                    
                    
                        <div class="el-button-login" style="margin-bottom:20px;" id="cas_login">
                            <a id="cas-login" class="link-login" href="/wengine-auth/login?cas_login=true"
                               style="text-decoration:none;color:rgba(0,0,0,0.66);">
                                
                                CAS统一身份认证登录
                            </a>
                        </div>
                    


                    
                        <button type="button" class="el-button-login" style="margin-bottom:20px;" id="login">
                            <span>登录</span>
                        </button>
                    
                </form>
                <div class="mobile-notice-panel">
                    <div class="notice-box">
                        <div class="notice-break-line"></div>
                        <div class="notice-title">
                            
                        </div>
                        <div class="notice-content">
                            <div class="ql-snow">
                                <div id="mobile-ql-editor" class="ql-editor">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="wechat_tip" style="display:none;padding:10px">
            <div style="font-size:16px">1. 请先扫描二维码并关注该服务公众号</div>
            <img src="/wengine-auth-static/js/image/wx.png" style="width:120px;height:120px;margin-left:15px;"/>
            <div style="font-size:16px">2. 进入公众号点击”用户认证“进行认证</div>
        </div>
    </div>
    <div class="footer" style="text-align: center;margin-top: 20px;margin-bottom: 10px;">
        
    </div>
</div>
<div class="second-login-layer" id="second_login_layer" style="display:none">
    <div class="layer-form-title">
        双重登录认证
    </div>
    <form id="second_login_form" class="layui-form">
        <input type="hidden" name="username" autocomplete="off" id="twostep-username">
        <div class="layui-form-item">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-block">
                <input type="text" name="disable_phone" autocomplete="off" disabled class="layui-input"
                       id="twostep-phone" style="border:none">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">验证码</label>
                <div class="layui-input-inline" style="width:160px;">
                    <input type="text" name="code" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline" style="width:60px;">
                    <div class="layui-btn layui-btn-mormal" id="send-phone-sms" style="background:#1B9EF3;">获取验证码</div>
                </div>
            </div>
        </div>
        <div>
            <input type="button" id="submit_second_login" class="layui-btn layui-btn-mormal"
                   style="background:#1B9EF3;float:right" value="继续登录"/>
        </div>

    </form>
</div>
<div class="drag-captcha-layer" id="drag-captcha-layer" style="display: none;">
    <div class="drag-captcha-area">
        <div class="drag-captcha-title unselectable" unselectable="on" style="height:20px;">请拖动下方滑块完成验证</div>
        <div class="drag-captcha-center">
            <div class="drag-captcha-bg" id="drag-captcha-bg">
                <img src="">
            </div>
            <img class="drag-slide-identity" src="">
            <div class="drag-refresh-bg">
                <img src="/wengine-auth-static/js/image/loading.gif">
            </div>
            <div class="drag-slide-message">验证失败</div>
        </div>
        <div class="drag-captcha-footer">
            <div class="drag-captcha-slidebar">
                <div class="drag-captcha-slidebar-tip unselectable" unselectable="on">请向右拖动滑块</div>
            </div>
            <div class="drap-captcha-slidetrigger unselectable" id="drap-captcha-slidetrigger">
                >>
            </div>
        </div>
    </div>
</div>
<div class="second-login-layer" id="updata_password_layer" style="display:none">
    <div class="layer-form-title">
        密码修改
    </div>
    <form id="updata_password_form" class="layui-form">
        <input type="hidden" name="username" autocomplete="off" id="updata-username">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">旧密码</label>
                <div class="layui-input-block">
                    <input type="password" name="oldPassword" autocomplete="off" placeholder="请输入以前的登录密码" class="layui-input" style="width: 250px">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">新的密码</label>
                <div class="layui-input-block">
                    <input type="password" name="newPassword" autocomplete="off" placeholder="请输入新的登录密码" class="layui-input" style="width: 250px">
                    <div class="layui-inline">长度8位以上包含大小写、数字</div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">确认密码</label>
                <div class="layui-input-block">
                    <input type="password" name="newPassword1" autocomplete="off" placeholder="请再次输入登录密码" class="layui-input" style="width: 250px">
                </div>
            </div>
        </div>
        <div>
            <input type="button" id="submit_updata_password" class="layui-btn layui-btn-mormal"
                   style="background:#1B9EF3;float:right" value="确认"/>
        </div>

    </form>
</div>

<script type="text/javascript" src="/wengine-auth-static/js/js/jquery.min.js"></script>
<script type="text/javascript" src="/wengine-auth-static/js/layer-v3.1.1/layer.js"></script>
<script type="text/javascript" src="/wengine-auth-static/js/layui/layui.js"></script>


<script type="text/javascript" src="/wengine-auth-static/js/js/drag.js"></script>

<script type="text/javascript">
    $('.drag-captcha-layer').on('touchmove',function(event){
        event.preventDefault();
    });
    $("#ql-editor").html("\u003cp\u003e您好，为了网络应用的安全，请您先登录后再进行访问。\u003c/p\u003e");
    $("#mobile-ql-editor").html("\u003cp\u003e您好，为了网络应用的安全，请您先登录后再进行访问。\u003c/p\u003e");

    var logoutByOther = ''
    if (logoutByOther != "") {
        layer.msg("您的账号已经在其他地点登录，请检查账号密码是否泄漏");
    }

    var logoutByIpChange = ''
    if (logoutByIpChange != "") {
        layer.msg("您的账号IP发生变化，请重新登录");
    }

    var errorMessage = ''
    if (errorMessage != "") {
        layer.msg(errorMessage)
    }

    var notHasError = logoutByOther == "" && errorMessage == "" && logoutByIpChange == "";

    var sec;
    var intervalId = 0;

    function initCaptcha() {
        $(".drag-refresh-bg").css("display", "none")
        $(".drag-slide-message").css("display", "none")
        $(".drag-slide-message").text("")
        $(".drag-slide-message").removeClass("succes-message")

        $(".drag-slide-identity").css("top", 30 + "px")
        $(".drap-captcha-slidetrigger").css("left", 10 + "px")
        $(".drag-slide-identity").css("left", 10 + "px")
        loadCaptcha()
    }


    function loadCaptcha() {
        $(".drag-refresh-bg").css("display", "block");
        $.get("/wengine-auth/login/image?_="+Date.now(), function(data){
            $(".drag-captcha-bg img").attr("src", data.p)
            $(".drag-slide-identity").attr("src", data.s)
            $(".drag-slide-identity").css("top", data.h + 30 + "px")
            $(".drag-refresh-bg").css("display", "none")
        })
    }

    $(function () {
        $('#user_name').focus();
        $('form#form input').on('keyup', function(e){
            if(e.keyCode == 13){
                $('#login').trigger('click');
            }
        });
        $('#login').click(function() {
            var data = $('#form').serializeArray()
            $("#error-message").hide()
            $('#twostep-phone').val("")
            $('#twostep-phone2').val("")
            $('#twostep-username').val("")

            $.post('/wengine-auth/do-login', data, function(res) {
                if (res.success) {
                    location.href = res.url
                }else{
                    switch (res.error) {
                        case "IP_FORBIDDEN":
                        case "TOO_MANY_ATTEMPTS":
                            $("#error-message").show();
                            $("#error-message").html(res.message)
                            return;
                        case "WEAK_PASSWORD_FORBID":
                            $('#updata-username').val(res.username)
                            layerIndex = layer.open({
                                content: res.message,
                                closeBtn: 0,
                                btn: ['确认修改'],
                                btn1: function () {
                                    layer.close(layerIndex)
                                    parent.layer.open({
                                        btn:false,
                                        type: 1,
                                        shade: 0.3,
                                        title: false,
                                        shadeClose: true,
                                        closeBtn: 0,
                                        scrollbar: false,
                                        move: false,
                                        offset: '350px',
                                        area: "460px",
                                        content: $('#updata_password_layer')
                                    })
                                },
                            });
                            return;
                        case "CAPTCHA_FAILED":
                            
                            layer.open({
                                type: 1,
                                shade: 0.3,
                                title: false,
                                shadeClose: true,
                                closeBtn: 1,
                                scrollbar: false,
                                offset: 'auto',
                                area: "300px",
                                content: $('#drag-captcha-layer'),
                                success: initCaptcha
                            })
                            initCaptcha()
                            return;
                        case "INVALID_FAILURETIME":
                            $("#error-message").show();
                            $("#error-message").html("该用户已过期");
                            return;
                        case "INVALID_ACCOUNT":
                            $("#error-message").show();
                            $("#error-message").html(res.message)
                            return;
                        case "NEED_CONFIRM":
                            layer.confirm('该账号已经登录，继续登录将踢掉其他已登录账号', {
                                btn: ['继续', '取消']
                            }, function () {
                                $.ajax({
                                    url: "/do-confirm-login",
                                    dataType: 'json',
                                    type: 'POST',
                                    success: function (res) {
                                        if (res.success) {
                                            layer.msg("登录成功！");
                                            setTimeout(function () {
                                                window.location.href = res.url
                                            }, 1000);
                                        } else {
                                            layer.msg(res.url);
                                        }
                                    }
                                })
                            });
                            return;
                        case "NEED_TWO_STEP":
                            $('input[name="disable_phone"]').val(res.phone);
                            layer.open({
                                type: 1,
                                shade: 0.3,
                                title: false,
                                shadeClose: true,
                                closeBtn: 1,
                                scrollbar: false,
                                offset: '350px',
                                area: "460px",
                                content: $('#second_login_layer')
                            });
                            return;
                        case "WEEK_PASSWORD_CHECK":
                            $('#updata-username').val(res.username)
                            layerIndex = layer.open({
                                content: res.message,
                                btn: ['确认修改','跳过'],
                                btn1: function () {
                                    layer.close(layerIndex)
                                    parent.layer.open({
                                        btn:false,
                                        type: 1,
                                        shade: 0.3,
                                        title: false,
                                        shadeClose: true,
                                        closeBtn: 0,
                                        scrollbar: false,
                                        move: false,
                                        offset: '350px',
                                        area: "460px",
                                        content: $('#updata_password_layer')
                                    })
                                },
                                btn2: function () {
                                    location.href = res.url
                                    return false;
                                },
                                cancel: function(){
                                    location.href = res.url
                                    return false;
                                }
                            });
                            return;
                        default:
                            layer.alert("未在当前版本实现的功能")
                    }
                }
            });
        });


        $('#send-phone-sms').click(function () {
            var phone = $('input[name="disable_phone"]').val()
            var auth_type = $(".on").data('type')

            var $that = $(this);
            if(phone.length != 11){
                layer.msg('您的手机号格式不正确,无法获得验证码！');
                return
            }
            if ($(this).hasClass('disabled')) {
                return;
            }
            window.clearInterval(intervalId);
            $.post('/wengine-auth/send-sms/', {username: phone, auth_type: auth_type}, function (res) {
                if(!res.success){
                    layer.msg(res.message);
                    return;
                }
            });
            sec = 59;
            $that.html(sec);
            $(this).addClass('disabled');
            intervalId = setInterval(function () {
                counting = true;
                $that.html(sec);
                sec -= 1;
                if (sec < 0) {
                    $that.removeClass('disabled');
                    counting = false;
                    $that.html('点击发送');
                }
            }, 1000);
        });

        $('.send-sms').click(function () {
            var phone = $("#user_name").val()
            
            var auth_type = $(".on").data('type')
            

            var $that = $(this);
            if(phone.length != 11){
                layer.msg('您的手机号格式不正确,无法获得验证码！');
                return
            }
            if ($(this).hasClass('disabled')) {
                return;
            }
            window.clearInterval(intervalId);
            $.post('/wengine-auth/send-sms/', {username: phone, auth_type: auth_type}, function (res) {
                if(!res.success){
                    layer.msg(res.message);
                    return;
                }
            });
            sec = 59;
            $that.html(sec);
            $(this).addClass('disabled');
            intervalId = setInterval(function () {
                counting = true;
                $that.html(sec);
                sec -= 1;
                if (sec < 0) {
                    $that.removeClass('disabled');
                    counting = false;
                    $that.html('点击发送');
                }
            }, 1000);
        });

        $('#submit_updata_password').click(function () {
            var oldP = $('input[name="oldPassword"]').val();
            var newP = $('input[name="newPassword"]').val();
            var newP1 = $('input[name="newPassword1"]').val();
            if (oldP.length == 0) {
                layer.msg("请输入旧密码")
                return
            }
            if (newP.length == 0) {
                layer.msg("请输入新密码")
                return
            }
            if (newP1.length == 0) {
                layer.msg("请输入确认密码")
                return
            }
            if (newP1 != newP) {
                layer.msg("新密码不一致")
                return
            }
            var data = $("#updata_password_form").serialize();
            $.ajax({
                url: "/wengine-auth/modify-password",
                data: data,
                dataType: 'json',
                type: 'POST',
                success: function (res) {
                    if (res.success) {
                        layer.msg("修改成功！请重新登陆");
                        setTimeout(function () {
                            window.location.href = res.url;
                        }, 2000);
                    } else {
                        layer.msg(res.message);
                    }
                }
            })
        });

        $('#submit_second_login').click(function () {
            var data = $("#second_login_form").serialize();
            $.ajax({
                url: "/wengine-auth/do-second-login",
                data: data,
                dataType: 'json',
                type: 'POST',
                success: function (res) {
                    if (res.success) {
                        layer.msg("登录成功！");
                        setTimeout(function () {
                            window.location.href = res.url;
                        }, 1000);
                    } else {
                        layer.msg(res.message);
                    }
                }
            })
        });

        $('#submit_confirm_login').click(function () {
            var data = $("#confirm_login_form").serialize();
            $.ajax({
                url: "/wengine-auth/do-confirm-login",
                data: data,
                dataType: 'json',
                type: 'POST',
                success: function (res) {
                    if (res.success) {
                        layer.msg("登录成功！");
                        setTimeout(function () {
                            window.location.href = res.data
                        }, 1000);
                    }
                }
            })
        });

        var currentCursor = 0;

        $(".login-nav-next").click(function () {
            if ($(".login-nav-scroll").width() < $(".login-nav-nav").width()) {
                currentCursor = $(".login-nav-scroll").width() - $(".login-nav-nav").width();
                $(".login-nav-nav").css("transform",  "translateX(" + currentCursor + "px)");
                $(".login-nav-nav").css("-ms-transform",  "translateX(" + currentCursor + "px)");
                $(".login-nav-nav").css("-moz-transform",  "translateX(" + currentCursor + "px)");
                $(".login-nav-nav").css("-webkit-transform",  "translateX(" + currentCursor + "px)");
                $(".login-nav-nav").css("-o-transform",  "translateX(" + currentCursor + "px)");
            }
        });

        $(".login-nav-prev").click(function () {
            currentCursor = 0;
            $(".login-nav-nav").css("transform",  "translateX(" + currentCursor + "px)");
            $(".login-nav-nav").css("-ms-transform",  "translateX(" + currentCursor + "px)");
            $(".login-nav-nav").css("-moz-transform",  "translateX(" + currentCursor + "px)");
            $(".login-nav-nav").css("-webkit-transform",  "translateX(" + currentCursor + "px)");
            $(".login-nav-nav").css("-o-transform",  "translateX(" + currentCursor + "px)");
        });

        
        

        

        
            $(".login-nav-item").off("click").on("click", function () {
                
                var index = $(this).index();
                
                $(this).addClass("on").siblings().removeClass("on");
                
                if ($(this).data('type') == 'local') {
                    $('.password-field').show();
                    $('.sms-field').hide();
                    $('.el-button-login').show();
                    $('input[name=auth_type]').val('local');
                    $('#user_name').parent().removeClass('phone-input');
                    $('#user_name').parent().removeClass('user-input');
                    $('#user_name').parent().addClass('user-input');
                    $('#user_name').attr('placeholder', "用户名");
                    $('.user-input').show();
                    $('.user-input').parent().show();
                    $('.remember-field').show();
                    $('.wechat-qrcode').hide();
                    $('.dingding-qrcode').hide();
                    $('#oidc_login').hide();
                    $('#cas_login').hide();
                    $('#more_login').hide();
                } else if ($(this).data('type') == 'auth_sms') {
                    $('.password-field').hide();
                    $('.sms-field').show();
                    $('.el-button-login').show();
                    $('.sms-wx-field').hide();
                    $('.user-input').show();
                    $('.user-input').parent().show();
                    $('input[name=auth_type]').val('auth_sms');
                    $('#user_name').parent().removeClass('user-input');
                    $('#user_name').parent().addClass('phone-input');
                    $('#user_name').attr('placeholder', "手机号");
                    $('.phone-input').show();
                    $('.phone-input').parent().show();
                    $('.remember-field').hide();
                    $('.wechat-qrcode').hide();
                    $('.dingding-qrcode').hide();
                    $('#oidc_login').hide();
                    $('#cas_login').hide();
                    $('#more_login').hide();
                }
                
                
                
                else if ($(this).data('type') == 'cas') {
                    $('.sms-field').hide();
                    $('.sms-wx-field').hide();
                    $('.password-field').hide();
                    $('.user-input').hide();
                    $('.phone-input').hide();
                    $('.user-input').parent().show();
                    $('.phone-input').parent().show();
                    $('.remember-field').hide();
                    $('.el-button-login').hide();
                    $('.wechat-qrcode').hide();
                    $('.dingding-qrcode').hide();
                    
                    
                    $('#cas_login').show();
                    
                    $('#more_login').hide();
                }
                        
                else if ($(this).data('type') == 'more_auth') {
                    $('.sms-field').hide();
                    $('.sms-wx-field').hide();
                    $('.password-field').hide();
                    $('.user-input').hide();
                    $('.user-input').parent().show();
                    $('.phone-input').hide();
                    $('.phone-input').parent().show();
                    $('.remember-field').hide();
                    $('.el-button-login').hide();
                    $('.wechat-qrcode').hide();
                    $('.dingding-qrcode').hide();
                    $('#oidc_login').hide();
                    $('#cas_login').hide();
                    $('#more_login').show();
                } else {
                    $('.sms-field').show();
                    $('.sms-wx-field').show();
                    $('.password-field').hide();
                    $('input[name=auth_type]').val('auth_wx_sms');
                    $('#user_name').parent().removeClass('user-input');
                    $('#user_name').parent().addClass('phone-input');
                    $('#user_name').attr('placeholder', "手机号");
                    $('.phone-input').show();
                    $('.phone-input').parent().show();
                    $('.el-button-login').show();
                    $('.remember-field').hide();
                    $('.wechat-qrcode').hide();
                    $('.dingding-qrcode').hide();
                    $('#oidc_login').hide();
                    $('#cas_login').hide();
                    $('#more_login').hide();
                }
            });
            

            
            $(".login-nav-item").first().click();
            

            $('#help_mark').hover(function () {
                var display_width = getWidth() / 2 + 50;
                var display_height = getHeight() / 2;
                if (display_width <= 416) {
                    var offset = 'auto';
                } else {
                    var offset = [display_height + 'px', display_width + 'px'];
                }
                layer.open({
                    type: 1,
                    shade: 0,
                    title: false,
                    shadeClose: true,
                    closeBtn: 0,
                    offset: offset,
                    area: ['320px'],
                    content: $('#wechat_tip')
                });

            }, function () {
                layer.closeAll();
            });

        });

        
        function getWidth() {
            if (window.innerWidth) {
                winWidth = window.innerWidth;
            } else if ((document.body) && (document.body.clientWidth)) {
                winWidth = document.body.clientWidth;
            }
            if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {
                winWidth = document.documentElement.clientWidth;
            }
            return winWidth;
        }

        
        function getHeight() {
            if (window.innerHeight) {
                winHeight = window.innerHeight;
            } else if ((document.body) && (document.body.clientHeight)) {
                winHeight = document.body.clientHeight;
            }
            if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {
                winHeight = document.documentElement.clientHeight;
            }
            return winHeight;
        }

        function browserCheck() {
            

            var avail_browsers = ['IE11', 'Edge', 'Chrome', 'Firefox', 'Safari', 'Mobile']
            
            var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;

            
            var isFirefox = typeof InstallTrigger !== 'undefined';

            
            var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) {
                return p.toString() === "[object SafariRemoteNotification]";
            })(!window['safari'] || (typeof safari !== 'undefined' && safari.pushNotification));

            
            var isIE =  false || !!document.documentMode;

            
            var isEdge = !isIE && !!window.StyleMedia;

            
            var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime || !!window.chrome.loadTimes);

            isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
            if (/Macintosh/i.test(navigator.userAgent)) {
                isSafari = true;
            }
            for (var i in avail_browsers) {
                switch (avail_browsers[i]) {
                    case 'IE11':
                        if (isIE && parseInt(document.documentMode) >= 8) {
                            return true;
                        }
                        break;
                    case 'Edge':
                        if (isEdge) {
                            return true;
                        }
                        break;
                    case 'Chrome':
                        if (isChrome) {
                            return true;
                        }
                        break;
                    case 'Firefox':
                        if (isFirefox) {
                            return true;
                        }
                        break;
                    case 'Mobile':
                        if (isMobile) {
                            return true;
                        }
                        break;
                    case 'Safari':
                        if (isSafari) {
                            return true;
                        }
                }

            }
            return false;
        }

        var isMobile = false;

        var check = browserCheck()
        if (!check) {
            alert("您的浏览器无法正常打开WEBVPN界面，请更新您的浏览器")
        }
</script>




</body>
</html>
