user_edit.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>系统管理</title>
  7. <!-- Tell the browser to be responsive to screen width -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <!-- Font Awesome -->
  10. <link rel="stylesheet" href="${contextPath}/dist/js/layui/css/layui.css">
  11. <link rel="stylesheet" href="${contextPath}/dist/css/admin.css" media="all">
  12. </head>
  13. <body class="layui-layout-body">
  14. <div class="layui-layout layui-layout-admin">
  15. <!-- Navbar -->
  16. <#include "../body/top.html">
  17. <!-- /.navbar -->
  18. <!-- Main Sidebar Container -->
  19. <#include "../body/left.html">
  20. <!-- Content Wrapper. Contains page content -->
  21. <div class="layui-body">
  22. <!-- 内容主体区域 -->
  23. <div class="layui-card">
  24. <form class="layui-form" action="${contextPath}/user/edit" method="post">
  25. <input type="hidden" name="id" value="${user.id}"/>
  26. <div class="layui-form-item">
  27. <div class="layui-inline">
  28. <label class="layui-form-label">登录ID</label>
  29. <div class="layui-input-inline">
  30. <input type="text" name="login_id" value="${user.login_id}" lay-verify="required" autocomplete="off" placeholder="请输入登录ID" class="layui-input">
  31. </div>
  32. </div>
  33. <div class="layui-inline">
  34. <label class="layui-form-label">用户名称</label>
  35. <div class="layui-input-inline">
  36. <input type="text" name="user_name" value="${user.user_name}" lay-verify="required" autocomplete="off" placeholder="请输入用户名称" class="layui-input">
  37. </div>
  38. </div>
  39. <div class="layui-inline">
  40. <label class="layui-form-label">登录密码</label>
  41. <div class="layui-input-inline">
  42. <input type="password" name="password" value="" lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
  43. </div>
  44. <div class="layui-form-mid layui-word-aux">请填写6到12位密码</div>
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <div class="layui-inline">
  49. <label class="layui-form-label">部门</label>
  50. <div class="layui-input-block">
  51. <select id="dept_id" name="dept_id" lay-filter="aihao">
  52. <option value=""></option>
  53. <#list deptList as dept>
  54. <option value="${dept.id}" <#if user.dept_id! == dept.id>selected="selected"</#if>>${dept.dept_name!}</option>
  55. </#list>
  56. </select>
  57. </div>
  58. </div>
  59. <div class="layui-inline">
  60. <label class="layui-form-label">性别</label>
  61. <div class="layui-input-block">
  62. <input type="radio" name="gender" value="1" title="男" <#if user.gender! == '1'>checked="true"</#if>>
  63. <input type="radio" name="gender" value="0" title="女" <#if user.gender! == '0'>checked="true"</#if>>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="layui-form-item">
  68. <div class="layui-inline">
  69. <label class="layui-form-label">办公电话</label>
  70. <div class="layui-input-inline">
  71. <input type="tel" name="office_tell" value="${user.office_tell!}" placeholder="请输入办公电话" autocomplete="off" class="layui-input">
  72. </div>
  73. </div>
  74. <div class="layui-inline">
  75. <label class="layui-form-label">个人电话</label>
  76. <div class="layui-input-inline">
  77. <input type="tel" name="phone_no" value="${user.phone_no!}" lay-verify="required|phone" autocomplete="off" class="layui-input">
  78. </div>
  79. </div>
  80. <div class="layui-inline">
  81. <label class="layui-form-label">职务</label>
  82. <div class="layui-input-block">
  83. <select id="level_id" name="level_id" lay-filter="aihao">
  84. <option value=""></option>
  85. <#list levelList as level>
  86. <option value="${level.id}" <#if user.level_id == level.id>selected="selected"</#if>>${level.level_name!}</option>
  87. </#list>
  88. </select>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="layui-form-item">
  93. <label class="layui-form-label">地址</label>
  94. <div class="layui-input-block">
  95. <input type="text" name="home_address" value="${user.home_address!}" autocomplete="off" placeholder="请输入地址" class="layui-input">
  96. </div>
  97. </div>
  98. <div class="layui-form-item">
  99. <div class="layui-inline">
  100. <label class="layui-form-label">身份证号</label>
  101. <div class="layui-input-inline">
  102. <input type="tel" name="id_number" value="${user.id_number!}" lay-verify="required" autocomplete="off" class="layui-input">
  103. </div>
  104. </div>
  105. <div class="layui-inline">
  106. <label class="layui-form-label">电子邮箱</label>
  107. <div class="layui-input-inline">
  108. <input type="text" name="email" value="${user.email!}" lay-verify="email" autocomplete="off" class="layui-input">
  109. </div>
  110. </div>
  111. <div class="layui-inline">
  112. <label class="layui-form-label">出生日期</label>
  113. <div class="layui-input-inline">
  114. <input type="text" name="birthday" value="${user.birthday!}" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
  115. </div>
  116. </div>
  117. </div>
  118. <div class="layui-form-item layui-form-text">
  119. <label class="layui-form-label">备注</label>
  120. <div class="layui-input-block">
  121. <textarea placeholder="请输入内容" name="remark" class="layui-textarea">${user.remark!}</textarea>
  122. </div>
  123. </div>
  124. <div class="layui-form-item">
  125. <div class="layui-input-block">
  126. <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
  127. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  128. </div>
  129. </div>
  130. </form>
  131. </div>
  132. </div>
  133. <!-- /.content-wrapper -->
  134. <#include "../body/footer.html">
  135. </div>
  136. <!-- ./wrapper -->
  137. <script src="${contextPath}/dist/js/layui/layui.js"></script>
  138. <script>
  139. //JavaScript代码区域
  140. layui.use(['element', 'form', 'laydate'], function(){
  141. var element = layui.element;
  142. var form = layui.form
  143. ,layer = layui.layer
  144. ,laydate = layui.laydate;
  145. //日期
  146. laydate.render({
  147. elem: '#date'
  148. });
  149. laydate.render({
  150. elem: '#date1'
  151. });
  152. //自定义验证规则
  153. form.verify({
  154. title: function(value){
  155. if(value.length < 5){
  156. return '标题至少得5个字符啊';
  157. }
  158. }
  159. ,pass: [/(.+){6,12}$/, '密码必须6到12位']
  160. ,content: function(value){
  161. layedit.sync(editIndex);
  162. }
  163. });
  164. });
  165. </script>
  166. </body>
  167. </html>