dataservice
/
tripartite_gateway


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
							<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">
    <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="/antiRes/css/default.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>
<!-- 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;font-size: .2rem">
                    <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>

<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>