BaseService
/
gateway


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314
							<html>
<head>
    <title>验证码</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <script src="/js/jquery.js"></script>
    <meta content="telephone=no" name="format-detection"/>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">
    <meta name="baidu-site-verification" content="cSFG2PMaYX"/>
    <meta name="applicable-device" content="pc,mobile"/>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/bootswatch.min.css" rel="stylesheet">
    <link href="/css/font.css" rel="stylesheet">
    <link href="/css/jy.css" rel="stylesheet">
    <link href="/css/common.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/unicorn.main.css"/>
    <link rel="stylesheet" href="/css/unicorn.grey.css"/>
    <script src="/js/jquery.js"></script>
    <script src="/js/n_rem.js"></script>
    <link href="/css/pc.css" rel="stylesheet">
    <style>
        body {
            min-width: auto;
        }

        @media only screen and (min-width: 1200px) {
            body {
                min-width: 1200px;
            }

            .verify_logo {
                width: 350px;
                display: block;
            }

            .verify-body {
                width: 350px;
                margin: 0 auto;
                text-align: center;
                padding: 134px 0;
            }

            .verify-content {
                border: #F5F5F5 solid 1px;
                margin: auto;
                width: 260pt;
                background-color: #FFFFFF;
                box-shadow: 1px 1px 1px 1px grey;
                padding: 10pt;
                display: flex;
                flex-direction: column;
            }

            .public-nav {
                display: "" !important;
            }

            .j-bottom {
                display: "" !important;
            }
        }

        @media only screen and (max-width: 1200px) {
            .verify_logo {
                width: 7rem;
                display: block;
            }

            .verify-body {
                width: 7rem;
                margin: 0 auto;
                text-align: center;
                padding: 2.38rem 0 0 0;
            }

            #antiimg {
                width: 100%;
            }

            .verify-content {
                border: #F5F5F5 solid 1px;
                margin: auto;
                width: 7rem;
                background-color: #FFFFFF;
                box-shadow: 1px 1px 1px 1px grey;
                padding: 10pt;
                display: flex;
                flex-direction: column;
            }

            .public-nav {
                display: none !important;
            }

            .j-bottom {
                display: none !important;
            }

        }

        .public-nav {
            border-bottom: 1px solid #e0e0e0 !important;
        }

        .fr {
            float: right;
        }

        .logo img {
            width: 74px;
        }


        .verify-content .word {
            text-align: left;
        }

        .footBtn {
            margin-top: 5pt;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        /*j-wx-code Start*/
        .j-wx-code {
            width: 335px;
            height: 355px;
            background-color: #fff;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            position: relative;
            /*margin: 100px auto;*/
        }

        .j-wx-code > .code-close {
            width: 40px;
            height: 40px;
            position: absolute;
            right: -20px;
            top: -20px;
            cursor: pointer;
            -webkit-transition: all 1s;
            -o-transition: all 1s;
            -moz-transition: all 1s;
            transition: all 1s;
        }

        .j-wx-code > .code-close:hover {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);
        }

        .j-wx-code > .code-title {
            height: 82px;
            background: url(/images/j-wx-code-title.png) center center no-repeat;
            -webkit-animation: moveYun 15s infinite linear both;
            -moz-animation: moveYun 15s infinite linear both;
            -o-animation: moveYun 15s infinite linear both;
            animation: moveYun 15s infinite linear both;
        }

        .j-wx-code > .code-wxm {
            text-align: center;
            margin-bottom: -6px;
            margin-top: -16px;

        }

        .j-wx-code > .code-wxm > img {
            width: 200px;
            height: 200px;
            margin-top: -5px;
        }

        .j-wx-code > .code-text {
            text-align: center;
        }

        .j-wx-code > .code-bottom {
            width: 470px;
            height: 211px;
            position: absolute;
            bottom: -113px;
            left: -73px;
            background: url(/images/j-wx-code-bottom.png) 0 0 no-repeat;
        }

        .j-wx-code > .code-bottom > img {
            position: absolute;
            left: 280px;
            top: 88px;
            -webkit-animation: codeWxMove 10s linear both;
            -moz-animation: codeWxMove 10s linear both;
            -o-animation: codeWxMove 10s linear both;
            animation: codeWxMove 10s linear both;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards
        }

        #antiVerify > div:first-child {
            display: none;
        }

        #antiVerify > div:nth-child(2) {
            max-width: 360px !important;
            margin: 0 auto !important;
            position: unset !important;
            top: unset !important;
            left: unset !important;
            z-index: unset !important;
            transform:unset !important;
        }

        #antiVerify > div:nth-child(2) > div:nth-child(1),
        #antiVerify > div:nth-child(2) > div:nth-child(2),
        #antiVerify > div:nth-child(2) > div:nth-child(1) > img {
            max-width: 360px !important;
        }
    </style>
</head>
<body>
<!-- content -->
<div class="verify-body">
    <div id="antiVerify">
        <div></div>
        <div style="margin: 0 auto;max-width: 360px;">
            <div style="width: 90vw;max-width: 360px;">
                <img style="width: 90vw;max-width: 360px;" src="/antiRes/images/verify_logo.png">
            </div>
            <div style="width: 90vw;max-width: 360px;border: #F5F5F5 solid 1px;margin: auto;background-color: #FFFFFF;box-shadow: 1px 1px 1px 1px grey;padding: 10pt;display: flex;flex-direction: column;">
                <div style="margin-bottom:8pt">
                    <div>请在下图依次点击：<span>{{.textVerify}}</span></div>
                </div>
                <div style="position:relative;width:100%">
                    <img id="antiimg" onclick="antiAdd(event,this);"
                         src="data:image/png;base64,{{.imgData}}"
                         style="width:100%"><input type="hidden" id="antivalue"
                                                   value=""></div>
                <div style="margin-top: 1vh;display: flex;flex-direction: row;justify-content: space-between;">
                    <img style="argin-left: 8pt;width: 25pt;height: 25pt;float: left;cursor: hand;"
                         onclick="antiReload()" src="/antiRes/images/flush.png">
                    <div>
                        <button style="background-color: #24C0D7;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 8px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #FFFFFF;position: relative;outline-width: 0px;box-shadow: none !important;"
                                onclick="antiReload(1);">确定
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<img src="/images/pc_6.png" class="backTop" id="backTop">

<script>
    //验证码方法
    function antiAdd(event, obj) {
        if (obj.parentNode.querySelectorAll(".imgs").length < 3) {
            var offsetX = event.pageX - (obj.getBoundingClientRect().left + document.body.scrollLeft);
            var offsetY = event.pageY - (obj.getBoundingClientRect().top + document.body.scrollTop);
            var offx = parseInt(offsetX);
            var offy = parseInt(offsetY);
            var icon = "<img onclick='antiRemove(this)' class='imgs' src='/antiRes/images/hoverclick.png' "
                + "style='position:absolute;top:" + (offsetY - 8) + "px;left:" + (offsetX - 8) + "px;'   offx=" + offx + " offy=" + offy + " />";
            obj.parentNode.innerHTML += icon
            document.querySelector("#antivalue").value += (";" + offx + "," + offy)
        }
    }

    //删除验证
    function antiRemove(obj) {
        var offx = obj.getAttribute("offx");
        var offy = obj.getAttribute("offy");
        document.querySelector("#antivalue").value = document.querySelector("#antivalue").value.replace((";" + offx + "," + offy), "");
        obj.parentNode.removeChild(obj);
    }

    //验证码提交
    function antiReload(flag) {
        if (flag === 1) {
            var param = {};
            param["antiVerifyCheck"] = document.querySelector("#antivalue").value.substr(1);
            param["imgw"] = $("#antiimg").width();
            $.ajax({
                type: "POST",
                url: window.location.href,
                dataType: "json",
                data: param,
                headers: {
                    'app': '{{.appName}}',
                },
                success: function (res) {
                    window.location.reload()
                }
            });
        } else {
            window.location.reload();
        }
    }

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