jobinfo.index.1.js 16 KB

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