joblog.index.ftl 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>任务调度中心</title>
  5. <#import "/common/common.macro.ftl" as netCommon>
  6. <@netCommon.commonStyle />
  7. <!-- DataTables -->
  8. <link rel="stylesheet" href="${request.contextPath}/static/adminlte/plugins/datatables/dataTables.bootstrap.css">
  9. <!-- daterangepicker -->
  10. <link rel="stylesheet" href="${request.contextPath}/static/adminlte/plugins/daterangepicker/daterangepicker.css">
  11. </head>
  12. <body class="hold-transition skin-blue sidebar-mini <#if cookieMap?exists && "off" == cookieMap["adminlte_settings"].value >sidebar-collapse</#if> ">
  13. <div class="wrapper">
  14. <!-- header -->
  15. <@netCommon.commonHeader />
  16. <!-- left -->
  17. <@netCommon.commonLeft "joblog" />
  18. <!-- Content Wrapper. Contains page content -->
  19. <div class="content-wrapper">
  20. <!-- Content Header (Page header) -->
  21. <section class="content-header">
  22. <h1>调度日志<small>任务调度中心</small></h1>
  23. <!--
  24. <ol class="breadcrumb">
  25. <li><a><i class="fa fa-dashboard"></i>调度日志</a></li>
  26. <li class="active">调度管理</li>
  27. </ol>
  28. -->
  29. </section>
  30. <!-- Main content -->
  31. <section class="content">
  32. <div class="row">
  33. <div class="col-xs-3">
  34. <div class="input-group">
  35. <span class="input-group-addon">执行器</span>
  36. <select class="form-control" id="jobGroup" paramVal="<#if jobInfo?exists>${jobInfo.jobGroup}</#if>" >
  37. <option value="0" >全部</option>
  38. <#list JobGroupList as group>
  39. <option value="${group.id}" >${group.title}</option>
  40. </#list>
  41. </select>
  42. </div>
  43. </div>
  44. <div class="col-xs-3">
  45. <div class="input-group">
  46. <span class="input-group-addon">任务</span>
  47. <select class="form-control" id="jobId" paramVal="<#if jobInfo?exists>${jobInfo.id}</#if>" >
  48. <option value="0" >全部</option>
  49. </select>
  50. </div>
  51. </div>
  52. <div class="col-xs-4">
  53. <div class="input-group">
  54. <span class="input-group-addon">
  55. 调度时间
  56. </span>
  57. <input type="text" class="form-control" id="filterTime" readonly >
  58. </div>
  59. </div>
  60. <div class="col-xs-1">
  61. <button class="btn btn-block btn-info" id="searchBtn">搜索</button>
  62. </div>
  63. <div class="col-xs-1">
  64. <button class="btn btn-block btn-nomal" id="clearLog">清理</button>
  65. </div>
  66. </div>
  67. <div class="row">
  68. <div class="col-xs-12">
  69. <div class="box">
  70. <div class="box-header hide"><h3 class="box-title">调度日志</h3></div>
  71. <div class="box-body">
  72. <table id="joblog_list" class="table table-bordered table-striped display" width="100%" >
  73. <thead>
  74. <tr>
  75. <th name="id" >id</th>
  76. <th name="jobGroup" >执行器ID</th>
  77. <th name="jobId" >任务ID</th>
  78. <th name="triggerTime" >调度时间</th>
  79. <th name="triggerCode" >调度结果</th>
  80. <th name="triggerMsg" >调度备注</th>
  81. <th name="executorAddress" >执行器地址</th>
  82. <th name="glueType" >运行模式</th>
  83. <th name="executorParam" >任务参数</th>
  84. <th name="handleTime" >执行时间</th>
  85. <th name="handleCode" >执行结果</th>
  86. <th name="handleMsg" >执行备注</th>
  87. <th name="handleMsg" >操作</th>
  88. </tr>
  89. </thead>
  90. <tbody></tbody>
  91. </table>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </section>
  97. </div>
  98. <!-- footer -->
  99. <@netCommon.commonFooter />
  100. </div>
  101. <!-- 日志清理.模态框 -->
  102. <div class="modal fade" id="clearLogModal" tabindex="-1" role="dialog" aria-hidden="true">
  103. <div class="modal-dialog">
  104. <div class="modal-content">
  105. <div class="modal-header">
  106. <h4 class="modal-title" >日志清理</h4>
  107. </div>
  108. <div class="modal-body">
  109. <form class="form-horizontal form" role="form" >
  110. <div class="form-group">
  111. <label class="col-sm-3 control-label"">执行器:</label>
  112. <div class="col-sm-9">
  113. <input type="text" class="form-control jobGroupText" readonly >
  114. <input type="hidden" name="jobGroup" >
  115. </div>
  116. </div>
  117. <div class="form-group">
  118. <label class="col-sm-3 control-label"">任务:</label>
  119. <div class="col-sm-9">
  120. <input type="text" class="form-control jobIdText" readonly >
  121. <input type="hidden" name="jobId" >
  122. </div>
  123. </div>
  124. <div class="form-group">
  125. <label class="col-sm-3 control-label"">清理类型:</label>
  126. <div class="col-sm-9">
  127. <select class="form-control" name="type" >
  128. <option value="1" >清理一个月之前日志数据</option>
  129. <option value="2" >清理三个月之前日志数据</option>
  130. <option value="3" >清理六个月之前日志数据</option>
  131. <option value="4" >清理一年之前日志数据</option>
  132. <option value="5" >清理一千条以前日志数据</option>
  133. <option value="6" >清理一万条以前日志数据</option>
  134. <option value="7" >清理三万条以前日志数据</option>
  135. <option value="8" >清理十万条以前日志数据</option>
  136. <option value="9" >清理所用日志数据</option>
  137. </select>
  138. </div>
  139. </div>
  140. <hr>
  141. <div class="form-group">
  142. <div class="col-sm-offset-3 col-sm-6">
  143. <button type="button" class="btn btn-primary ok" >确定</button>
  144. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  145. </div>
  146. </div>
  147. </form>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. <@netCommon.commonScript />
  153. <!-- DataTables -->
  154. <script src="${request.contextPath}/static/adminlte/plugins/datatables/jquery.dataTables.min.js"></script>
  155. <script src="${request.contextPath}/static/adminlte/plugins/datatables/dataTables.bootstrap.min.js"></script>
  156. <!-- daterangepicker -->
  157. <script src="${request.contextPath}/static/adminlte/plugins/daterangepicker/moment.min.js"></script>
  158. <script src="${request.contextPath}/static/adminlte/plugins/daterangepicker/daterangepicker.js"></script>
  159. <script src="${request.contextPath}/static/js/joblog.index.1.js"></script>
  160. </body>
  161. </html>