form.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <head>
  4. <th:block th:include="include :: header('新增用户')" />
  5. </head>
  6. <body>
  7. <div class="main-content">
  8. <form id="form-user-add" class="form-horizontal">
  9. <div class="row">
  10. <div class="col-sm-6">
  11. <div class="form-group">
  12. <label class="col-sm-4 control-label is-required">用户名称:</label>
  13. <div class="col-sm-8">
  14. <input name="userName" placeholder="请输入用户名称" class="form-control" type="text">
  15. </div>
  16. </div>
  17. </div>
  18. <div class="col-sm-6">
  19. <div class="form-group">
  20. <label class="col-sm-4 control-label is-required">归属部门:</label>
  21. <div class="col-sm-8">
  22. <div class="input-group">
  23. <input name="deptName" type="text" placeholder="请选择归属部门" class="form-control">
  24. <span class="input-group-addon"><i class="fa fa-search"></i></span>
  25. </div>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="row">
  31. <div class="col-sm-6">
  32. <div class="form-group">
  33. <label class="col-sm-4 control-label is-required">手机号码:</label>
  34. <div class="col-sm-8">
  35. <input name="phonenumber" placeholder="请输入手机号码" class="form-control" type="text">
  36. </div>
  37. </div>
  38. </div>
  39. <div class="col-sm-6">
  40. <div class="form-group">
  41. <label class="col-sm-4 control-label is-required">邮箱:</label>
  42. <div class="col-sm-8">
  43. <input name="email" class="form-control" type="text" placeholder="请输入邮箱">
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. <div class="row">
  49. <div class="col-sm-6">
  50. <div class="form-group">
  51. <label class="col-sm-4 control-label is-required">登录账号:</label>
  52. <div class="col-sm-8">
  53. <input name="loginName" placeholder="请输入登录账号" class="form-control" type="text">
  54. </div>
  55. </div>
  56. </div>
  57. <div class="col-sm-6">
  58. <div class="form-group">
  59. <label class="col-sm-4 control-label is-required">登录密码:</label>
  60. <div class="col-sm-8">
  61. <input name="password" placeholder="请输入登录密码" class="form-control" type="password">
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="row">
  67. <div class="col-sm-6">
  68. <div class="form-group">
  69. <label class="col-sm-4 control-label">用户性别:</label>
  70. <div class="col-sm-8">
  71. <div class="input-group" style="width: 100%">
  72. <select name="sex" class="form-control m-b" th:with="type=${@dict.getType('sys_user_sex')}">
  73. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
  74. </select>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. <div class="col-sm-6">
  80. <div class="form-group">
  81. <label class="col-sm-4 control-label">用户状态:</label>
  82. <div class="col-sm-8">
  83. <label class="toggle-switch switch-solid">
  84. <input type="checkbox" id="status" checked>
  85. <span></span>
  86. </label>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </form>
  92. </div>
  93. <th:block th:include="include :: footer" />
  94. <script type="text/javascript">
  95. function submitHandler() {
  96. if ($.validate.form()) {
  97. $.modal.msgSuccess('保存成功!');
  98. }
  99. }
  100. </script>
  101. </body>
  102. </html>