BaseService
/
gateway


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
							<html>
<head>
    <title>验证码</title>
    <meta charset="UTF-8"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="/antiRes/css/app.css?v=1429" rel="stylesheet">
    <script> let isSpiderPage = true</script>
    <script src="/antiRes/js/jquery.js"></script>
    <script src="/antiRes/js/rem.js"></script>
</head>
<body>
<div class="error-body">
    <div class="app-layout-header">
        <span class="app-back jyapp-icon jyapp-icon-zuojiantou"></span>
        验证码
    </div>
    <div class="app-layout-content-b">
        <div class="verify-body">
            <div class="verify-img">
                <img class="verify_logo" src="/antiRes/images/verify_logo.png">
            </div>
            <div class="verify-content">
                <div style="margin-bottom:8pt"><p class="word">请在下图依次点击：<span id="words">{{.textVerify}}</span></p></div>
                <div style="position:relative;width: 100%" class="verify_img">
                    <img id="antiimg" src="data:image/png;base64,{{.imgData}}" onclick="antiAdd(event,this);"/>
                    <input type="hidden" value="" id="antivalue"/>
                </div>
                <div class="footBtn">
                    <img onclick="flash()" src="/antiRes/images/flush.png" style="width: 25pt;height: 25pt" alt="">
                    <div>
                        <button class="comfirmbtn btn btn-success" onclick="checkdot();">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<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 flash() {
        window.location.reload()
    }

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