jobinfo.index.1.js 14 KB

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