departmentList.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  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. <form id="myForm" th:action="@{/admin/group/departmentList}" th:method="get">
  10. <div class="page-container clearfix">
  11. <div class="text-c" style="padding-bottom: 20px">
  12. <input type="text" class="input-text" style="width:250px" placeholder="输入部门名" name="keyword"
  13. th:value="${keyword}"/>
  14. <button type="submit" class="btn btn-primary">
  15. 搜索
  16. </button>
  17. </div>
  18. <table class="table table-border table-bordered table-hover table-bg">
  19. <thead>
  20. <tr class="text-c">
  21. <th width="40"><input name="" type="checkbox" value=""></th>
  22. <th>部门名称</th>
  23. </tr>
  24. </thead>
  25. <tbody>
  26. <tr class="text-c" th:each="model:${pageInfo?.list}" th:object="${model}">
  27. <td>
  28. <input type="checkbox" class="checkbox" th:value="*{id}" name="id" th:attr="name=*{name}" />
  29. </td>
  30. <td th:text="*{name}"></td>
  31. </tbody>
  32. </table>
  33. <div th:replace="admin/common/page :: page"></div>
  34. </div>
  35. <div class="row cl" style="text-align: center;">
  36. <a class="btn btn-primary radius" onClick="saveSelect();"><i class="Hui-iconfont">&#xe632;</i>确定</a>
  37. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;
  38. </button>
  39. </div>
  40. </form>
  41. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  42. <script th:inline="javascript">
  43. /**
  44. * 取消
  45. */
  46. function removeIframe() {
  47. var index = parent.layer.getFrameIndex(window.name);
  48. parent.layer.close(index);
  49. }
  50. function saveSelect() {
  51. var departmentList = [];
  52. $(".checkbox:checked").each(function () {
  53. var id = $(this).val();
  54. var name = $(this).attr("name");
  55. if(typeof name == "undefined"){
  56. name='';
  57. }
  58. departmentList.push({
  59. id: id,
  60. name: name
  61. })
  62. });
  63. parent.addDepartment(departmentList);
  64. index = parent.layer.getFrameIndex(window.name);
  65. parent.layer.close(index);
  66. }
  67. </script>
  68. </body>
  69. </html>