156 lines
5.7 KiB
JavaScript
156 lines
5.7 KiB
JavaScript
|
|
||
|
|
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;
|
||
|
|
}
|