edit.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  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-post-edit" th:object="${post}">
  8. <input id="postId" name="postId" type="hidden" th:field="*{postId}"/>
  9. <div class="form-group">
  10. <label class="col-sm-3 control-label">岗位名称:</label>
  11. <div class="col-sm-8">
  12. <input class="form-control" type="text" name="postName" id="postName" th:field="*{postName}">
  13. </div>
  14. </div>
  15. <div class="form-group">
  16. <label class="col-sm-3 control-label ">岗位编码:</label>
  17. <div class="col-sm-8">
  18. <input class="form-control" type="text" name="postCode" id="postCode" th:field="*{postCode}"/>
  19. </div>
  20. </div>
  21. <div class="form-group">
  22. <label class="col-sm-3 control-label">显示顺序:</label>
  23. <div class="col-sm-8">
  24. <input class="form-control" type="text" name="postSort" id="postSort" th:field="*{postSort}">
  25. </div>
  26. </div>
  27. <div class="form-group">
  28. <label class="col-sm-3 control-label">岗位状态:</label>
  29. <div class="col-sm-8">
  30. <div class="radio-box" th:each="dict : ${@dict.getType('sys_normal_disable')}">
  31. <input type="radio" th:id="${dict.dictCode}" name="status" th:value="${dict.dictValue}" th:field="*{status}">
  32. <label th:for="${dict.dictCode}" th:text="${dict.dictLabel}"></label>
  33. </div>
  34. </div>
  35. </div>
  36. <div class="form-group">
  37. <label class="col-sm-3 control-label">备注:</label>
  38. <div class="col-sm-8">
  39. <input id="remark" name="remark" class="form-control" type="text" th:field="*{remark}">
  40. </div>
  41. </div>
  42. <div class="form-group">
  43. <div class="form-control-static col-sm-offset-9">
  44. <button type="submit" class="btn btn-primary">提交</button>
  45. <button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
  46. </div>
  47. </div>
  48. </form>
  49. </div>
  50. <div th:include="include::footer"></div>
  51. <script type="text/javascript">
  52. var prefix = ctx + "system/post"
  53. $("#form-post-edit").validate({
  54. rules:{
  55. postName:{
  56. required:true,
  57. remote: {
  58. url: ctx + "system/post/checkPostNameUnique",
  59. type: "post",
  60. dataType: "json",
  61. data: {
  62. "postId": function() {
  63. return $("input[name='postId']").val();
  64. },
  65. "postName" : function() {
  66. return $.common.trim($("#postName").val());
  67. }
  68. },
  69. dataFilter: function(data, type) {
  70. return $.validate.unique(data);
  71. }
  72. }
  73. },
  74. postCode:{
  75. required:true,
  76. remote: {
  77. url: ctx + "system/post/checkPostCodeUnique",
  78. type: "post",
  79. dataType: "json",
  80. data: {
  81. "postId": function() {
  82. return $("input[name='postId']").val();
  83. },
  84. "postCode" : function() {
  85. return $.common.trim($("#postCode").val());
  86. }
  87. },
  88. dataFilter: function(data, type) {
  89. return $.validate.unique(data);
  90. }
  91. }
  92. },
  93. postSort:{
  94. required:true,
  95. digits:true
  96. },
  97. },
  98. messages: {
  99. "postCode": {
  100. remote: "岗位编码已经存在"
  101. },
  102. "postName": {
  103. remote: "岗位名称已经存在"
  104. }
  105. },
  106. submitHandler:function(form){
  107. $.operate.save(prefix + "/edit", $('#form-post-edit').serialize());
  108. }
  109. });
  110. </script>
  111. </body>
  112. </html>