add.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  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-job-add">
  9. <input type="hidden" name="createBy" th:value="${@permission.getPrincipalProperty('loginName')}">
  10. <div class="form-group">
  11. <label class="col-sm-3 control-label">任务名称:</label>
  12. <div class="col-sm-8">
  13. <input class="form-control" type="text" name="jobName" id="jobName" required>
  14. </div>
  15. </div>
  16. <div class="form-group">
  17. <label class="col-sm-3 control-label">任务组名:</label>
  18. <div class="col-sm-8">
  19. <input class="form-control" type="text" name="jobGroup" id="jobGroup" required>
  20. </div>
  21. </div>
  22. <div class="form-group">
  23. <label class="col-sm-3 control-label ">方法名称:</label>
  24. <div class="col-sm-8">
  25. <input class="form-control" type="text" name="methodName" id="methodName" required>
  26. </div>
  27. </div>
  28. <div class="form-group">
  29. <label class="col-sm-3 control-label ">方法参数:</label>
  30. <div class="col-sm-8">
  31. <input class="form-control" type="text" name="methodParams" id="methodParams">
  32. </div>
  33. </div>
  34. <div class="form-group">
  35. <label class="col-sm-3 control-label ">cron表达式:</label>
  36. <div class="col-sm-8">
  37. <input class="form-control" type="text" name="cronExpression" id="cronExpression" required>
  38. </div>
  39. </div>
  40. <div class="form-group">
  41. <label class="col-sm-3 control-label">执行策略:</label>
  42. <div class="col-sm-8">
  43. <label class="radio-box"> <input type="radio" name="misfirePolicy" value="1" th:checked="true"/> 立即执行 </label>
  44. <label class="radio-box"> <input type="radio" name="misfirePolicy" value="2" /> 执行一次 </label>
  45. <label class="radio-box"> <input type="radio" name="misfirePolicy" value="3" /> 放弃执行 </label>
  46. </div>
  47. </div>
  48. <div class="form-group">
  49. <label class="col-sm-3 control-label">并发执行:</label>
  50. <div class="col-sm-8">
  51. <label class="radio-box"> <input type="radio" name="concurrent" value="0"/> 允许 </label>
  52. <label class="radio-box"> <input type="radio" name="concurrent" value="1" th:checked="true"/> 禁止 </label>
  53. </div>
  54. </div>
  55. <div class="form-group">
  56. <label class="col-sm-3 control-label">状态:</label>
  57. <div class="col-sm-8">
  58. <div class="radio-box" th:each="dict : ${@dict.getType('sys_job_status')}">
  59. <input type="radio" th:id="${dict.dictCode}" name="status" th:value="${dict.dictValue}" th:checked="${dict.default}">
  60. <label th:for="${dict.dictCode}" th:text="${dict.dictLabel}"></label>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="form-group">
  65. <label class="col-sm-3 control-label">备注:</label>
  66. <div class="col-sm-8">
  67. <textarea id="remark" name="remark" class="form-control"></textarea>
  68. </div>
  69. </div>
  70. </form>
  71. </div>
  72. <th:block th:include="include :: footer" />
  73. <script type="text/javascript">
  74. var prefix = ctx + "monitor/job";
  75. $("#form-job-add").validate({
  76. onkeyup: false,
  77. rules:{
  78. cronExpression:{
  79. remote: {
  80. url: prefix + "/checkCronExpressionIsValid",
  81. type: "post",
  82. dataType: "json",
  83. data: {
  84. "cronExpression": function() {
  85. return $.common.trim($("#cronExpression").val());
  86. }
  87. },
  88. dataFilter: function(data, type) {
  89. return data;
  90. }
  91. }
  92. },
  93. },
  94. messages: {
  95. "cronExpression": {
  96. remote: "表达式不正确"
  97. }
  98. },
  99. focusCleanup: true
  100. });
  101. function submitHandler() {
  102. if ($.validate.form()) {
  103. $.operate.save(prefix + "/add", $('#form-job-add').serialize());
  104. }
  105. }
  106. </script>
  107. </body>
  108. </html>