edit.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <meta charset="utf-8">
  4. <head th:include="include :: header"></head>
  5. <body class="white-bg">
  6. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  7. <form class="form-horizontal m" id="form-dept-edit" th:object="${dept}">
  8. <input name="deptId" type="hidden" th:field="*{deptId}" />
  9. <input id="treeId" name="parentId" type="hidden" th:field="*{parentId}" />
  10. <div class="form-group">
  11. <label class="col-sm-3 control-label ">上级部门:</label>
  12. <div class="col-sm-8">
  13. <input class="form-control" type="text" id="treeName" onclick="selectDeptTree()" readonly="true" th:field="*{parentName}"/>
  14. </div>
  15. </div>
  16. <div class="form-group">
  17. <label class="col-sm-3 control-label">部门名称:</label>
  18. <div class="col-sm-8">
  19. <input class="form-control" type="text" name="deptName" th:field="*{deptName}" id="deptName">
  20. </div>
  21. </div>
  22. <div class="form-group">
  23. <label class="col-sm-3 control-label">显示排序:</label>
  24. <div class="col-sm-8">
  25. <input class="form-control" type="text" name="orderNum" th:field="*{orderNum}">
  26. </div>
  27. </div>
  28. <div class="form-group">
  29. <label class="col-sm-3 control-label">负责人:</label>
  30. <div class="col-sm-8">
  31. <input class="form-control" type="text" name="leader" th:field="*{leader}">
  32. </div>
  33. </div>
  34. <div class="form-group">
  35. <label class="col-sm-3 control-label">联系电话:</label>
  36. <div class="col-sm-8">
  37. <input class="form-control" type="text" name="phone" th:field="*{phone}">
  38. </div>
  39. </div>
  40. <div class="form-group">
  41. <label class="col-sm-3 control-label">邮箱:</label>
  42. <div class="col-sm-8">
  43. <input class="form-control" type="text" name="email" th:field="*{email}">
  44. </div>
  45. </div>
  46. <div class="form-group">
  47. <label class="col-sm-3 control-label">部门状态:</label>
  48. <div class="col-sm-8">
  49. <div class="radio-box" th:each="dict : ${@dict.getType('sys_normal_disable')}">
  50. <input type="radio" th:id="${dict.dictCode}" name="status" th:value="${dict.dictValue}" th:field="*{status}">
  51. <label th:for="${dict.dictCode}" th:text="${dict.dictLabel}"></label>
  52. </div>
  53. </div>
  54. </div>
  55. </form>
  56. </div>
  57. <div th:include="include::footer"></div>
  58. <script type="text/javascript">
  59. var prefix = ctx + "system/dept";
  60. $("#form-dept-edit").validate({
  61. rules:{
  62. deptName:{
  63. required:true,
  64. remote: {
  65. url: prefix + "/checkDeptNameUnique",
  66. type: "post",
  67. dataType: "json",
  68. data: {
  69. "deptId": function() {
  70. return $("#deptId").val();
  71. },
  72. "parentId": function() {
  73. return $("input[name='parentId']").val();
  74. },
  75. "deptName": function() {
  76. return $.common.trim($("#deptName").val());
  77. }
  78. },
  79. dataFilter: function(data, type) {
  80. return $.validate.unique(data);
  81. }
  82. }
  83. },
  84. orderNum:{
  85. required:true,
  86. digits:true
  87. },
  88. email:{
  89. email:true,
  90. },
  91. phone:{
  92. isPhone:true,
  93. },
  94. },
  95. messages: {
  96. "deptName": {
  97. remote: "部门已经存在"
  98. }
  99. }
  100. });
  101. function submitHandler() {
  102. if ($.validate.form()) {
  103. $.operate.save(prefix + "/edit", $('#form-dept-edit').serialize());
  104. }
  105. }
  106. /*部门管理-修改-选择部门树*/
  107. function selectDeptTree() {
  108. var deptId = $("#treeId").val();
  109. if(deptId > 0) {
  110. var options = {
  111. title: '部门选择',
  112. width: "380",
  113. url: prefix + "/selectDeptTree/" + $("#treeId").val(),
  114. callBack: doSubmit
  115. };
  116. $.modal.openOptions(options);
  117. } else {
  118. $.modal.alertError("父部门不能选择");
  119. }
  120. }
  121. function doSubmit(index, layero){
  122. var body = layer.getChildFrame('body', index);
  123. $("#treeId").val(body.find('#treeId').val());
  124. $("#treeName").val(body.find('#treeName').val());
  125. layer.close(index);
  126. }
  127. </script>
  128. </body>
  129. </html>