edit.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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 class="white-bg">
  7. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  8. <form class="form-horizontal m" id="form-dict-edit" th:object="${homeHotManualRecomm}">
  9. <input name="recommId" type="hidden" th:field="*{recommId}" />
  10. <div class="form-group">
  11. <label class="col-sm-2 control-label">排列序号:</label>
  12. <div class="col-sm-10">
  13. <input id="seqNo" name="seqNo" class="form-control" type="text" placeholder="请输入排列序号" required th:field="*{seqNo}"/>
  14. </div>
  15. </div>
  16. <div class="form-group">
  17. <label class="col-sm-2 control-label">显示位置:</label>
  18. <div class="col-sm-10">
  19. <select name="viewType" id="viewType" class="form-control m-b" th:with="type=${@dict.getType('recomm_view_position')}">
  20. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{viewType}"></option>
  21. </select>
  22. </div>
  23. </div>
  24. <div class="form-group select-time" >
  25. <label class="col-sm-2 control-label">开始时间:</label>
  26. <div class="col-sm-10">
  27. <input id="startDate" name="startValidTime" class="form-control time-input" type="text" th:field="*{startValidTime}" placeholder="请输入开始时间"/>
  28. </div>
  29. </div>
  30. <div class="form-group select-time" >
  31. <label class="col-sm-2 control-label">结束时间:</label>
  32. <div class="col-sm-10">
  33. <input id="endDate" name="endValidTime" class="form-control time-input" type="text" th:field="*{endValidTime}" placeholder="请输入结束时间"/>
  34. </div>
  35. </div>
  36. </form>
  37. </div>
  38. <th:block th:include="include :: footer" />
  39. <script type="text/javascript">
  40. var prefix = ctx + "operation/home/recomm";
  41. $("#form-dict-edit").validate({
  42. focusCleanup: true
  43. });
  44. function submitHandler() {
  45. if ($.validate.form()) {
  46. $.operate.save(prefix + "/edit", $('#form-dict-edit').serialize());
  47. }
  48. }
  49. $("#startDate").datetimepicker({
  50. format: 'yyyy-mm-dd hh:ii',
  51. minView: "month",
  52. todayBtn: true,
  53. autoclose: true,
  54. endDate : new Date(),
  55. }).on('changeDate', function(event) {
  56. event.preventDefault();
  57. event.stopPropagation();
  58. var startTime = event.date;
  59. $('#datetimepicker-endDate').datetimepicker('setStartDate', startTime);
  60. });
  61. $("#endDate").datetimepicker({
  62. format: 'yyyy-mm-dd hh:ii',
  63. minView: "month",
  64. todayBtn: true,
  65. autoclose: true,
  66. endDate : new Date(),
  67. }).on('changeDate', function(event) {
  68. event.preventDefault();
  69. event.stopPropagation();
  70. var endTime = event.date;
  71. $("#datetimepicker-startDate").datetimepicker('setEndDate', endTime);
  72. });
  73. </script>
  74. </body>
  75. </html>