add.html 3.6 KB

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