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