<body> <!-- 任務管理列表 --> <div class="layui-fluid larry-wrapper"> <section class="panel panel-padding"> <!--<form id="taskSearch" class="layui-form layui-form-pane form-conmon" data-params='{"dataName":"taskTable", "action":"list", "ajax":false, "bind":false}'> <div class="layui-form-item layui-form-item-sm"> <div class="layui-row layui-col-space10"> <div class="layui-col-md3 layui-col-sm3 layui-col-xs3"> <div class="layui-form-item layui-form-item-sm"> <label class="layui-form-label">任務組名稱</label> <div class="layui-input-block"> <input id="jobName" name="jobName" type="text" class="layui-input" placeholder="任務組名稱"/> </div> </div> </div> <div class="layui-col-md3 layui-col-sm3 layui-col-xs3"> <div class="layui-form-item layui-form-item-sm"> <label class="layui-form-label">任務名稱</label> <div class="layui-input-block"> <input id="name" name="name" type="text" class="layui-input" placeholder="任務名稱"/> </div> </div> </div> <div class="layui-col-md3 layui-col-sm3 layui-col-xs3"> <div class="layui-form-item layui-form-item-sm"> <label class="layui-form-label">狀態</label> <div class="layui-input-block"> <select name="deletedFlag" id="deletedFlag"> <option value="">--請選擇--</option> <option value="0">啟用</option> <option value="1">禁用</option> </select> </div> </div> </div> <div class="layui-col-md3 layui-col-sm3 layui-col-xs3 text-right"> <button id="searchBtn" class="layui-btn layui-btn-sm" jq-submit jq-filter="search"> <i class="iconfont search-icon"></i> 查詢 </button> <button id="resetBtn" type="reset" class="layui-btn layui-btn-danger layui-btn-sm"> <i class="iconfont search-icon"></i> 重置 </button> </div> </div> </div> </form>--> <div class="layui-form-item layui-form-item-sm"> <div class="layui-row"> <div class="layui-col-md12 layui-col-sm12 layui-col-xs12" style="margin-top: 8px;"> <button id="insertBtn" class="layui-btn btn-outline layui-btn-normal layui-btn-sm modal" data-params='{content: "./task_add.html",type:"2","full":"true", title: "新增任務"}'> <i class="iconfont search-icon"></i> 新增 </button> </div> </div> <table class="layui-table jq-even" id="LAY_table_task" lay-filter="taskTable" lay-even=""></table> </div> </section> </div> </body> <!--#include virtual ="include/version.html"--> <script type="text/html" id="barDemo"> {{# if(d.jobStatus=='NORMAL'){ }} <a class="layui-btn layui-btn-xs" lay-event="onoff">禁用</a> {{# } else{ }} <a class="layui-btn layui-btn-xs" lay-event="onoff">啟用</a> {{# } }} <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">刪除</a> </script> <script type="text/javascript"> layui.use(['upload', 'jqbind', 'jqform', 'jquery', 'jqfrm', 'table','jqajax'], function () { var upload = layui.upload, jqbind = layui.jqbind, jqajax = layui.jqajax, form = layui.jqform, $ = layui.jquery, frm = layui.jqfrm, ctx = top.global.ctx, table = layui.table; form.init({ "form": "#taskSearch" }); //方法級渲染 var tableIns = table.render({ elem: '#LAY_table_task' , url: ctx + '/sys/job/sysJobConfig/listAllJob' , height: 'full-100' , cols: [[ {field: 'jobName', title: '任務組名稱', width: "15%", style: "text-align:center",align: 'center'} , {field: 'name', title: '任務名稱', width: "15%", style: "text-align:center", align: 'center'} , { field: 'jobStatus', width: "5%", title: '狀態', align: 'center', style: "text-align:center", templet:function(d){ if(d.jobStatus == 'NORMAL'){ return '啟用'; }else{ return '禁用'; } } } , {field: 'cron', title: 'cron表達式', width: "15%", style: "text-align:center", align: 'center'} , {field: 'classPath', title: '類路徑及類名', width: "30%", style: "text-align:center", align: 'center'} , {field: 'remark', title: '備注', width: "10%", style: "text-align:center", align: 'center'} , {fixed: 'right', width: "10%", title: '操作', toolbar: '#barDemo', align: 'center'} ]] , id: 'taskTable' , page: true , done: function (res, curr, count) { jqbind.init(); tableIns.config.datas = table.cache['taskTable']; top.global['taskTable'] = tableIns; } }); //操作 table.on('tool(taskTable)', function(obj){ if(obj.event === 'del'){ //刪除 layer.confirm('確認刪除嗎?', function(index){ var ajax = new jqajax(); ajax.options.method = 'POST'; ajax.options.contentType="application/json;charset=UTF-8"; ajax.options.url = "/sys/job/sysJobConfig/deleteJob"; ajax.options.data = obj.data; ajax.ajax(ajax.options); ajax.complete = function (ret, options) { if (ret.httpCode == 200) { layer.msg("刪除成功!"); layer.close(index);//關閉彈窗 //刷新表格 tableId表格id layui.table.reload('taskTable',{page:{curr:1}}); }else { layer.msg("刪除失敗!"); } }; }); }else if(obj.event === 'onoff'){//啟用、禁用 var ajax = new jqajax(); ajax.options.method = 'POST'; ajax.options.contentType="application/json;charset=UTF-8"; ajax.options.url = "/sys/job/sysJobConfig/updateJob"; ajax.options.data = obj.data; ajax.ajax(ajax.options); ajax.complete = function (ret, options) { if (ret.httpCode == 200) { layer.msg("修改成功!"); layer.close();//關閉彈窗 //刷新表格 tableId表格id layui.table.reload('taskTable',{page:{curr:1}}); }else { layer.msg("修改失敗!"); } }; } }); }); </script> </html>