var pers = [] var table,form,laydate layui.use(['form','layer','table','laydate'], function () { table = layui.table; form = layui.form; laydate = layui.laydate //初始化日期选择框 laydate.render({ elem: '#dataTime', type: 'month', }); // 触发submit提交 按钮点击或者表单被执行提交时触发 form.on('submit(query)', function (data) { console.log("搜索") // 对表格进行重载。id 即 table表格的id table.reload('table', { // //设定异步数据接口的额外参数 page:{curr : 1} ,where: data.field }) return false; // 阻止表单跳转。如果需要表单跳转,去掉这段即可。 }); $("#reset").click(function(){ console.log("重置") $('#search1').val(''); $('#search2').val(''); $('#search3').val(''); let obj = { search1:'', search2:'', search3:'' } // 对表格进行重载。id 即 table表格的id table.reload('table', { // //设定异步数据接口的额外参数 page:{curr : 1} ,where: obj }) }) table.on('tool(table)', function (obj) { switch (obj.event) { case 'details': console.log('详情',obj) detailsView(obj.id) break; } }); init(); }); // 静态数据 var tableData = [ {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, {id: 1, station: '昆明运检一站', month: '2024-03', lineName: '±500kV永富直流线', maintainTotalArea: '#1-#131', userName: '李云飞', dominionLineName: '500kV邑劝甲线', dutyPatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16', onePatrol: '#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15',onePatrolNum: '15', twoPatrol: '#1,#2,#3,#4,#5', twoPatrolNum: '15', specialPatrolDayNum: '2'}, ]; var col = [ [ { title: '序号', field: 'zizeng', align: 'center', type: 'numbers', rowspan: 2 }, { title: '运检站', field: 'station', align: 'center', rowspan: 2 }, { title: '月份', field: 'month', align: 'center', rowspan: 2 }, { title: '线路名称', field: 'lineName', align: 'center', rowspan: 2 }, { title: '运维总区段', field: 'maintainTotalArea', align: 'center', rowspan: 2 }, { title: '姓名', field: 'userName', align: 'center', rowspan: 2 }, { title: '管辖线路名称', field: 'dominionLineName', align: 'center', rowspan: 2, }, { title: '负责巡护区段', align: 'center', rowspan: 2, templet: function(d){ var dutyPatrol = d.dutyPatrol var html = `16基:${dutyPatrol}`; return html; }, }, { title: '本月实际提供到位照区段(或塔)及张数', colspan: 5, align: 'center' }, { title: '操作', toolbar: '#opeator-bar', align: 'center', rowspan: 2, }, ], [ { title: '巡1次区段(基)', field: 'onePatrol', align: 'center', }, { title: '巡1次张数', field: 'onePatrolNum', align: 'center', }, { title: '巡2次区段(基)', field: 'twoPatrol', align: 'center', }, { title: '巡2次张数', field: 'twoPatrolNum', align: 'center', }, { title: '特巡天数', field: 'specialPatrolDayNum', align: 'center', }, ], ] /** * 初始化数据 */ function init(){ // 渲染表格 table.render({ elem: '#table', // url: "/sys/achievement", page: true, border: true, data: tableData, cols: col, }); } //详情 function detailsView(id) { let height = '98%'; let width = '99%'; /* $.ajax({ type: 'post', contentType: "application/x-www-form-urlencoded", url: oiPlanUrl + '/monthlyPlanSubmission/getDataById', dataType: 'json', data: { id: id }, success: function (data) { var index = layer.open({ title: ['详情', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'], type: 2, content: './wagesReport/producePayrollDetails.html', area: [width, height], maxmin: false, success: function (layero, index) { console.log(data); var myIframe = window[layero.find('iframe')[0]['name']]; myIframe.hideSubmit(); // var fnc = myIframe.setData(data.data); //aaa()为子页面的方法 }, }); } }) */ //测试 var index = layer.open({ title: ['详情', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'], type: 2, content: './viewStatisticsDetails.html', area: [width, height], maxmin: false, success: function (layero, index) { // var myIframe = window[layero.find('iframe')[0]['name']]; // myIframe.hideSubmit(); // var fnc = myIframe.setData(data.data); //aaa()为子页面的方法 }, }); } //修改 function updateView(id) { let height = '98%'; let width = '99%'; /* $.ajax({ type: 'post', contentType: "application/x-www-form-urlencoded", url: oiPlanUrl + '/monthlyPlanSubmission/getDataById', dataType: 'json', data: { id: id }, success: function (data) { var index = layer.open({ title: ['巡视结果上传', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'], type: 2, content: './wagesReport/producePayrollDetails.html', area: [width, height], maxmin: false, success: function (layero, index) { console.log(data); var myIframe = window[layero.find('iframe')[0]['name']]; myIframe.hideSubmit(); // var fnc = myIframe.setData(data.data); //aaa()为子页面的方法 }, }); } }) */ //测试 var index = layer.open({ title: ['巡视结果上传', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'], type: 2, content: './viewResultUpdate.html', area: [width, height], maxmin: false, success: function (layero, index) { // var myIframe = window[layero.find('iframe')[0]['name']]; // myIframe.hideSubmit(); // var fnc = myIframe.setData(data.data); //aaa()为子页面的方法 }, }); }