index.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <link rel="stylesheet" href="/app/admin/component/layui/css/layui.css?v=2.8.12" />
  7. <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
  8. <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
  9. </head>
  10. <body class="pear-container">
  11. <style>
  12. .layui-input-block input {
  13. width: 300px;
  14. }
  15. </style>
  16. <div class="layui-card">
  17. <div class="layui-card-body">
  18. <div class="layui-tab layui-tab-brief">
  19. <ul class="layui-tab-title">
  20. <li class="layui-this">基本信息</li>
  21. <li>安全设置</li>
  22. </ul>
  23. <div class="layui-tab-content">
  24. <!-- 基本信息 -->
  25. <div class="layui-tab-item layui-show">
  26. <form class="layui-form" lay-filter="baseInfo">
  27. <div class="layui-form-item">
  28. <label class="layui-form-label">昵称</label>
  29. <div class="layui-input-block">
  30. <input type="text" name="nickname" required lay-verify="required" placeholder="请输入昵称" autocomplete="off" class="layui-input">
  31. </div>
  32. </div>
  33. <div class="layui-form-item">
  34. <label class="layui-form-label">邮箱</label>
  35. <div class="layui-input-block">
  36. <input type="text" name="email" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
  37. </div>
  38. </div>
  39. <div class="layui-form-item">
  40. <label class="layui-form-label">联系电话</label>
  41. <div class="layui-input-block">
  42. <input type="text" name="mobile" placeholder="请输入联系电话" autocomplete="off" class="layui-input">
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <div class="layui-input-block">
  47. <button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit="" lay-filter="saveBaseInfo">
  48. 提交
  49. </button>
  50. <button type="reset" class="pear-btn pear-btn-md">
  51. 重置
  52. </button>
  53. </div>
  54. </div>
  55. </form>
  56. </div>
  57. <div class="layui-tab-item">
  58. <form class="layui-form" action="">
  59. <div class="layui-form-item">
  60. <label class="layui-form-label">原始密码</label>
  61. <div class="layui-input-block">
  62. <input type="password" name="old_password" required lay-verify="required" placeholder="请输入原始密码" autocomplete="off" class="layui-input">
  63. </div>
  64. </div>
  65. <div class="layui-form-item">
  66. <label class="layui-form-label">新密码</label>
  67. <div class="layui-input-block">
  68. <input type="password" name="password" required lay-verify="required" placeholder="请输入新密码" autocomplete="off" class="layui-input">
  69. </div>
  70. </div>
  71. <div class="layui-form-item">
  72. <label class="layui-form-label">确认新密码</label>
  73. <div class="layui-input-block">
  74. <input type="password" name="password_confirm" required lay-verify="required" placeholder="请再次输入新密码" autocomplete="off" class="layui-input">
  75. </div>
  76. </div>
  77. <div class="layui-form-item">
  78. <div class="layui-input-block">
  79. <button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit="" lay-filter="savePassword">
  80. 提交
  81. </button>
  82. <button type="reset" class="pear-btn pear-btn-md">
  83. 重置
  84. </button>
  85. </div>
  86. </div>
  87. </form>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
  94. <script src="/app/admin/component/pear/pear.js"></script>
  95. <script src="/app/admin/admin/js/permission.js"></script>
  96. <script>
  97. layui.use(["form", "popup"], function () {
  98. let form = layui.form;
  99. let $ = layui.$;
  100. $.ajax({
  101. url: "/app/admin/account/info",
  102. dataType: "json",
  103. success: function (res) {
  104. form.val("baseInfo", res.data);
  105. }
  106. });
  107. form.on("submit(saveBaseInfo)", function(data){
  108. $.ajax({
  109. url: "/app/admin/account/update",
  110. dataType: "json",
  111. type: "POST",
  112. data: data.field,
  113. success: function (res) {
  114. if (res.code) {
  115. return layui.popup.failure(res.msg);
  116. }
  117. return layui.popup.success("操作成功");
  118. }
  119. });
  120. return false;
  121. });
  122. form.on("submit(savePassword)", function(data){
  123. $.ajax({
  124. url: "/app/admin/account/password",
  125. dataType: "json",
  126. type: "POST",
  127. data: data.field,
  128. success: function (res) {
  129. if (res.code) {
  130. return layui.popup.failure(res.msg);
  131. }
  132. return layui.popup.success("操作成功");
  133. }
  134. });
  135. return false;
  136. });
  137. });
  138. </script>
  139. </body>
  140. </html>