dayuan
/
manyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="author" content="">
    <meta name="description" content="">
    <meta name="keywords" content="扫码支付，线上投币，运营数据，物联网"/>
    <meta name="format-detection" content="telephone=no,email=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>绑定消息通知微信</title>
    <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css">
    <link rel="stylesheet" href="../components/custom/css/common.css">
    <link rel="stylesheet" href="css/xyf.common.min.css">
    <style>
        .attention{
            overflow: hidden;
            border-radius: 50%;
        }

        .attention img{
            display: none;
        }

        .bind-panel, #submitBtn {
            display: block;
        }

        .bound .bind-panel, .bound #submitBtn {
            display: none;
        }

        .info-panel, #changeWechatBtn {
            display: none;
        }

        .bound .info-panel, .bound #changeWechatBtn {
            display: block;
        }

    </style>
</head>
<body class="bound">

<div class="info-panel">
    <div class="attention"><img src="#" /></div>
    <h5 class="mui-text-center mui-content-padded font-b-16 "><span class="nickname"></span> <i
            class="sex iconfont"></i>
    </h5>
</div>

<div class="bind-panel">
    <p class="mui-content-padded">请绑定您的微信账号，方便消息推送到您的微信</p>
    <div class="mui-input-group custom-top">
        <div class="input-row code input-clear">
            <input id="code" type="tel" maxlength="4" placeholder="验证码">
            <button id="sendBtn" type="button" onclick="sendCode()">获取验证码</button>
        </div>
    </div>
</div>
<div class="custom-subt">
    <input type="button" class="mui-btn-block btn-red" id="changeWechatBtn" value="更换绑定" onclick="changeWechat()">
    <input type="button" class="mui-btn-block " id="submitBtn" value="绑定当前登录的微信" onclick="bindWechat()">

    <input type="button" class="mui-btn-block custom-top btn-gray" value="返回" onclick="history.back()">
</div>

<script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
<script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
<script src="js/xyf.common.js"></script>
<script src="/components/custom/js/common.js"></script>
<script>
    //检测是否绑定
    sendRequest("/dealer/getBoundWeiXinId", "GET", {}, function (res) {
                if (res.result == 1) {
                    var obj = res.para;
                    if (obj.bound) {

                        if (obj.avatar) {
                            $(".attention img").attr("src", obj.avatar).show();
                        }
                        if (obj.nickname) {
                            $(".nickname").text(obj.nickname)
                        }
                        var genderDom = $(".sex");
                        if (obj.sex == 1) {
                            genderDom.addClass("c-primary icon-male");
                        } else if (obj.sex == 2) {
                            genderDom.addClass("c-red icon-female");
                        }

                        $("body").addClass("bound");
                    } else {
                        $("body").removeClass("bound");
                    }

                }
            }
    );

    var sendBtn = document.getElementById('sendBtn');
    function sendCode() {
        var url = "/dealer/getDealerBindWechatSMSCode";
        var t = 60;
        sendBtn.innerHTML = t + " s";
        sendBtn.disabled = true;
        sendRequest(url, "GET", {}, function (res) {
            if (res.result == 1) {
                mui.toast("发送成功");

                var interval = setInterval(function () {
                    if (t == 0) {
                        sendBtn.innerHTML = "重新获取";
                        sendBtn.disabled = false;
                        clearInterval(interval);
                    } else {
                        t -= 1;
                        sendBtn.innerHTML = t + " s";
                        sendBtn.disabled = true;
                    }
                }, 1000);
            } else {
                mui.toast(res.description);
            }
        });
    }

    function changeWechat() {
        $("body").removeClass("bound");
    }

    function bindWechat() {
        var code = $("#code").val();
        //检查验证码
        var codeReg = /^\d{4}$/;
        if (!codeReg.test(code)) {
            mui.toast("请输入正确的验证码");
            return;
        }

        var url = "/dealer/verifyNewWechatBinding";

        myAjax({
            type: "POST",
            url: url,
            mask: "请稍候...",
            data:  { "code": code },
            dataType: "json",
            success: function(response) {
                if (response.result == 1) {
                    window.location.replace(response.data.redirect_uri)
                } else {
                    mui.alert(response.description, '温馨提示', '我知道了');
                }

             }
        });

    }

    var callbackResult = getQueryString('result')
    if (callbackResult === 'ok'){
        mui.alert('绑定成功', '温馨提示', '我知道了')
    } else if(callbackResult === 'error'){
        mui.alert('绑定失败，请重新操作','温馨提示', '我知道了')
    }

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