edit.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <head>
  4. <th:block th:include="include :: header('修改数据同步')" />
  5. <th:block th:include="include :: datetimepicker-css" />
  6. </head>
  7. <body class="white-bg">
  8. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  9. <form class="form-horizontal m" id="form-data-edit" th:object="${syncOutData}">
  10. <input name="ID" th:field="*{ID}" type="hidden">
  11. <div class="form-group">
  12. <label class="col-sm-3 control-label">是否同步:</label>
  13. <div class="col-sm-8">
  14. <input name="isSync" th:field="*{isSync}" class="form-control" type="text">
  15. </div>
  16. </div>
  17. <div class="form-group">
  18. <label class="col-sm-3 control-label">源数据是否删除:</label>
  19. <div class="col-sm-8">
  20. <input name="isDel" th:field="*{isDel}" class="form-control" type="text">
  21. </div>
  22. </div>
  23. <div class="form-group">
  24. <label class="col-sm-3 control-label">数据表名:</label>
  25. <div class="col-sm-8">
  26. <input name="tableName" th:field="*{tableName}" class="form-control" type="text">
  27. </div>
  28. </div>
  29. <div class="form-group">
  30. <label class="col-sm-3 control-label">数据主键值:</label>
  31. <div class="col-sm-8">
  32. <input name="tablePkValue" th:field="*{tablePkValue}" class="form-control" type="text">
  33. </div>
  34. </div>
  35. <div class="form-group">
  36. <label class="col-sm-3 control-label">数据操作;1.INSERT 2.UPDATE 3.DELETE:</label>
  37. <div class="col-sm-8">
  38. <input name="tableOp" th:field="*{tableOp}" class="form-control" type="text">
  39. </div>
  40. </div>
  41. <div class="form-group">
  42. <label class="col-sm-3 control-label">数据详情:</label>
  43. <div class="col-sm-8">
  44. <input name="dataDetail" th:field="*{dataDetail}" class="form-control" type="text">
  45. </div>
  46. </div>
  47. <div class="form-group">
  48. <label class="col-sm-3 control-label">创建时间:</label>
  49. <div class="col-sm-8">
  50. <div class="input-group date">
  51. <input name="createdTime" th:value="${#dates.format(syncOutData.createdTime, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">
  52. <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  53. </div>
  54. </div>
  55. </div>
  56. <div class="form-group">
  57. <label class="col-sm-3 control-label">数据更新时间:</label>
  58. <div class="col-sm-8">
  59. <div class="input-group date">
  60. <input name="updatedTime" th:value="${#dates.format(syncOutData.updatedTime, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">
  61. <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  62. </div>
  63. </div>
  64. </div>
  65. <div class="form-group">
  66. <label class="col-sm-3 control-label">数据同步时间:</label>
  67. <div class="col-sm-8">
  68. <div class="input-group date">
  69. <input name="syncTime" th:value="${#dates.format(syncOutData.syncTime, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">
  70. <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="form-group">
  75. <label class="col-sm-3 control-label">源数据删除时间:</label>
  76. <div class="col-sm-8">
  77. <div class="input-group date">
  78. <input name="delTime" th:value="${#dates.format(syncOutData.delTime, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">
  79. <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  80. </div>
  81. </div>
  82. </div>
  83. </form>
  84. </div>
  85. <th:block th:include="include :: footer" />
  86. <th:block th:include="include :: datetimepicker-js" />
  87. <script th:inline="javascript">
  88. var prefix = ctx + "out/data";
  89. $("#form-data-edit").validate({
  90. focusCleanup: true
  91. });
  92. function submitHandler() {
  93. if ($.validate.form()) {
  94. $.operate.save(prefix + "/edit", $('#form-data-edit').serialize());
  95. }
  96. }
  97. $("input[name='createdTime']").datetimepicker({
  98. format: "yyyy-mm-dd",
  99. minView: "month",
  100. autoclose: true
  101. });
  102. $("input[name='updatedTime']").datetimepicker({
  103. format: "yyyy-mm-dd",
  104. minView: "month",
  105. autoclose: true
  106. });
  107. $("input[name='syncTime']").datetimepicker({
  108. format: "yyyy-mm-dd",
  109. minView: "month",
  110. autoclose: true
  111. });
  112. $("input[name='delTime']").datetimepicker({
  113. format: "yyyy-mm-dd",
  114. minView: "month",
  115. autoclose: true
  116. });
  117. </script>
  118. </body>
  119. </html>