find-password.html 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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 clearfix">
  30. <input type="text" class="form-control pull-left" ng-model="verify">
  31. <a href="javascript:;" id="toggle" class="pull-left imgverify" ng-click="changeVerify()"><img id="imgverify" ng-src="{{image}}" title="点击图片更换验证码" /></a>
  32. </div>
  33. <div>输入手机短信验证码</div>
  34. <div class="form-inline"><input type="text" ng-model="code" class="form-control"></div>
  35. <div>
  36. <input type="submit" value="确定" ng-click="validCode()" class="btn btn-primary">
  37. </div>
  38. </form>
  39. <!--step: 2-->
  40. <form action="javascript:;" class="form step-2 hide">
  41. <div>请设置新密码</div>
  42. <div class="form-inline">
  43. <input type="password" class="form-control" ng-model = "password">
  44. <span class="text-error password"></span>
  45. </div>
  46. <div>再次输入新密码</div>
  47. <div class="form-inline">
  48. <input type="password" class="form-control" ng-model = "repassword">
  49. <span class="text-error repassword"></span>
  50. </div>
  51. <div>
  52. <input type="submit" value="确定" ng-click="changePassword()" class="btn btn-primary">
  53. </div>
  54. </form>
  55. <!--step: 3-->
  56. <div class="step-3 text-center hide">
  57. <div><span class="wi wi-right-sign"></span></div>
  58. <div class="sttus">密码修改成功</div>
  59. <div>
  60. <a class="btn btn-primary" href="{url 'user/login'}">去登录</a>
  61. </div>
  62. </div>
  63. </div>
  64. <!--end手机验证找回密码-->
  65. </div>
  66. <script type="text/javascript">
  67. angular.module('userManageApp').value('config', {
  68. 'image' : "{php echo url('utility/code')}",
  69. 'find_password_sign' : "{php echo !empty($find_password_sign) ? $find_password_sign : 'null'}",
  70. 'links' : {
  71. 'valid_mobile_link': "{php echo url('user/find-password/valid_mobile')}",
  72. 'valid_code_link': "{php echo url('user/find-password/valid_code')}",
  73. 'set_password_link': "{php echo url('user/find-password/set_password')}",
  74. 'send_code_link': "{php echo url('utility/verifycode')}",
  75. 'img_verify_link': "{php echo url('utility/code')}",
  76. },
  77. });
  78. angular.bootstrap($('#js-users-find-password'), ['userManageApp']);
  79. </script>
  80. {template 'common/footer-base'}