password.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>修改密码</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <!--标准mui.css-->
  10. <link rel="stylesheet" href="../../css/mui.min.css">
  11. <link href="../../css/OA-style.css" rel="stylesheet" />
  12. <!--App自定义的css-->
  13. <!-- <link rel="stylesheet" type="text/css" href="../css/app.css" /> -->
  14. <style>
  15. h5 {
  16. margin: 5px 7px;
  17. }
  18. /*.mui-bar.mui-bar-nav .mui-title {
  19. color: #ca0002;
  20. }
  21. .mui-action-back {
  22. color: #ca0002;
  23. }*/
  24. </style>
  25. </head>
  26. <body>
  27. <header class="mui-bar mui-bar-nav">
  28. <a href="" class="mui-action-back back mui-pull-left"><img src="../../images/back.png" ></a>
  29. <h1 class="mui-title">修改密码</h1>
  30. <button id="saveBtn" type="button" class="mui-right mui-btn mui-btn-link mui-btn-nav mui-pull-right">
  31. <img class="mui-icon mui-icon-left-nav" src="../../images/queding.png" height="20" style="margin-right: 5px;margin-top: 12px;">
  32. </button>
  33. </header>
  34. <div class="mui-content">
  35. <div class="mui-content-padded" style="margin: 5px;">
  36. <form class="mui-input-group">
  37. <div class="mui-input-row">
  38. <label>原密码</label>
  39. <input type="password" id="oldPassword" class="mui-input-password">
  40. </div>
  41. <div class="mui-input-row">
  42. <label>新密码</label>
  43. <input type="password" id="newPassword" class="mui-input-password">
  44. </div>
  45. <div class="mui-input-row mui-plus-visible">
  46. <label>确认密码</label>
  47. <input type="password" id="newPassword2" class="mui-input-password">
  48. </div>
  49. <!--<div class="mui-button-row">
  50. <button id="saveBtn" type="button" class="mui-btn mui-btn-primary">确认</button>&nbsp;&nbsp;
  51. <button id="pwdCancelBtn" type="button" class="mui-btn mui-btn-danger">取消</button>
  52. </div>-->
  53. </form>
  54. </div>
  55. </div>
  56. <script src="../../js/mui.min.js"></script>
  57. <script src="../../js/app.js"></script>
  58. <script src="../../js/config.js"></script>
  59. <script src="../../js/dj/person/person.js"></script>
  60. <script>
  61. mui.init({
  62. swipeBack: true //启用右滑关闭功能
  63. });
  64. mui.plusReady(function() {
  65. //取消按钮事件
  66. // document.getElementById("pwdCancelBtn").addEventListener('tap', function() {
  67. // plus.webview.currentWebview().close();
  68. // })
  69. //确认按钮事件
  70. document.getElementById("saveBtn").addEventListener('tap', function() {
  71. var oldPassword = document.getElementById("oldPassword").value;
  72. var newPassword = document.getElementById("newPassword").value;
  73. var newPassword2 = document.getElementById("newPassword2").value;
  74. var passwordInfo = {
  75. oldPassword: oldPassword,
  76. newPassword: newPassword,
  77. newPassword2: newPassword2
  78. }
  79. modifyPwd(passwordInfo, function(data) {
  80. //plus.nativeUI.toast(data.returnMsg);
  81. if(data.returnCode == 1) { //成功
  82. mui.toast("修改成功");
  83. plus.webview.currentWebview().close();
  84. } else if(data.returnCode == -201) {
  85. mui.toast("密码错误");
  86. } else {
  87. mui.toast("修改失败");
  88. }
  89. });
  90. })
  91. })
  92. </script>
  93. </body>
  94. </html>