user_add.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>添加内容</title>
  7. </head>
  8. <body layout:fragment="content">
  9. <article class="page-container">
  10. <form class="form form-horizontal" id="form-content-add">
  11. <div class="row cl">
  12. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>账号:</label>
  13. <div class="formControls col-xs-8 col-sm-9">
  14. <input type="text" class="input-text" value="" placeholder="请输入用户名" th:id="nick_name"
  15. th:name="nick_name"/>
  16. </div>
  17. </div>
  18. <div class="row cl">
  19. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>密码:</label>
  20. <div class="formControls col-xs-8 col-sm-9">
  21. <input type="password" class="input-text" value="" id="password" placeholder="请输入密码"
  22. th:name="password"/>
  23. </div>
  24. </div>
  25. <div class="row cl">
  26. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>确认密码:</label>
  27. <div class="formControls col-xs-8 col-sm-9">
  28. <input type="password" class="input-text" value="" placeholder="确认密码" th:name="confirm_password"/>
  29. </div>
  30. </div>
  31. <div class="row cl">
  32. <label class="form-label col-xs-4 col-sm-2">所属部门:</label>
  33. <div class="formControls col-xs-8 col-sm-9">
  34. <select id="department_select" th:name="department_id">
  35. <option value="">--请选择--</option>
  36. <option th:each="item : ${departments}" th:value="${item.id}">
  37. [[*{item.name}]]
  38. </option>
  39. </select>
  40. </div>
  41. </div>
  42. <div class="row cl">
  43. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>角色:</label>
  44. <div class="formControls col-xs-8 col-sm-9">
  45. <select id="role_select" th:name="roleIds" multiple>
  46. <option th:each="item : ${roles}" th:value="${item.id}">
  47. [[*{item.name}]]
  48. </option>
  49. </select>
  50. </div>
  51. </div>
  52. <div class="row cl">
  53. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>联系人:</label>
  54. <div class="formControls col-xs-8 col-sm-9">
  55. <input type="text" class="input-text" value="" placeholder="请输入联系人" th:id="user_name"
  56. th:name="user_name"/>
  57. </div>
  58. </div>
  59. <div class="row cl">
  60. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>联系电话:</label>
  61. <div class="formControls col-xs-8 col-sm-9">
  62. <input type="text" class="input-text" value="" th:id="phone" placeholder="请输入手机号码" th:name="phone"/>
  63. </div>
  64. </div>
  65. <div class="row cl is_admin">
  66. <label class="form-label col-xs-4 col-sm-2"><span>是否管理员:</span></label>
  67. <div class="formControls col-xs-8 col-sm-9">
  68. <input type="radio" name="is_admin" checked value="false">否</input>
  69. <input type="radio" name="is_admin" value="true">是</input>
  70. </div>
  71. </div>
  72. <div class="row cl">
  73. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  74. <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 保存</button>
  75. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  76. </div>
  77. </div>
  78. </form>
  79. </article>
  80. <script type="text/javascript" th:src="@{/js/build/user/user_add.js}"></script>
  81. <script th:inline="javascript">
  82. /**
  83. * 取消
  84. */
  85. function removeIframe() {
  86. var index = parent.layer.getFrameIndex(window.name);
  87. parent.layer.close(index);
  88. }
  89. $(window).load(function () {
  90. initDepartmentSelect();
  91. initRoleSelect();
  92. });
  93. function initDepartmentSelect() {
  94. $("#department_select").select2({
  95. width: '100%',
  96. language: {
  97. noResults: function (params) {
  98. return "暂无数据";
  99. }
  100. }
  101. });
  102. }
  103. function initRoleSelect() {
  104. $("#role_select").select2({
  105. multiple: true,
  106. width: '100%',
  107. language: {
  108. noResults: function (params) {
  109. return "暂无数据";
  110. }
  111. }
  112. });
  113. }
  114. </script>
  115. </body>
  116. </html>