人人商城

find-password.html 3.0KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. {template 'common/header-base'}
  2. <div class="system-forget">
  3. <!--手机验证找回密码-->
  4. <div class="logo"><img src="{if !empty($_W['setting']['copyright']['blogo'])}{php echo tomedia($_W['setting']['copyright']['blogo'])}{else}./resource/images/logo/logo.png{/if}" class="img-responsive"></div>
  5. <div class="container" id="js-users-find-password" ng-controller="UsersFindMobilePwd" ng-cloak>
  6. <div class="steps">
  7. <div class="steps-item steps-status-finish">
  8. <div class="steps-line"><span class="steps-num">1</span></div>
  9. <div class="steps-state">验证手机号</div>
  10. </div>
  11. <div class="steps-item steps-status-wait step-set-pwd">
  12. <div class="steps-line"><span class="steps-num">2</span></div>
  13. <div class="steps-state">设置新密码</div>
  14. </div>
  15. <div class="steps-item steps-status-wait step-pwd-success">
  16. <div class="steps-line"><span class="steps-num">3</span></div>
  17. <div class="steps-state">完成</div>
  18. </div>
  19. </div>
  20. <!--step: 1-->
  21. <form action="javascript:;" class="form step-1">
  22. <div>请输入您绑定的密保手机号</div>
  23. <div class="form-inline">
  24. <input type="text" class="form-control" ng-model="mobile">
  25. <input type="button" class="btn btn-primary send-code" ng-disabled="isDisable" ng-click="sendMessage()" value="{{text}}">
  26. <span class="js-timer"></span>
  27. </div>
  28. <div>输入手机短信验证码</div>
  29. <div class="form-inline"><input type="text" ng-model="code" class="form-control"></div>
  30. <div>
  31. <input type="submit" value="确定" ng-click="validCode()" class="btn btn-primary">
  32. </div>
  33. </form>
  34. <!--step: 2-->
  35. <form action="javascript:;" class="form step-2 hide">
  36. <div>请设置新密码</div>
  37. <div class="form-inline">
  38. <input type="password" class="form-control" ng-model = "password">
  39. <span class="text-error password"></span>
  40. </div>
  41. <div>再次输入新密码</div>
  42. <div class="form-inline">
  43. <input type="password" class="form-control" ng-model = "repassword">
  44. <span class="text-error repassword"></span>
  45. </div>
  46. <div>
  47. <input type="submit" value="确定" ng-click="changePassword()" class="btn btn-primary">
  48. </div>
  49. </form>
  50. <!--step: 3-->
  51. <div class="step-3 text-center hide">
  52. <div><span class="wi wi-right-sign"></span></div>
  53. <div class="sttus">密码修改成功</div>
  54. <div>
  55. <a class="btn btn-primary" href="{url 'user/login'}">去登录</a>
  56. </div>
  57. </div>
  58. </div>
  59. <!--end手机验证找回密码-->
  60. </div>
  61. <script type="text/javascript">
  62. angular.module('userManageApp').value('config', {
  63. 'find_password_sign' : "{php echo !empty($find_password_sign) ? $find_password_sign : 'null'}",
  64. 'links' : {
  65. 'valid_mobile_link': "{php echo url('user/find-password/valid_mobile')}",
  66. 'valid_code_link': "{php echo url('user/find-password/valid_code')}",
  67. 'set_password_link': "{php echo url('user/find-password/set_password')}",
  68. 'send_code_link': "{php echo url('utility/verifycode/send_code')}",
  69. },
  70. });
  71. angular.bootstrap($('#js-users-find-password'), ['userManageApp']);
  72. </script>
  73. {template 'common/footer-base'}