edit.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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. <th:block th:include="include :: bootstrap-select-css" />
  7. </head>
  8. <body class="white-bg">
  9. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  10. <form class="form-horizontal m" id="form-lantern-edit" th:object="${sysRidingLantern}">
  11. <input name="id" th:field="*{id}" type="hidden">
  12. <!--<div class="form-group"> -->
  13. <!--<label class="col-sm-3 control-label">是否删除:</label>-->
  14. <!--<div class="col-sm-8">-->
  15. <!--<input name="isDelete" th:field="*{isDelete}" class="form-control" type="text">-->
  16. <!--</div>-->
  17. <!--</div>-->
  18. <div class="form-group">
  19. <label class="col-sm-3 control-label">内容:</label>
  20. <div class="col-sm-8">
  21. <input name="content" th:field="*{content}" class="form-control" type="text" >
  22. </div>
  23. </div>
  24. <div class="form-group">
  25. <label class="col-sm-3 control-label">开始时间:</label>
  26. <div class="col-sm-8">
  27. <div class="input-group date">
  28. <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  29. <input name="startTime" th:value="${#dates.format(sysRidingLantern.startTime, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">
  30. </div>
  31. </div>
  32. </div>
  33. <div class="form-group">
  34. <label class="col-sm-3 control-label">结束时间:</label>
  35. <div class="col-sm-8">
  36. <div class="input-group date">
  37. <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  38. <input name="endTime" th:value="${#dates.format(sysRidingLantern.endTime, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">
  39. </div>
  40. </div>
  41. </div>
  42. <div class="form-group">
  43. <label class="col-sm-3 control-label">公告人员:</label>
  44. <div class="col-sm-8">
  45. <select title="请选择" id="userType" name="userType" class="form-control m-b selectpicker" th:with="type=${@dict.getType('sys_lantern_permission')}" multiple>
  46. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{userType}"></option>
  47. </select>
  48. <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 默认为全部人员</span>
  49. </div>
  50. </div>
  51. <!--<div class="form-group">-->
  52. <!--<input name="userTypeStr" th:field="*{userType}" style="display: none;">-->
  53. <!--</div>-->
  54. <!--<div class="form-group"> -->
  55. <!--<label class="col-sm-3 control-label">磁贴:</label>-->
  56. <!--<div class="col-sm-8">-->
  57. <!--<select name="tile" class="form-control m-b">-->
  58. <!--<option value="">所有</option>-->
  59. <!--</select>-->
  60. <!--<span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 代码生成请选择字典属性</span>-->
  61. <!--</div>-->
  62. <!--</div>-->
  63. </form>
  64. </div>
  65. <th:block th:include="include :: footer" />
  66. <th:block th:include="include :: datetimepicker-js" />
  67. <th:block th:include="include :: bootstrap-select-js" />
  68. <script type="text/javascript">
  69. var prefix = ctx + "system/lantern";
  70. $(document).ready(function () {
  71. var formArray = $('#form-lantern-edit').serializeArray();
  72. var formData = {};
  73. $(formArray ).each(function(index, obj){
  74. formData[obj.name] = obj.value;
  75. });
  76. console.log('form-lantern-edit',formData);
  77. $("#userType").selectpicker('val',formData.userType.split(','));
  78. })
  79. $("#form-lantern-edit").validate({
  80. focusCleanup: true,
  81. rules:{
  82. content:{
  83. required:true
  84. },
  85. startTime:{
  86. required:true
  87. },
  88. endTime:{
  89. required:true
  90. }
  91. },
  92. });
  93. function submitHandler() {
  94. if ($.validate.form()) {
  95. // if ($('#userType').selectpicker('val') == null) {
  96. // $.modal.msg("请选择通知人员");
  97. // }else {
  98. // $.operate.save(prefix + "/edit", $('#form-lantern-edit').serialize());
  99. // }
  100. $.operate.save(prefix + "/edit", $('#form-lantern-edit').serialize());
  101. }
  102. }
  103. $("input[name='startTime']").datetimepicker({
  104. format: "yyyy-mm-dd",
  105. minView: "month",
  106. autoclose: true
  107. });
  108. $("input[name='endTime']").datetimepicker({
  109. format: "yyyy-mm-dd",
  110. minView: "month",
  111. autoclose: true
  112. });
  113. </script>
  114. </body>
  115. </html>