123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta name="description" content=""/>
- <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
- <meta name="format-detection" content="telphone=no,email=no"/>
- <meta name="viewport"
- content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="cache-control" content="no-cache">
- <meta http-equiv="expires" content="0">
- <title>设置密码</title>
- <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css"/>
- <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.picker.min.css"/>
- <link rel="stylesheet" href="../components/custom/css/common.css"/>
- <link rel="stylesheet" href="css/xyf.common.min.css">
- </head>
- <body>
- <div class="page-main">
- <h5 class="font-b-16-8 padding-10">验证信息</h5>
- <div class="input-group-vertical ">
- <div class="input-row" id="captcha" style="min-height: 46px">
- </div>
- <div class="input-row input-clear">
- <input type="tel" maxlength="11" placeholder="手机号" id="phone">
- </div>
- <div class="input-row input-clear mui-hidden agentRow">
- <input id="agent" type="text" placeholder="代理商" readonly>
- <input id="agentId" type="hidden">
- </div>
- <div class="input-row code input-clear">
- <input id="code" type="tel" maxlength="4" placeholder="验证码">
- <button id="sendBtn" type="button" disabled>验证短信</button>
- </div>
- </div>
- <h5 class="font-b-16-8 padding-10">设置密码</h5>
- <div class="input-group-vertical ">
- <div class="input-row input-clear">
- <input maxlength="11" type="password" placeholder="新密码" id="newPassword">
- </div>
- <div class="input-row input-clear">
- <input maxlength="11" type="password" placeholder="新密码确认" id="confirmPass">
- </div>
- </div>
- <div class="subt">
- <input class="mui-btn-block" type="button" value="确认" onclick="verifyForgetCode()">
- </div>
- </div>
- <script src="https://cdn.washpayer.com/components/lib/jquery.min.js?v=1"></script>
- <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
- <script src="https://cdn.washpayer.com/components/lib/mui.picker.min.js"></script>
- <script src="../components/lib/md5.js"></script>
- <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/nch5/index.js?t=2015052012"></script>
- <script src="/components/custom/js/common.js"></script>
- <script src="js/xyf.login.js"></script>
- <script src="js/xyf.common.js"></script>
- <script>
- var agentId = getCookie("dealer_login_agentid");
- var managerId = getCookie("dealer_login_managerid");
- //初始化选择器
- var agentPicker;
- mui.ready(function () {
- agentPicker = new mui.PopPicker();
- });
- var lastUserName = "";//防止username不变也触发
- $(function () {
- if (agentId) {
- // 如果有agentId,则不需要获取
- $("#agentId").val(agentId);
- } else if (managerId) {
- //如果2者缺其一,则需要获取agent列表
- $("#phone").on("input", function () {
- var userName = $(this).val();
- if (isPhone(userName) && userName != lastUserName) {
- lastUserName = userName;
- myAjax({
- type: "GET",
- mask: "正在加载配置...",
- url: "/dealer/getOwnerAgents",
- data: {"username": userName, "managerId": managerId},
- dataType: "json",
- success: function (res) {
- if (res.result == 1) {
- //多个agent则需要用户选
- if (res.para.items && res.para.items.length > 1) {
- $(".agentRow").removeClass("mui-hidden");//展示agent输入框
- setPickerData(res.para.items);
- } else {
- $(".agentRow").addClass("mui-hidden");//隐藏agent输入框
- if (res.para.items && res.para.items.length == 1) {
- $("#agentId").val(res.para.items[0].agentId);
- }
- }
- } else {
- mui.alert(res.description, '温馨提示', '确定');
- }
- }
- });
- }
- });
- } else {
- mui.alert("请通过公众号菜单进入!", '温馨提示', '确定');
- $(".page-main").hide();
- return
- }
- //初始化验证码控件
- initCheck('dealerForgetPassword', function () {
- var phone = $("#phone").val();
- if (!isPhone(phone)) {
- mui.toast("请输入11位正确手机号码");
- return;
- }
- var data = {
- phone: phone,
- }
- return data
- }, '/dealer/getCheckCode');
- $("#agent").on("click", function () {
- agentPicker.show(function (items) {
- var data = items[0] || {};
- $("#agent").val(data.displayName);
- $("#agentId").val(data.value);
- });
- });
- });
- function setPickerData(list) {
- for (var i = 0; i < list.length; i++) {
- var item = list[i];
- item.value = item.agentId;
- item.text = "<div class='mui-picker-icon' style='background-image:url(" + item.agentLogoUrl + ")'></div>" + item.displayName;
- }
- //地址类型
- agentPicker.setData(list);
- }
- $("#phone").keyup(function () {
- var phone = $("#phone").val();
- if (phone != "") {
- $("#sendBtn").attr("disabled", false);
- } else {
- $("#sendBtn").attr("disabled", true);
- }
- });
- function verifyForgetCode() {
- var code = $("#code").val();
- var phone = $("#phone").val();
- if (!isPhone(phone)) {
- mui.toast("请输入11位正确手机号码");
- return;
- }
- //检查验证码
- var codeReg = /^\d{4}$/;
- if (!codeReg.test(code)) {
- mui.toast("请输入正确的验证码");
- return;
- }
- var newPassword = $("#newPassword").val();
- var confirmPass = $("#confirmPass").val();
- if (newPassword.length < 6 || newPassword.length > 20) {
- mui.alert("密码需为6-20位的字符组合", '温馨提示', '确定');
- return;
- }
- if (newPassword !== confirmPass) {
- mui.alert("两次密码输入不一致", '温馨提示', '确定');
- return;
- }
- //检查是否需要带上agentId
- var agentId = $("#agentId").val();
- if ($.isEmptyObject(agentId) && !$(".agentRow").hasClass("mui-hidden")) {
- mui.toast("请您选择代理商");
- return;
- }
- var url = "/dealer/verifyForgetCode";
- var data = {
- "phone": phone,
- "agentId": agentId,
- "code": code,
- "password": hex_md5(newPassword)
- };
- sendRequest(url, "POST", data, function (res) {
- if (res.result == 1) {
- mui.confirm('修改密码成功', '提示', ['返回首页'], function (e) {
- if (e) {
- var url = 'index.html';
- goPage(url);
- }
- });
- } else {
- mui.alert(res.description, '温馨提示', '我知道了');
- }
- });
- }
- </script>
- </body>
- </html>
|