changePwd.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!DOCTYPE html>
  2. <html style="background-color: #f2f2f2; height: 100%">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>修改密码</title>
  6. <script src="../../admin/index.js" door type="text/javascript" charset="utf-8"></script>
  7. <script>
  8. link('css/user.css')
  9. </script>
  10. <style>
  11. html body{
  12. height: 100%;
  13. }
  14. .flexBox{
  15. display: flex;
  16. align-items: center;
  17. height: 100%;
  18. }
  19. .layui-userInfo{
  20. height: 400px;
  21. width: 600px;
  22. margin: 0 auto;
  23. }
  24. </style>
  25. <script id="demo" type="text/html">
  26. <form class="layui-form" lay-filter="userInfo">
  27. <div class="layui-form-item">
  28. <label class="layui-form-label">账号:</label>
  29. <div class="layui-input-block">
  30. <div class="layui-form-mid layui-word-aux">{{d.name || ''}}</div>
  31. </div>
  32. </div>
  33. <div class="layui-form-item">
  34. <label class="layui-form-label">姓名:</label>
  35. <div class="layui-input-block">
  36. <div class="layui-form-mid layui-word-aux">{{d.realName || ''}}</div>
  37. </div>
  38. </div>
  39. <div class="layui-form-item" pane="">
  40. <label class="layui-form-label">性别:</label>
  41. <div class="layui-input-block">
  42. <div class="layui-form-mid layui-word-aux">{{d.sex || ''}}</div>
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label">区域:</label>
  47. <div class="layui-input-block">
  48. <div class="layui-form-mid layui-word-aux">{{d.areaName || ''}}</div>
  49. </div>
  50. </div>
  51. <div class="layui-form-item">
  52. <label class="layui-form-label">角色:</label>
  53. <div class="layui-input-block">
  54. <div class="layui-form-mid layui-word-aux">{{d.roleName || ''}}</div>
  55. </div>
  56. </div>
  57. <div class="layui-form-item">
  58. <label class="layui-form-label">手机号码:</label>
  59. <div class="layui-input-block">
  60. <div class="layui-form-mid layui-word-aux">{{d.phone || ''}}</div>
  61. </div>
  62. </div>
  63. </form>
  64. </script>
  65. </head>
  66. <body class="childrenBody">
  67. <div class="flexBox">
  68. <div class="layui-card layui-userInfo">
  69. <div class="layui-card-header">修改密码</div>
  70. <div class="layui-card-body" style="padding: 25px 30px 0 0">
  71. <form class="layui-form changePwd" lay-filter="changePwd">
  72. <div class="layui-form-item">
  73. <label class="layui-form-label">用户名</label>
  74. <div class="layui-input-block">
  75. <input name="userId" hidden="hidden">
  76. <input type="text" name="name" value="匿名用户" readonly class="layui-input layui-disabled">
  77. </div>
  78. </div>
  79. <div class="layui-form-item">
  80. <label class="layui-form-label">旧密码</label>
  81. <div class="layui-input-block">
  82. <input type="password" name="password" value="" placeholder="请输入旧密码" lay-verify="required"
  83. class="layui-input pwd">
  84. </div>
  85. </div>
  86. <div class="layui-form-item">
  87. <label class="layui-form-label">新密码</label>
  88. <div class="layui-input-block">
  89. <input type="password" value="" name="newpassword" placeholder="请输入新密码" lay-verify="required|newPwd"
  90. id="oldPwd" class="layui-input pwd">
  91. </div>
  92. </div>
  93. <div class="layui-form-item">
  94. <label class="layui-form-label">确认密码</label>
  95. <div class="layui-input-block">
  96. <input type="password" value="" placeholder="请确认密码" lay-verify="required|confirmPwd" class="layui-input pwd">
  97. </div>
  98. </div>
  99. <div class="layui-form-item">
  100. <div class="layui-input-block">
  101. <button class="layui-btn" lay-submit="" lay-filter="changePwd">立即修改</button>
  102. <!--<button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
  103. </div>
  104. </div>
  105. </form>
  106. </div>
  107. </div>
  108. </div>
  109. <script type="text/javascript" src="user.js"></script>
  110. </body>
  111. </html>