质押合同添加业务经理绑定，H5相关逻辑完善

sgj

10 小时以前 3a5e49666af1da441633b0a9bae4c3c2b18974b3

 fzzy-igdss-web/src/main/resources/templates/wx/bind.html

@@ -10,35 +10,43 @@
        .mui-content {
            margin: 0 6px;
        }

        .mui-content-padded {
            margin: 10px;
            width: 96%;
            margin: auto;
            margin-top: 8px;
        }

        .mui-radio {
            float: left;
        }

        .mui-radio.mui-left input[type=radio] {
            left: 1px;
        }

        .mui-checkbox.mui-left label, .mui-radio.mui-left label {
            padding-right: 20px;
            padding-left: 35px;
        }

        .mui-btn-block {
            width: 96%;
            margin: auto;
            margin-top: 10px;
            padding: 8px 0;
        }

        .mui-input-row label ~ input {
            float: left;
            width: 50%;
        }

        .mui-input-row label {
            width: 27%;
        }

        .btn {
            margin-top: 4px;
            margin-right: 2px;
@@ -47,8 +55,14 @@
            color: #fff;
            padding: 5px 5px;
        }

        .ts {
            margin-top: 10px;
        }

        .login-yzm-btn {
            width: 80px;
            height: 38px;
        }
    </style>
</head>
@@ -62,10 +76,14 @@
            </div>
            <div class="mui-input-row">
                <label>验证码</label>
                <input id="code" style="width: 45%;" type="text" class="mui-input-clear" placeholder="5分钟内有效">
                <div id="count">
                    <button type="button" class="btn" onclick="getCheck()">获取验证码</button>
                </div>
                <input id="code" style="width: 45%;" type="text" class="mui-input-clear" placeholder="在此输入验证码">
            </div>
            <div class="mui-input-row" style="height: 60px">
                <label >点击更换验证码</label>
                <a href="javascript:void(0);" title="点击更换验证码" class="login-yzm-btn">
                    <img class="imgcode"
                         th:src="@{/captcha/captchaImage(type=${captchaType})}"/>
                </a>
            </div>
        </form>
    </div>
@@ -75,96 +93,51 @@
<script th:src="@{/wx/wx-common.js}"></script>
<script th:src="@{/ajax/libs/mui/js/mui.js}"></script>
<script th:inline="javascript">

    var openid = [[${openid}]];  //用户的openid
    var c = 60; //获取验证码后的倒计时
    var captchaType = [[${captchaType}]];  //验证码类型
    mui.init();

    //获取验证码
    function getCheck() {
        var phone = document.getElementById("phone").value;
        if (phone == null || phone.trim() == '') {
            mui.alert("手机号不能为空！", '提示', ["确定"], function() {}, "div");
            return;
        }
        var flag = /^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(phone);
        if (!flag) {
            mui.alert("手机号格式不正确！", '提示', ["确定"], function() {}, "div");
            return;
        }
        //请求参数
        var data = JSON.stringify({
            "data": {
                "openid": openid,
                "mobile": phone
            }
        });

        $.ajax({
            type: "POST",
            url: "../wx/gateway",
            dataType: "json",
            contentType: "application/json;charset=UTF-8",
            data: data,
            success: function (result) {
                if (result.code == "0000") {
                    mui.toast("校验码已发送！");
                    //倒计时计数
                    count();
                } else {
                    mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
                }
            }
        });
    }

    function count() {
        $("#count").html('');
        $("#count").addClass("ts");
        var interval = setInterval(function () {//定义定时器
            if (c == 0) {
                clearInterval(interval);//清除定时器
                $("#count").removeClass("ts");
                $("#count").html('<button type="button" class="btn" onclick="getCheck()">获取验证码</button>');
                c = 60;
            } else {
                $("#count").html(c + 's后重试');
                c--;
            }
        }, 1000);
    }
    $('.imgcode').click(function () {
        var url = "../captcha/captchaImage?type=" + captchaType + "&s=" + Math.random();
        $(".imgcode").attr("src", url);
    });

    //绑定提交
    function binding() {
        var phone = document.getElementById("phone").value;
        if (phone == null || phone.trim() == '') {
            mui.alert("手机号不能为空！", '提示', ["确定"], function() {}, "div");
            mui.alert("手机号不能为空！", '提示', ["确定"], function () {
            }, "div");
            return;
        }
        var flag = /^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(phone);
        if (!flag) {
            mui.alert("手机号格式不正确！", '提示', ["确定"], function() {}, "div");
            mui.alert("手机号格式不正确！", '提示', ["确定"], function () {
            }, "div");
            return;
        }
        var code = document.getElementById("code").value;
        // if (code == null || code.trim() == '') {
        //     mui.alert("验证码不能为空！", '提示', ["确定"], function() {}, "div");
        //     return;
        // }
        if (code == null || code.trim() == '') {
            mui.alert("验证码不能为空！", '提示', ["确定"], function() {}, "div");
            return;
        }

        var data = {
            "openid": openid,
            "mobile": phone,
            "msgCode": code
        };
        wxCommon.postJson("../wx/bandOpenId", data,function (result) {
        wxCommon.postJson("../wx/bandOpenId", data, function (result) {
            if (result.code == "0000") {
                mui.toast("绑定成功！");
            } else {
                mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
                mui.alert(result.msg, '提示', ["确定"], function () {
                }, "div");
            }
        });
    }

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