edit.html 3.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <head>
  4. <th:block th:include="include :: header('服务详细')" />
  5. </head>
  6. <body>
  7. <div class="main-content">
  8. <form class="form-horizontal" id="form-server-edit" th:object="${server}">
  9. <h4 class="form-header h4">基本信息</h4>
  10. <input type="hidden" id="serviceId" name="serviceId" th:value="${serviceId}">
  11. <div class="row">
  12. <div class="col-sm-12">
  13. <div class="form-group">
  14. <!--is-required 增加星号 显示为必填-->
  15. <label class="col-sm-5 control-label">服务类型编号:</label>
  16. <div class="col-sm-4" >
  17. <div class="input-group">
  18. <input name="serviceTypeNumber" placeholder="请输入服务类型编号" class="form-control" type="text" maxlength="30" th:value="${serviceTypeNumber}" required>
  19. </div>
  20. </div>
  21. </div>
  22. </div>
  23. <div class="col-sm-12">
  24. <div class="form-group">
  25. <label class="col-sm-5 control-label">服务类型名称:</label>
  26. <div class="col-sm-4">
  27. <div class="input-group">
  28. <input name="serviceTypeName" placeholder="请输入服务类型名称" class="form-control" type="text" maxlength="30" th:value="${serviceTypeName}" required>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="col-sm-12">
  34. <div class="form-group">
  35. <label class="col-sm-5 control-label">服务类型描述:</label>
  36. <div class="col-sm-4">
  37. <div class="input-group">
  38. <input name="serviceTypeDescription" placeholder="请输入服务类型描述" class="form-control" type="text" maxlength="30" th:value="${serviceTypeDescription}" required>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="col-sm-12">
  44. <div class="form-group">
  45. <label class="col-sm-5 control-label">履约方:</label>
  46. <div class="col-sm-4">
  47. <div class="input-group">
  48. <input name="fulfillmentParty" placeholder="履约方" class="form-control" type="text" maxlength="30" th:value="${fulfillmentParty}" required>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. </form>
  55. </div>
  56. <div class="main-content">
  57. <div class="col-sm-offset-5 col-sm-10">
  58. <button type="button" class="btn btn-sm btn-primary" onclick="submitHandler()"><i class="fa fa-check"></i>保 存</button>&nbsp;
  59. <button type="button" class="btn btn-sm btn-danger" onclick="closeItem()"><i class="fa fa-reply-all"></i>关 闭 </button>
  60. </div>
  61. </div>
  62. <th:block th:include="include :: footer" />
  63. </body>
  64. </html>
  65. <script>
  66. function submitHandler() {
  67. var prefix = ctx + "server/serv";
  68. if ($.validate.form()) {
  69. var data = $("#form-server-edit").serializeArray();
  70. /*var status = $("input[id='status']").is(':checked') == true ? 0 : 1;
  71. var roleIds = $.form.selectCheckeds("role");
  72. var postIds = $.form.selectSelects("post");
  73. data.push({"name": "status", "value": status});
  74. data.push({"name": "roleIds", "value": roleIds});
  75. data.push({"name": "postIds", "value": postIds});*/
  76. $.operate.saveTab(prefix + "/edit", data);
  77. }
  78. }
  79. </script>