jobinfo.index.2.js 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615
  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.jobDesc = $('#jobDesc').val();
  14. obj.executorHandler = $('#executorHandler').val();
  15. obj.start = d.start;
  16. obj.length = d.length;
  17. obj.type = 2;//定时
  18. return obj;
  19. }
  20. },
  21. "searching": false,
  22. "ordering": false,
  23. //"scrollX": true, // scroll x,close self-adaption
  24. "columns": [
  25. {
  26. "data": 'id',
  27. "bSortable": false,
  28. "visible": true,
  29. "width": '5%'
  30. },
  31. {
  32. "data": 'jobGroup',
  33. "visible": false,
  34. "width": '20%',
  35. "render": function (data, type, row) {
  36. var groupMenu = $("#jobGroup").find("option");
  37. for (var index in $("#jobGroup").find("option")) {
  38. if ($(groupMenu[index]).attr('value') == data) {
  39. return $(groupMenu[index]).html();
  40. }
  41. }
  42. return data;
  43. }
  44. },
  45. {
  46. "data": 'jobDesc',
  47. "visible": true,
  48. "width": '20%'
  49. },
  50. {
  51. "data": 'glueType',
  52. "width": '15%',
  53. "visible": true,
  54. "render": function (data, type, row) {
  55. var glueTypeTitle = findGlueTypeTitle(row.glueType);
  56. if (row.executorHandler) {
  57. return glueTypeTitle + ":" + row.executorHandler;
  58. } else {
  59. return glueTypeTitle;
  60. }
  61. }
  62. },
  63. {"data": 'executorParam', "visible": false},
  64. {
  65. "data": 'startExecuteTime',
  66. "visible": true,
  67. "width": '10%'
  68. },
  69. {
  70. "data": 'endExecuteTime',
  71. "visible": true,
  72. "width": '10%'
  73. },
  74. {
  75. "data": 'addTime',
  76. "visible": false,
  77. "render": function (data, type, row) {
  78. return data ? moment(new Date(data)).format("YYYY-MM-DD HH:mm:ss") : "";
  79. }
  80. },
  81. {
  82. "data": 'updateTime',
  83. "visible": false,
  84. "render": function (data, type, row) {
  85. return data ? moment(new Date(data)).format("YYYY-MM-DD HH:mm:ss") : "";
  86. }
  87. },
  88. {"data": 'author', "visible": true, "width": '10%'},
  89. {"data": 'alarmEmail', "visible": false},
  90. {
  91. "data": 'jobStatus',
  92. "width": '10%',
  93. "visible": true,
  94. "render": function (data, type, row) {
  95. // status
  96. if (data && data != 'NONE') {
  97. if ('NORMAL' == data) {
  98. return '<small class="label label-success" ><i class="fa fa-clock-o"></i>RUNNING</small>';
  99. } else {
  100. return '<small class="label label-warning" >ERROR(' + data + ')</small>';
  101. }
  102. } else {
  103. return '<small class="label label-default" ><i class="fa fa-clock-o"></i>STOP</small>';
  104. }
  105. }
  106. },
  107. {
  108. "data": I18n.system_opt,
  109. "width": '15%',
  110. "render": function (data, type, row) {
  111. return function () {
  112. // status
  113. var start_stop = "";
  114. if (row.jobStatus && row.jobStatus != 'NONE') {
  115. if ('NORMAL' == row.jobStatus) {
  116. start_stop = '<button class="btn btn-primary btn-xs job_operate" _type="job_pause" type="button">' + I18n.jobinfo_opt_stop + '</button> ';
  117. } else {
  118. start_stop = '<button class="btn btn-primary btn-xs job_operate" _type="job_pause" type="button">' + I18n.jobinfo_opt_stop + '</button> ';
  119. }
  120. } else {
  121. start_stop = '<button class="btn btn-primary btn-xs job_operate" _type="job_resume" type="button">' + I18n.jobinfo_opt_start + '</button> ';
  122. }
  123. // log url
  124. var logUrl = base_url + '/joblog?jobId=' + row.id;
  125. // log url
  126. var codeBtn = "";
  127. if ('BEAN' != row.glueType) {
  128. var codeUrl = base_url + '/jobcode?jobId=' + row.id;
  129. codeBtn = '<button class="btn btn-warning btn-xs" type="button" onclick="javascript:window.open(\'' + codeUrl + '\')" >GLUE</button> '
  130. }
  131. // html
  132. tableData['key' + row.id] = row;
  133. var html = '<p id="' + row.id + '" >' +
  134. '<button class="btn btn-primary btn-xs job_trigger" type="button">' + I18n.jobinfo_opt_run + '</button> ' +
  135. start_stop +
  136. '<button class="btn btn-primary btn-xs" type="job_del" type="button" onclick="javascript:window.open(\'' + logUrl + '\')" >' + I18n.jobinfo_opt_log + '</button><br> ' +
  137. '<button class="btn btn-warning btn-xs update" type="button">' + I18n.system_opt_edit + '</button> ' +
  138. codeBtn +
  139. '<button class="btn btn-danger btn-xs job_operate" _type="job_del" type="button">' + I18n.system_opt_del + '</button> ' +
  140. '</p>';
  141. return html;
  142. };
  143. }
  144. }
  145. ],
  146. "language": {
  147. "sProcessing": I18n.dataTable_sProcessing,
  148. "sLengthMenu": I18n.dataTable_sLengthMenu,
  149. "sZeroRecords": I18n.dataTable_sZeroRecords,
  150. "sInfo": I18n.dataTable_sInfo,
  151. "sInfoEmpty": I18n.dataTable_sInfoEmpty,
  152. "sInfoFiltered": I18n.dataTable_sInfoFiltered,
  153. "sInfoPostFix": "",
  154. "sSearch": I18n.dataTable_sSearch,
  155. "sUrl": "",
  156. "sEmptyTable": I18n.dataTable_sEmptyTable,
  157. "sLoadingRecords": I18n.dataTable_sLoadingRecords,
  158. "sInfoThousands": ",",
  159. "oPaginate": {
  160. "sFirst": I18n.dataTable_sFirst,
  161. "sPrevious": I18n.dataTable_sPrevious,
  162. "sNext": I18n.dataTable_sNext,
  163. "sLast": I18n.dataTable_sLast
  164. },
  165. "oAria": {
  166. "sSortAscending": I18n.dataTable_sSortAscending,
  167. "sSortDescending": I18n.dataTable_sSortDescending
  168. }
  169. }
  170. });
  171. // table data
  172. var tableData = {};
  173. // search btn
  174. $('#searchBtn').on('click', function () {
  175. jobTable.fnDraw();
  176. });
  177. // jobGroup change
  178. $('#jobGroup').on('change', function () {
  179. //reload
  180. var jobGroup = $('#jobGroup').val();
  181. window.location.href = base_url + "/jobinfo/index2?jobGroup=" + jobGroup;
  182. });
  183. // job operate
  184. $("#job_list").on('click', '.job_operate', function () {
  185. var typeName;
  186. var url;
  187. var needFresh = false;
  188. var type = $(this).attr("_type");
  189. if ("job_pause" == type) {
  190. typeName = I18n.jobinfo_opt_stop;
  191. url = base_url + "/jobinfo/stop";
  192. needFresh = true;
  193. } else if ("job_resume" == type) {
  194. typeName = I18n.jobinfo_opt_start;
  195. url = base_url + "/jobinfo/start";
  196. needFresh = true;
  197. } else if ("job_del" == type) {
  198. typeName = I18n.system_opt_del;
  199. url = base_url + "/jobinfo/remove";
  200. needFresh = true;
  201. } else {
  202. return;
  203. }
  204. var id = $(this).parent('p').attr("id");
  205. layer.confirm(I18n.system_ok + typeName + '?', {
  206. icon: 3,
  207. title: I18n.system_tips,
  208. btn: [I18n.system_ok, I18n.system_cancel]
  209. }, function (index) {
  210. layer.close(index);
  211. $.ajax({
  212. type: 'POST',
  213. url: url,
  214. data: {
  215. "id": id
  216. },
  217. dataType: "json",
  218. success: function (data) {
  219. if (data.code == 200) {
  220. layer.open({
  221. title: I18n.system_tips,
  222. btn: [I18n.system_ok],
  223. content: typeName + I18n.system_success,
  224. icon: '1',
  225. end: function (layero, index) {
  226. if (needFresh) {
  227. //window.location.reload();
  228. jobTable.fnDraw(false);
  229. }
  230. }
  231. });
  232. } else {
  233. layer.open({
  234. title: I18n.system_tips,
  235. btn: [I18n.system_ok],
  236. content: (data.msg || typeName + I18n.system_fail),
  237. icon: '2'
  238. });
  239. }
  240. },
  241. });
  242. });
  243. });
  244. // job trigger
  245. $("#job_list").on('click', '.job_trigger', function () {
  246. var id = $(this).parent('p').attr("id");
  247. var row = tableData['key' + id];
  248. $("#jobTriggerModal .form input[name='id']").val(row.id);
  249. $("#jobTriggerModal .form textarea[name='executorParam']").val(row.executorParam);
  250. $('#jobTriggerModal').modal({backdrop: false, keyboard: false}).modal('show');
  251. });
  252. $("#jobTriggerModal .ok").on('click', function () {
  253. $.ajax({
  254. type: 'POST',
  255. url: base_url + "/jobinfo/trigger",
  256. data: {
  257. "id": $("#jobTriggerModal .form input[name='id']").val(),
  258. "executorParam": $("#jobTriggerModal .textarea[name='executorParam']").val()
  259. },
  260. dataType: "json",
  261. success: function (data) {
  262. if (data.code == 200) {
  263. $('#jobTriggerModal').modal('hide');
  264. layer.open({
  265. title: I18n.system_tips,
  266. btn: [I18n.system_ok],
  267. content: I18n.jobinfo_opt_run + I18n.system_success,
  268. icon: '1'
  269. });
  270. } else {
  271. layer.open({
  272. title: I18n.system_tips,
  273. btn: [I18n.system_ok],
  274. content: (data.msg || I18n.jobinfo_opt_run + I18n.system_fail),
  275. icon: '2'
  276. });
  277. }
  278. }
  279. });
  280. });
  281. $("#jobTriggerModal").on('hide.bs.modal', function () {
  282. $("#jobTriggerModal .form")[0].reset();
  283. });
  284. // add
  285. $(".add").click(function () {
  286. $('#addModal').modal({backdrop: false, keyboard: false}).modal('show');
  287. var date = new Date();
  288. date.setMinutes(date.getMinutes() + 5);//当前时间下加5分钟
  289. laydate.render({
  290. elem: '#startExecuteTime1',
  291. type: 'datetime',
  292. value: date,
  293. format: 'yyyy-MM-dd HH:mm:ss'
  294. });
  295. });
  296. var addModalValidate = $("#addModal .form").validate({
  297. errorElement: 'span',
  298. errorClass: 'help-block',
  299. focusInvalid: true,
  300. rules: {
  301. jobDesc: {
  302. required: true,
  303. maxlength: 50
  304. },
  305. jobCron: {
  306. required: true
  307. },
  308. author: {
  309. required: true
  310. },
  311. executorTimeout: {
  312. digits: true
  313. },
  314. executorFailRetryCount: {
  315. digits: true
  316. }
  317. },
  318. messages: {
  319. jobDesc: {
  320. required: I18n.system_please_input + I18n.jobinfo_field_jobdesc
  321. },
  322. jobCron: {
  323. required: I18n.system_please_input + "Cron"
  324. },
  325. author: {
  326. required: I18n.system_please_input + I18n.jobinfo_field_author
  327. },
  328. executorTimeout: {
  329. digits: I18n.system_please_input + I18n.system_digits
  330. },
  331. executorFailRetryCount: {
  332. digits: I18n.system_please_input + I18n.system_digits
  333. }
  334. },
  335. highlight: function (element) {
  336. $(element).closest('.form-group').addClass('has-error');
  337. },
  338. success: function (label) {
  339. label.closest('.form-group').removeClass('has-error');
  340. label.remove();
  341. },
  342. errorPlacement: function (error, element) {
  343. element.parent('div').append(error);
  344. },
  345. submitHandler: function (form) {
  346. // process
  347. var executorTimeout = $("#addModal .form input[name='executorTimeout']").val();
  348. if (!/^\d+$/.test(executorTimeout)) {
  349. executorTimeout = 0;
  350. }
  351. $("#addModal .form input[name='executorTimeout']").val(executorTimeout);
  352. var executorFailRetryCount = $("#addModal .form input[name='executorFailRetryCount']").val();
  353. if (!/^\d+$/.test(executorFailRetryCount)) {
  354. executorFailRetryCount = 0;
  355. }
  356. $("#addModal .form input[name='executorFailRetryCount']").val(executorFailRetryCount);
  357. $.post(base_url + "/jobinfo/add", $("#addModal .form").serialize(), function (data, status) {
  358. if (data.code == "200") {
  359. $('#addModal').modal('hide');
  360. layer.open({
  361. title: I18n.system_tips,
  362. btn: [I18n.system_ok],
  363. content: I18n.system_add_suc,
  364. icon: '1',
  365. end: function (layero, index) {
  366. jobTable.fnDraw();
  367. //window.location.reload();
  368. }
  369. });
  370. } else {
  371. layer.open({
  372. title: I18n.system_tips,
  373. btn: [I18n.system_ok],
  374. content: (data.msg || I18n.system_add_fail),
  375. icon: '2'
  376. });
  377. }
  378. });
  379. }
  380. });
  381. $("#addModal").on('hide.bs.modal', function () {
  382. $("#addModal .form")[0].reset();
  383. //start end time
  384. /* var startExecuteTime = $("#addModal .form input[name='startExecuteTime']").val();
  385. var endExecuteTime = $("#addModal .form input[name='endExecuteTime']").val();*!/
  386. if(startExecuteTime!=""&&endExecuteTime!=""&&d1 <= d2) {
  387. alert("结束执行时间不能小于等于开始执行时间.");
  388. return false;
  389. }*/
  390. addModalValidate.resetForm();
  391. $("#addModal .form .form-group").removeClass("has-error");
  392. $(".remote_panel").show(); // remote
  393. $("#addModal .form input[name='executorHandler']").removeAttr("readonly");
  394. });
  395. // glueType change
  396. $(".glueType").change(function () {
  397. // executorHandler
  398. var $executorHandler = $(this).parents("form").find("input[name='executorHandler']");
  399. var glueType = $(this).val();
  400. if ('BEAN' != glueType) {
  401. $executorHandler.val("");
  402. $executorHandler.attr("readonly", "readonly");
  403. } else {
  404. $executorHandler.removeAttr("readonly");
  405. }
  406. });
  407. $("#addModal .glueType").change(function () {
  408. // glueSource
  409. var glueType = $(this).val();
  410. if ('GLUE_GROOVY' == glueType) {
  411. $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_java").val());
  412. } else if ('GLUE_SHELL' == glueType) {
  413. $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_shell").val());
  414. } else if ('GLUE_PYTHON' == glueType) {
  415. $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_python").val());
  416. } else if ('GLUE_PHP' == glueType) {
  417. $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_php").val());
  418. } else if ('GLUE_NODEJS' == glueType) {
  419. $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_nodejs").val());
  420. } else if ('GLUE_POWERSHELL' == glueType) {
  421. $("#addModal .form textarea[name='glueSource']").val($("#addModal .form .glueSource_powershell").val());
  422. } else {
  423. $("#addModal .form textarea[name='glueSource']").val("");
  424. }
  425. });
  426. // update
  427. $("#job_list").on('click', '.update', function () {
  428. var id = $(this).parent('p').attr("id");
  429. var row = tableData['key' + id];
  430. // base data
  431. $("#updateModal .form input[name='id']").val(row.id);
  432. $('#updateModal .form select[name=jobGroup] option[value=' + row.jobGroup + ']').prop('selected', true);
  433. $("#updateModal .form input[name='jobDesc']").val(row.jobDesc);
  434. /*$("#updateModal .form input[name='jobCron']").val( row.jobCron );*/
  435. $("#updateModal .form input[name='startExecuteTime']").val(row.startExecuteTime);
  436. $("#updateModal .form input[name='endExecuteTime']").val(row.endExecuteTime);
  437. $("#updateModal .form input[name='intervalSeconds']").val(row.intervalSeconds);
  438. $("#updateModal .form input[name='repeatCount']").val(row.repeatCount);
  439. $("#updateModal .form input[name='author']").val(row.author);
  440. $("#updateModal .form input[name='alarmEmail']").val(row.alarmEmail);
  441. $("#updateModal .form input[name='executorTimeout']").val(row.executorTimeout);
  442. $("#updateModal .form input[name='executorFailRetryCount']").val(row.executorFailRetryCount);
  443. $('#updateModal .form select[name=executorRouteStrategy] option[value=' + row.executorRouteStrategy + ']').prop('selected', true);
  444. $("#updateModal .form input[name='executorHandler']").val(row.executorHandler);
  445. $("#updateModal .form textarea[name='executorParam']").val(row.executorParam);
  446. $("#updateModal .form input[name='childJobId']").val(row.childJobId);
  447. $('#updateModal .form select[name=executorBlockStrategy] option[value=' + row.executorBlockStrategy + ']').prop('selected', true);
  448. $('#updateModal .form select[name=glueType] option[value=' + row.glueType + ']').prop('selected', true);
  449. $("#updateModal .form select[name=glueType]").change();
  450. // show
  451. $('#updateModal').modal({backdrop: false, keyboard: false}).modal('show');
  452. });
  453. var updateModalValidate = $("#updateModal .form").validate({
  454. errorElement: 'span',
  455. errorClass: 'help-block',
  456. focusInvalid: true,
  457. rules: {
  458. jobDesc: {
  459. required: true,
  460. maxlength: 50
  461. },
  462. jobCron: {
  463. required: true
  464. },
  465. author: {
  466. required: true
  467. },
  468. executorTimeout: {
  469. digits: true
  470. },
  471. executorFailRetryCount: {
  472. digits: true
  473. }
  474. },
  475. messages: {
  476. jobDesc: {
  477. required: I18n.system_please_input + I18n.jobinfo_field_jobdesc
  478. },
  479. jobCron: {
  480. required: I18n.system_please_input + "Cron"
  481. },
  482. author: {
  483. required: I18n.system_please_input + I18n.jobinfo_field_author
  484. },
  485. executorTimeout: {
  486. digits: I18n.system_please_input + I18n.system_digits
  487. },
  488. executorFailRetryCount: {
  489. digits: I18n.system_please_input + I18n.system_digits
  490. }
  491. },
  492. highlight: function (element) {
  493. $(element).closest('.form-group').addClass('has-error');
  494. },
  495. success: function (label) {
  496. label.closest('.form-group').removeClass('has-error');
  497. label.remove();
  498. },
  499. errorPlacement: function (error, element) {
  500. element.parent('div').append(error);
  501. },
  502. submitHandler: function (form) {
  503. // process
  504. var executorTimeout = $("#updateModal .form input[name='executorTimeout']").val();
  505. if (!/^\d+$/.test(executorTimeout)) {
  506. executorTimeout = 0;
  507. }
  508. $("#updateModal .form input[name='executorTimeout']").val(executorTimeout);
  509. var executorFailRetryCount = $("#updateModal .form input[name='executorFailRetryCount']").val();
  510. if (!/^\d+$/.test(executorFailRetryCount)) {
  511. executorFailRetryCount = 0;
  512. }
  513. $("#updateModal .form input[name='executorFailRetryCount']").val(executorFailRetryCount);
  514. // post
  515. $.post(base_url + "/jobinfo/update", $("#updateModal .form").serialize(), function (data, status) {
  516. if (data.code == "200") {
  517. $('#updateModal').modal('hide');
  518. layer.open({
  519. title: I18n.system_tips,
  520. btn: [I18n.system_ok],
  521. content: I18n.system_update_suc,
  522. icon: '1',
  523. end: function (layero, index) {
  524. //window.location.reload();
  525. jobTable.fnDraw();
  526. }
  527. });
  528. } else {
  529. layer.open({
  530. title: I18n.system_tips,
  531. btn: [I18n.system_ok],
  532. content: (data.msg || I18n.system_update_fail),
  533. icon: '2'
  534. });
  535. }
  536. });
  537. }
  538. });
  539. $("#updateModal").on('hide.bs.modal', function () {
  540. $("#updateModal .form")[0].reset()
  541. });
  542. /**
  543. * find title by name, GlueType
  544. */
  545. function findGlueTypeTitle(glueType) {
  546. var glueTypeTitle;
  547. $("#addModal .form select[name=glueType] option").each(function () {
  548. var name = $(this).val();
  549. var title = $(this).text();
  550. if (glueType == name) {
  551. glueTypeTitle = title;
  552. return false
  553. }
  554. });
  555. return glueTypeTitle;
  556. }
  557. //新增页面
  558. laydate.render({
  559. elem: '#startExecuteTime1',
  560. type: 'datetime',
  561. value: new Date(),
  562. format: 'yyyy-MM-dd HH:mm:ss'
  563. });
  564. laydate.render({
  565. elem: '#endExecuteTime1',
  566. type: 'datetime'
  567. });
  568. //更新页面
  569. laydate.render({
  570. elem: '#startExecuteTime',
  571. type: 'datetime'
  572. });
  573. laydate.render({
  574. elem: '#endExecuteTime',
  575. type: 'datetime'
  576. });
  577. });