jobinfo.index.1.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451
  1. $(function() {
  2. // init date tables
  3. var jobTable = $("#job_list").dataTable({
  4. "deferRender": true,
  5. "processing" : true,
  6. "serverSide": true,
  7. "ajax": {
  8. url: base_url + "/jobinfo/pageList",
  9. type:"post",
  10. data : function ( d ) {
  11. var obj = {};
  12. obj.jobGroup = $('#jobGroup').val();
  13. obj.executorHandler = $('#executorHandler').val();
  14. obj.start = d.start;
  15. obj.length = d.length;
  16. return obj;
  17. }
  18. },
  19. "searching": false,
  20. "ordering": false,
  21. //"scrollX": true, // X轴滚动条,取消自适应
  22. "columns": [
  23. { "data": 'id', "bSortable": false, "visible" : false},
  24. {
  25. "data": 'jobGroup',
  26. "visible" : false,
  27. "render": function ( data, type, row ) {
  28. var groupMenu = $("#jobGroup").find("option");
  29. for ( var index in $("#jobGroup").find("option")) {
  30. if ($(groupMenu[index]).attr('value') == data) {
  31. return $(groupMenu[index]).html();
  32. }
  33. }
  34. return data;
  35. }
  36. },
  37. {
  38. "data": 'childJobKey',
  39. "width":'10%',
  40. "visible" : true,
  41. "render": function ( data, type, row ) {
  42. var jobKey = row.jobGroup + "_" + row.id;
  43. return jobKey;
  44. }
  45. },
  46. { "data": 'jobDesc', "visible" : true,"width":'20%'},
  47. {
  48. "data": 'glueType',
  49. "width":'20%',
  50. "visible" : true,
  51. "render": function ( data, type, row ) {
  52. if ('GLUE_GROOVY'==row.glueType) {
  53. return "GLUE模式(Java)";
  54. } else if ('GLUE_SHELL'==row.glueType) {
  55. return "GLUE模式(Shell)";
  56. } else if ('GLUE_PYTHON'==row.glueType) {
  57. return "GLUE模式(Python)";
  58. }else if ('GLUE_NODEJS'==row.glueType){
  59. return "GLUE模式(Nodejs)";
  60. } else if ('BEAN'==row.glueType) {
  61. return "BEAN模式:" + row.executorHandler;
  62. }
  63. return row.executorHandler;
  64. }
  65. },
  66. { "data": 'executorParam', "visible" : false},
  67. { "data": 'jobCron', "visible" : true,"width":'10%'},
  68. {
  69. "data": 'addTime',
  70. "visible" : false,
  71. "render": function ( data, type, row ) {
  72. return data?moment(new Date(data)).format("YYYY-MM-DD HH:mm:ss"):"";
  73. }
  74. },
  75. {
  76. "data": 'updateTime',
  77. "visible" : false,
  78. "render": function ( data, type, row ) {
  79. return data?moment(new Date(data)).format("YYYY-MM-DD HH:mm:ss"):"";
  80. }
  81. },
  82. { "data": 'author', "visible" : true, "width":'10%'},
  83. { "data": 'alarmEmail', "visible" : false},
  84. { "data": 'glueType', "visible" : false},
  85. {
  86. "data": 'jobStatus',
  87. "width":'10%',
  88. "visible" : true,
  89. "render": function ( data, type, row ) {
  90. if ('NORMAL' == data) {
  91. return '<small class="label label-success" ><i class="fa fa-clock-o"></i>'+ data +'</small>';
  92. } else if ('PAUSED' == data){
  93. return '<small class="label label-default" title="暂停" ><i class="fa fa-clock-o"></i>'+ data +'</small>';
  94. } else if ('BLOCKED' == data){
  95. return '<small class="label label-default" title="阻塞[串行]" ><i class="fa fa-clock-o"></i>'+ data +'</small>';
  96. }
  97. return data;
  98. }
  99. },
  100. {
  101. "data": '操作' ,
  102. "width":'15%',
  103. "render": function ( data, type, row ) {
  104. return function(){
  105. // status
  106. var pause_resume = "";
  107. if ('NORMAL' == row.jobStatus) {
  108. pause_resume = '<button class="btn btn-primary btn-xs job_operate" _type="job_pause" type="button">暂停</button> ';
  109. } else if ('PAUSED' == row.jobStatus){
  110. pause_resume = '<button class="btn btn-primary btn-xs job_operate" _type="job_resume" type="button">恢复</button> ';
  111. }
  112. // log url
  113. var logUrl = base_url +'/joblog?jobId='+ row.id;
  114. // log url
  115. var codeBtn = "";
  116. if ('BEAN' != row.glueType) {
  117. var codeUrl = base_url +'/jobcode?jobId='+ row.id;
  118. codeBtn = '<button class="btn btn-warning btn-xs" type="button" onclick="javascript:window.open(\'' + codeUrl + '\')" >GLUE</button> '
  119. }
  120. // html
  121. tableData['key'+row.id] = row;
  122. var html = '<p id="'+ row.id +'" >'+
  123. '<button class="btn btn-primary btn-xs job_operate" _type="job_trigger" type="button">执行</button> '+
  124. pause_resume +
  125. '<button class="btn btn-primary btn-xs" type="job_del" type="button" onclick="javascript:window.open(\'' + logUrl + '\')" >日志</button><br> '+
  126. '<button class="btn btn-warning btn-xs update" type="button">编辑</button> '+
  127. codeBtn +
  128. '<button class="btn btn-danger btn-xs job_operate" _type="job_del" type="button">删除</button> '+
  129. '</p>';
  130. return html;
  131. };
  132. }
  133. }
  134. ],
  135. "language" : {
  136. "sProcessing" : "处理中...",
  137. "sLengthMenu" : "每页 _MENU_ 条记录",
  138. "sZeroRecords" : "没有匹配结果",
  139. "sInfo" : "第 _PAGE_ 页 ( 总共 _PAGES_ 页,_TOTAL_ 条记录 )",
  140. "sInfoEmpty" : "无记录",
  141. "sInfoFiltered" : "(由 _MAX_ 项结果过滤)",
  142. "sInfoPostFix" : "",
  143. "sSearch" : "搜索:",
  144. "sUrl" : "",
  145. "sEmptyTable" : "表中数据为空",
  146. "sLoadingRecords" : "载入中...",
  147. "sInfoThousands" : ",",
  148. "oPaginate" : {
  149. "sFirst" : "首页",
  150. "sPrevious" : "上页",
  151. "sNext" : "下页",
  152. "sLast" : "末页"
  153. },
  154. "oAria" : {
  155. "sSortAscending" : ": 以升序排列此列",
  156. "sSortDescending" : ": 以降序排列此列"
  157. }
  158. }
  159. });
  160. // table data
  161. var tableData = {};
  162. // 搜索按钮
  163. $('#searchBtn').on('click', function(){
  164. jobTable.fnDraw();
  165. });
  166. // jobGroup change
  167. $('#jobGroup').on('change', function(){
  168. //reload
  169. var jobGroup = $('#jobGroup').val();
  170. window.location.href = base_url + "/jobinfo?jobGroup=" + jobGroup;
  171. });
  172. // job operate
  173. $("#job_list").on('click', '.job_operate',function() {
  174. var typeName;
  175. var url;
  176. var needFresh = false;
  177. var type = $(this).attr("_type");
  178. if ("job_pause" == type) {
  179. typeName = "暂停";
  180. url = base_url + "/jobinfo/pause";
  181. needFresh = true;
  182. } else if ("job_resume" == type) {
  183. typeName = "恢复";
  184. url = base_url + "/jobinfo/resume";
  185. needFresh = true;
  186. } else if ("job_del" == type) {
  187. typeName = "删除";
  188. url = base_url + "/jobinfo/remove";
  189. needFresh = true;
  190. } else if ("job_trigger" == type) {
  191. typeName = "执行";
  192. url = base_url + "/jobinfo/trigger";
  193. } else {
  194. return;
  195. }
  196. var id = $(this).parent('p').attr("id");
  197. layer.confirm('确认' + typeName + '?', {icon: 3, title:'系统提示'}, function(index){
  198. layer.close(index);
  199. $.ajax({
  200. type : 'POST',
  201. url : url,
  202. data : {
  203. "id" : id
  204. },
  205. dataType : "json",
  206. success : function(data){
  207. if (data.code == 200) {
  208. layer.open({
  209. title: '系统提示',
  210. content: typeName + "成功",
  211. icon: '1',
  212. end: function(layero, index){
  213. if (needFresh) {
  214. //window.location.reload();
  215. jobTable.fnDraw();
  216. }
  217. }
  218. });
  219. } else {
  220. layer.open({
  221. title: '系统提示',
  222. content: (data.msg || typeName + "失败"),
  223. icon: '2'
  224. });
  225. }
  226. },
  227. });
  228. });
  229. });
  230. // jquery.validate 自定义校验 “英文字母开头,只含有英文字母、数字和下划线”
  231. jQuery.validator.addMethod("myValid01", function(value, element) {
  232. var length = value.length;
  233. var valid = /^[a-zA-Z][a-zA-Z0-9_]*$/;
  234. return this.optional(element) || valid.test(value);
  235. }, "只支持英文字母开头,只含有英文字母、数字和下划线");
  236. // 新增
  237. $(".add").click(function(){
  238. $('#addModal').modal({backdrop: false, keyboard: false}).modal('show');
  239. });
  240. var addModalValidate = $("#addModal .form").validate({
  241. errorElement : 'span',
  242. errorClass : 'help-block',
  243. focusInvalid : true,
  244. rules : {
  245. jobDesc : {
  246. required : true,
  247. maxlength: 50
  248. },
  249. jobCron : {
  250. required : true
  251. },
  252. author : {
  253. required : true
  254. }
  255. },
  256. messages : {
  257. jobDesc : {
  258. required :"请输入“描述”."
  259. },
  260. jobCron : {
  261. required :"请输入“Cron”."
  262. },
  263. author : {
  264. required : "请输入“负责人”."
  265. }
  266. },
  267. highlight : function(element) {
  268. $(element).closest('.form-group').addClass('has-error');
  269. },
  270. success : function(label) {
  271. label.closest('.form-group').removeClass('has-error');
  272. label.remove();
  273. },
  274. errorPlacement : function(error, element) {
  275. element.parent('div').append(error);
  276. },
  277. submitHandler : function(form) {
  278. $.post(base_url + "/jobinfo/add", $("#addModal .form").serialize(), function(data, status) {
  279. if (data.code == "200") {
  280. $('#addModal').modal('hide');
  281. layer.open({
  282. title: '系统提示',
  283. content: '新增任务成功',
  284. icon: '1',
  285. end: function(layero, index){
  286. jobTable.fnDraw();
  287. //window.location.reload();
  288. }
  289. });
  290. } else {
  291. layer.open({
  292. title: '系统提示',
  293. content: (data.msg || "新增失败"),
  294. icon: '2'
  295. });
  296. }
  297. });
  298. }
  299. });
  300. $("#addModal").on('hide.bs.modal', function () {
  301. $("#addModal .form")[0].reset();
  302. addModalValidate.resetForm();
  303. $("#addModal .form .form-group").removeClass("has-error");
  304. $(".remote_panel").show(); // remote
  305. $("#addModal .form input[name='executorHandler']").removeAttr("readonly");
  306. });
  307. // 运行模式
  308. $(".glueType").change(function(){
  309. // executorHandler
  310. var $executorHandler = $(this).parents("form").find("input[name='executorHandler']");
  311. var glueType = $(this).val();
  312. if ('BEAN' != glueType) {
  313. $executorHandler.val("");
  314. $executorHandler.attr("readonly","readonly");
  315. } else {
  316. $executorHandler.removeAttr("readonly");
  317. }
  318. });
  319. $("#addModal .glueType").change(function(){
  320. // glueSource
  321. var glueType = $(this).val();
  322. if ('GLUE_GROOVY'==glueType){
  323. $("#addModal .form textarea[name='glueSource']").val( $("#addModal .form .glueSource_java").val() );
  324. } else if ('GLUE_SHELL'==glueType){
  325. $("#addModal .form textarea[name='glueSource']").val( $("#addModal .form .glueSource_shell").val() );
  326. } else if ('GLUE_PYTHON'==glueType){
  327. $("#addModal .form textarea[name='glueSource']").val( $("#addModal .form .glueSource_python").val() );
  328. } else if ('GLUE_NODEJS'==glueType){
  329. $("#addModal .form textarea[name='glueSource']").val( $("#addModal .form .glueSource_nodejs").val() );
  330. }
  331. });
  332. // 更新
  333. $("#job_list").on('click', '.update',function() {
  334. var id = $(this).parent('p').attr("id");
  335. var row = tableData['key'+id];
  336. if (!row) {
  337. layer.open({
  338. title: '系统提示',
  339. content: ("任务信息加载失败,请刷新页面"),
  340. icon: '2'
  341. });
  342. return;
  343. }
  344. // base data
  345. $("#updateModal .form input[name='id']").val( row.id );
  346. $('#updateModal .form select[name=jobGroup] option[value='+ row.jobGroup +']').prop('selected', true);
  347. $("#updateModal .form input[name='jobDesc']").val( row.jobDesc );
  348. $("#updateModal .form input[name='jobCron']").val( row.jobCron );
  349. $("#updateModal .form input[name='author']").val( row.author );
  350. $("#updateModal .form input[name='alarmEmail']").val( row.alarmEmail );
  351. $('#updateModal .form select[name=executorRouteStrategy] option[value='+ row.executorRouteStrategy +']').prop('selected', true);
  352. $("#updateModal .form input[name='executorHandler']").val( row.executorHandler );
  353. $("#updateModal .form input[name='executorParam']").val( row.executorParam );
  354. $("#updateModal .form input[name='childJobKey']").val( row.childJobKey );
  355. $('#updateModal .form select[name=executorBlockStrategy] option[value='+ row.executorBlockStrategy +']').prop('selected', true);
  356. $('#updateModal .form select[name=executorFailStrategy] option[value='+ row.executorFailStrategy +']').prop('selected', true);
  357. $('#updateModal .form select[name=glueType] option[value='+ row.glueType +']').prop('selected', true);
  358. $("#updateModal .form select[name=glueType]").change();
  359. // show
  360. $('#updateModal').modal({backdrop: false, keyboard: false}).modal('show');
  361. });
  362. var updateModalValidate = $("#updateModal .form").validate({
  363. errorElement : 'span',
  364. errorClass : 'help-block',
  365. focusInvalid : true,
  366. rules : {
  367. jobDesc : {
  368. required : true,
  369. maxlength: 50
  370. },
  371. jobCron : {
  372. required : true
  373. },
  374. author : {
  375. required : true
  376. }
  377. },
  378. messages : {
  379. jobDesc : {
  380. required :"请输入“描述”."
  381. },
  382. jobCron : {
  383. required :"请输入“Cron”."
  384. },
  385. author : {
  386. required : "请输入“负责人”."
  387. }
  388. },
  389. highlight : function(element) {
  390. $(element).closest('.form-group').addClass('has-error');
  391. },
  392. success : function(label) {
  393. label.closest('.form-group').removeClass('has-error');
  394. label.remove();
  395. },
  396. errorPlacement : function(error, element) {
  397. element.parent('div').append(error);
  398. },
  399. submitHandler : function(form) {
  400. // post
  401. $.post(base_url + "/jobinfo/reschedule", $("#updateModal .form").serialize(), function(data, status) {
  402. if (data.code == "200") {
  403. $('#updateModal').modal('hide');
  404. layer.open({
  405. title: '系统提示',
  406. content: '更新成功',
  407. icon: '1',
  408. end: function(layero, index){
  409. //window.location.reload();
  410. jobTable.fnDraw();
  411. }
  412. });
  413. } else {
  414. layer.open({
  415. title: '系统提示',
  416. content: (data.msg || "更新失败"),
  417. icon: '2'
  418. });
  419. }
  420. });
  421. }
  422. });
  423. $("#updateModal").on('hide.bs.modal', function () {
  424. $("#updateModal .form")[0].reset()
  425. });
  426. });