job_form.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>定时任务表单</title>
  7. <link rel="stylesheet" href="../../lib/layui/css/layui.css">
  8. <style>
  9. body { padding: 20px; }
  10. .required { color: #ff5722; }
  11. .cron-hint { font-size: 12px; color: #999; margin-top: 5px; }
  12. </style>
  13. </head>
  14. <body>
  15. <form class="layui-form" lay-filter="jobForm" id="jobForm">
  16. <input type="hidden" name="id" id="jobId">
  17. <div class="layui-form-item">
  18. <label class="layui-form-label"><span class="required">*</span>任务名称</label>
  19. <div class="layui-input-block">
  20. <input type="text" name="jobName" lay-verify="required" placeholder="请输入任务名称" class="layui-input" style="width: 300px;">
  21. </div>
  22. </div>
  23. <div class="layui-form-item">
  24. <label class="layui-form-label">任务分组</label>
  25. <div class="layui-input-block">
  26. <input type="text" name="jobGroup" placeholder="请输入任务分组" class="layui-input" style="width: 200px;">
  27. </div>
  28. </div>
  29. <div class="layui-form-item">
  30. <label class="layui-form-label"><span class="required">*</span>执行类</label>
  31. <div class="layui-input-block">
  32. <input type="text" name="actionClass" lay-verify="required" placeholder="如: com.example.job.TestJob" class="layui-input" style="width: 350px;">
  33. </div>
  34. </div>
  35. <div class="layui-form-item">
  36. <label class="layui-form-label"><span class="required">*</span>CRON表达式</label>
  37. <div class="layui-input-block">
  38. <input type="text" name="cron" lay-verify="required" placeholder="如: 0/5 * * * * ?" class="layui-input" style="width: 200px;">
  39. <div class="cron-hint">
  40. 格式: 秒 分 时 日 月 周 [年]<br>
  41. 示例: 0/5 * * * * ? (每5秒执行一次)<br>
  42. 0 0 2 * * ? (每天凌晨2点执行)
  43. </div>
  44. </div>
  45. </div>
  46. <div class="layui-form-item">
  47. <label class="layui-form-label"><span class="required">*</span>任务状态</label>
  48. <div class="layui-input-block">
  49. <input type="radio" name="jobStatus" value="0" title="停止" checked>
  50. <input type="radio" name="jobStatus" value="1" title="运行">
  51. </div>
  52. </div>
  53. <div class="layui-form-item">
  54. <label class="layui-form-label">备注</label>
  55. <div class="layui-input-block">
  56. <textarea name="remark" placeholder="请输入备注" class="layui-textarea" style="width: 350px; height: 80px;"></textarea>
  57. </div>
  58. </div>
  59. <div class="layui-form-item">
  60. <div class="layui-input-block">
  61. <button type="submit" class="layui-btn" lay-submit lay-filter="submitForm">提交</button>
  62. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  63. </div>
  64. </div>
  65. </form>
  66. <script src="../../lib/layui/layui.js"></script>
  67. <script src="../../js/config.js"></script>
  68. <script src="../../js/common.js"></script>
  69. <script>
  70. layui.use(['form'], function() {
  71. var form = layui.form;
  72. var id = Common.getQueryString('id');
  73. var isEdit = !!id;
  74. if (isEdit) {
  75. Common.get(Config.api.timersJob.getInfo + '/' + id, function(res) {
  76. if (res.code === 200) {
  77. form.val('jobForm', res.data);
  78. }
  79. });
  80. }
  81. form.on('submit(submitForm)', function(data) {
  82. Common.ajax({
  83. url: isEdit ? Config.api.timersJob.update : Config.api.timersJob.save,
  84. type: isEdit ? 'PUT' : 'POST',
  85. data: data.field,
  86. success: function(res) {
  87. Common.success(isEdit ? '修改成功' : '添加成功', function() {
  88. var index = parent.layer.getFrameIndex(window.name);
  89. parent.layer.close(index);
  90. parent.table.reload('tableList');
  91. });
  92. }
  93. });
  94. return false;
  95. });
  96. });
  97. </script>
  98. </body>
  99. </html>