password-forget.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="description" content=""/>
  6. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  7. <meta name="format-detection" content="telphone=no,email=no"/>
  8. <meta name="viewport"
  9. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
  10. <meta http-equiv="pragma" content="no-cache">
  11. <meta http-equiv="cache-control" content="no-cache">
  12. <meta http-equiv="expires" content="0">
  13. <title>设置密码</title>
  14. <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css"/>
  15. <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.picker.min.css"/>
  16. <link rel="stylesheet" href="../components/custom/css/common.css"/>
  17. <link rel="stylesheet" href="css/xyf.common.min.css">
  18. </head>
  19. <body>
  20. <div class="page-main">
  21. <h5 class="font-b-16-8 padding-10">验证信息</h5>
  22. <div class="input-group-vertical ">
  23. <div class="input-row" id="captcha" style="min-height: 46px">
  24. </div>
  25. <div class="input-row input-clear">
  26. <input type="tel" maxlength="11" placeholder="手机号" id="phone">
  27. </div>
  28. <div class="input-row input-clear mui-hidden agentRow">
  29. <input id="agent" type="text" placeholder="代理商" readonly>
  30. <input id="agentId" type="hidden">
  31. </div>
  32. <div class="input-row code input-clear">
  33. <input id="code" type="tel" maxlength="4" placeholder="验证码">
  34. <button id="sendBtn" type="button" disabled>验证短信</button>
  35. </div>
  36. </div>
  37. <h5 class="font-b-16-8 padding-10">设置密码</h5>
  38. <div class="input-group-vertical ">
  39. <div class="input-row input-clear">
  40. <input maxlength="11" type="password" placeholder="新密码" id="newPassword">
  41. </div>
  42. <div class="input-row input-clear">
  43. <input maxlength="11" type="password" placeholder="新密码确认" id="confirmPass">
  44. </div>
  45. </div>
  46. <div class="subt">
  47. <input class="mui-btn-block" type="button" value="确认" onclick="verifyForgetCode()">
  48. </div>
  49. </div>
  50. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js?v=1"></script>
  51. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  52. <script src="https://cdn.washpayer.com/components/lib/mui.picker.min.js"></script>
  53. <script src="../components/lib/md5.js"></script>
  54. <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/nch5/index.js?t=2015052012"></script>
  55. <script src="/components/custom/js/common.js"></script>
  56. <script src="js/xyf.login.js"></script>
  57. <script src="js/xyf.common.js"></script>
  58. <script>
  59. var agentId = getCookie("dealer_login_agentid");
  60. var managerId = getCookie("dealer_login_managerid");
  61. //初始化选择器
  62. var agentPicker;
  63. mui.ready(function () {
  64. agentPicker = new mui.PopPicker();
  65. });
  66. var lastUserName = "";//防止username不变也触发
  67. $(function () {
  68. if (agentId) {
  69. // 如果有agentId,则不需要获取
  70. $("#agentId").val(agentId);
  71. } else if (managerId) {
  72. //如果2者缺其一,则需要获取agent列表
  73. $("#phone").on("input", function () {
  74. var userName = $(this).val();
  75. if (isPhone(userName) && userName != lastUserName) {
  76. lastUserName = userName;
  77. myAjax({
  78. type: "GET",
  79. mask: "正在加载配置...",
  80. url: "/dealer/getOwnerAgents",
  81. data: {"username": userName, "managerId": managerId},
  82. dataType: "json",
  83. success: function (res) {
  84. if (res.result == 1) {
  85. //多个agent则需要用户选
  86. if (res.para.items && res.para.items.length > 1) {
  87. $(".agentRow").removeClass("mui-hidden");//展示agent输入框
  88. setPickerData(res.para.items);
  89. } else {
  90. $(".agentRow").addClass("mui-hidden");//隐藏agent输入框
  91. if (res.para.items && res.para.items.length == 1) {
  92. $("#agentId").val(res.para.items[0].agentId);
  93. }
  94. }
  95. } else {
  96. mui.alert(res.description, '温馨提示', '确定');
  97. }
  98. }
  99. });
  100. }
  101. });
  102. } else {
  103. mui.alert("请通过公众号菜单进入!", '温馨提示', '确定');
  104. $(".page-main").hide();
  105. return
  106. }
  107. //初始化验证码控件
  108. initCheck('dealerForgetPassword', function () {
  109. var phone = $("#phone").val();
  110. if (!isPhone(phone)) {
  111. mui.toast("请输入11位正确手机号码");
  112. return;
  113. }
  114. var data = {
  115. phone: phone,
  116. }
  117. return data
  118. }, '/dealer/getCheckCode');
  119. $("#agent").on("click", function () {
  120. agentPicker.show(function (items) {
  121. var data = items[0] || {};
  122. $("#agent").val(data.displayName);
  123. $("#agentId").val(data.value);
  124. });
  125. });
  126. });
  127. function setPickerData(list) {
  128. for (var i = 0; i < list.length; i++) {
  129. var item = list[i];
  130. item.value = item.agentId;
  131. item.text = "<div class='mui-picker-icon' style='background-image:url(" + item.agentLogoUrl + ")'></div>" + item.displayName;
  132. }
  133. //地址类型
  134. agentPicker.setData(list);
  135. }
  136. $("#phone").keyup(function () {
  137. var phone = $("#phone").val();
  138. if (phone != "") {
  139. $("#sendBtn").attr("disabled", false);
  140. } else {
  141. $("#sendBtn").attr("disabled", true);
  142. }
  143. });
  144. function verifyForgetCode() {
  145. var code = $("#code").val();
  146. var phone = $("#phone").val();
  147. if (!isPhone(phone)) {
  148. mui.toast("请输入11位正确手机号码");
  149. return;
  150. }
  151. //检查验证码
  152. var codeReg = /^\d{4}$/;
  153. if (!codeReg.test(code)) {
  154. mui.toast("请输入正确的验证码");
  155. return;
  156. }
  157. var newPassword = $("#newPassword").val();
  158. var confirmPass = $("#confirmPass").val();
  159. if (newPassword.length < 6 || newPassword.length > 20) {
  160. mui.alert("密码需为6-20位的字符组合", '温馨提示', '确定');
  161. return;
  162. }
  163. if (newPassword !== confirmPass) {
  164. mui.alert("两次密码输入不一致", '温馨提示', '确定');
  165. return;
  166. }
  167. //检查是否需要带上agentId
  168. var agentId = $("#agentId").val();
  169. if ($.isEmptyObject(agentId) && !$(".agentRow").hasClass("mui-hidden")) {
  170. mui.toast("请您选择代理商");
  171. return;
  172. }
  173. var url = "/dealer/verifyForgetCode";
  174. var data = {
  175. "phone": phone,
  176. "agentId": agentId,
  177. "code": code,
  178. "password": hex_md5(newPassword)
  179. };
  180. sendRequest(url, "POST", data, function (res) {
  181. if (res.result == 1) {
  182. mui.confirm('修改密码成功', '提示', ['返回首页'], function (e) {
  183. if (e) {
  184. var url = 'index.html';
  185. goPage(url);
  186. }
  187. });
  188. } else {
  189. mui.alert(res.description, '温馨提示', '我知道了');
  190. }
  191. });
  192. }
  193. </script>
  194. </body>
  195. </html>