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 }) }) init(); }); /* var dataList = [ {name: '3.1', value: ''}, {name: '3.2', value: ''}, {name: '3.3', value: ''}, {name: '3.4', value: ''}, {name: '3.5', value: ''}, {name: '3.6', value: ''}, {name: '3.7', value: ''}, {name: '3.8', value: ''}, {name: '3.9', value: ''}, {name: '3.10', value: ''}, {name: '3.11', value: ''}, {name: '3.12', value: ''}, {name: '3.13', value: ''}, {name: '3.14', value: ''}, {name: '3.15', value: ''}, {name: '3.16', value: ''}, {name: '3.17', value: ''}, {name: '3.18', value: ''}, {name: '3.19', value: ''}, {name: '3.20', value: ''}, {name: '3.21', value: ''}, {name: '3.22', value: ''}, {name: '3.23', value: ''}, {name: '3.24', value: ''}, {name: '3.25', value: ''}, {name: '3.26', value: ''}, {name: '3.27', value: ''}, {name: '3.28', value: ''}, {name: '3.29', value: ''}, {name: '3.30', value: ''}, {name: '3.31', value: ''} ] */ // 静态数据 var tableData = [ {id: 1, comName: '2024-03', stationName: '±500kV永富直流线', lineName: '300', username: '21', totalDay: '256', '3.1': '', '3.2': '√', '3.3': '√', '3.4': '', '3.5': '√', '3.6': '', '3.7': '', '3.8': '', '3.9': '', '3.10': '', '3.11': '', '3.12': '', '3.13': '', '3.14': '', '3.15': '', '3.16': '', '3.17': '', '3.18': '', '3.19': '', '3.20': '', '3.21': '', '3.22': '', '3.23': '', '3.24': '', '3.25': '', '3.26': '', '3.27': '', '3.28': '', '3.29': '', '3.30': '', '3.31': ''}, {id: 1, comName: '2024-03', stationName: '±500kV永富直流线', lineName: '300', username: '21', totalDay: '256', '3.1': '', '3.2': '√', '3.3': '√', '3.4': '', '3.5': '', '3.6': '', '3.7': '√', '3.8': '√', '3.9': '', '3.10': '', '3.11': '', '3.12': '', '3.13': '', '3.14': '', '3.15': '', '3.16': '', '3.17': '', '3.18': '', '3.19': '', '3.20': '', '3.21': '', '3.22': '', '3.23': '', '3.24': '', '3.25': '', '3.26': '', '3.27': '', '3.28': '', '3.29': '', '3.30': '', '3.31': ''}, {id: 1, comName: '2024-03', stationName: '±500kV永富直流线', lineName: '300', username: '21', totalDay: '256', '3.1': '', '3.2': '√', '3.3': '√', '3.4': '', '3.5': '√', '3.6': '√', '3.7': '', '3.8': '', '3.9': '', '3.10': '', '3.11': '', '3.12': '', '3.13': '', '3.14': '', '3.15': '', '3.16': '', '3.17': '', '3.18': '', '3.19': '', '3.20': '', '3.21': '', '3.22': '', '3.23': '', '3.24': '', '3.25': '', '3.26': '', '3.27': '', '3.28': '', '3.29': '', '3.30': '', '3.31': ''}, {id: 1, comName: '2024-03', stationName: '±500kV永富直流线', lineName: '300', username: '21', totalDay: '256', '3.1': '', '3.2': '√', '3.3': '√', '3.4': '', '3.5': '√', '3.6': '', '3.7': '', '3.8': '', '3.9': '', '3.10': '√', '3.11': '', '3.12': '', '3.13': '', '3.14': '', '3.15': '', '3.16': '', '3.17': '', '3.18': '', '3.19': '', '3.20': '', '3.21': '', '3.22': '', '3.23': '', '3.24': '', '3.25': '', '3.26': '', '3.27': '', '3.28': '', '3.29': '', '3.30': '', '3.31': ''}, {id: 1, comName: '2024-03', stationName: '±500kV永富直流线', lineName: '300', username: '21', totalDay: '256', '3.1': '', '3.2': '√', '3.3': '√', '3.4': '', '3.5': '√', '3.6': '', '3.7': '', '3.8': '', '3.9': '√', '3.10': '', '3.11': '', '3.12': '', '3.13': '', '3.14': '', '3.15': '', '3.16': '', '3.17': '', '3.18': '', '3.19': '', '3.20': '', '3.21': '', '3.22': '', '3.23': '', '3.24': '', '3.25': '', '3.26': '', '3.27': '', '3.28': '', '3.29': '', '3.30': '', '3.31': ''}, ]; var col = [ [ { title: '序号', field: 'zizeng', align: 'center', type: 'numbers', }, { field:'comName', title: '所属分公司', align: 'center', width: '10%', }, { field:'stationName', title: '所属运检站', align: 'center', width: '15%', }, { field:'lineName', title: '管辖线路名称', align: 'center', width: '10%', }, { field:'username', title: '姓名', align: 'center', width: '5%', }, { field:'totalDay', title: '总计(天)', align: 'center', width: '10%', }, ] ]; if(tableData != null && tableData!= ''){ //生成表格列. 以属性个数进行循环,生成表头 for (var i = 6; i < Object.keys(tableData[0]).length; i++) { var key = Object.keys(tableData[0])[i]; var json = { field: key, title: key, align: 'center', } col[0].push(json); } } /** * 初始化数据 */ function init(){ // 渲染表格 table.render({ elem: '#table', // url: "/sys/achievement", page: true, // skin: 'line', // 表格样式 border: 1, cols: col, data: tableData }); } //导出 function exportData(){ // let search1 = $('#search1').val(); // let search2 = $('#search2').val(); window.location.href = oiPlanUrl + "/monthlyPlanSubmission/export?token=" + token; }