328 lines
14 KiB
JavaScript
328 lines
14 KiB
JavaScript
var currentDate = new Date();
|
||
// 获取当前月份的第一天
|
||
var firstDay = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
|
||
// 获取下一个月的第一天
|
||
var nextMonthFirstDay = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);
|
||
// 获取当前月份的天数 //本月多少天
|
||
var daysInMonth = Math.floor((nextMonthFirstDay.getTime() - firstDay.getTime()) / (24 * 60 * 60 * 1000));
|
||
// console.log(daysInMonth);
|
||
var year = currentDate.getFullYear();
|
||
var month = currentDate.getMonth() + 1;//当前第几月
|
||
var pers = []
|
||
var table,form,laydate,element;
|
||
var tabIndex = 0;
|
||
layui.use(['form','layer','table','laydate','element'], function () {
|
||
table = layui.table;
|
||
form = layui.form;
|
||
laydate = layui.laydate;
|
||
element = layui.element;
|
||
|
||
// 渲染时间选择器
|
||
laydate.render({
|
||
elem: '#month',
|
||
type: 'month',
|
||
format: 'yyyy-MM',
|
||
fullPanel: true,
|
||
});
|
||
|
||
//监听Tab切换，以改变地址hash值
|
||
element.on('tab(chosenTab)', function(data){
|
||
// console.log(data)
|
||
tabIndex = data.index;
|
||
//切换重置
|
||
// $('#search1').val('');
|
||
// $('#search2').val('');
|
||
// $('#search3').val('');
|
||
// $('#month').val('');
|
||
|
||
if(tabIndex==0){
|
||
initTable1();
|
||
}else if(tabIndex==1){
|
||
initTable2();
|
||
}else if(tabIndex==2){
|
||
initTable3();
|
||
}else{
|
||
initTable1();
|
||
}
|
||
});
|
||
|
||
// 触发submit提交 按钮点击或者表单被执行提交时触发
|
||
form.on('submit(query)', function (data) {
|
||
console.log($('#month').val())
|
||
let arr = $('#month').val().split('-')
|
||
month = Number(arr[1]);
|
||
year = Number(arr[0]);
|
||
daysInMonth = new Date(arr[0], arr[1], 0).getDate();
|
||
|
||
console.log("搜索")
|
||
if(tabIndex==0){
|
||
initTable1();
|
||
}else if(tabIndex==1){
|
||
initTable2();
|
||
}else if(tabIndex==2){
|
||
initTable3();
|
||
}else{
|
||
initTable1();
|
||
}
|
||
return false; // 阻止表单跳转。如果需要表单跳转，去掉这段即可。
|
||
});
|
||
|
||
table.on('tool(table)', function (obj) {
|
||
switch (obj.event) {
|
||
case 'detail':
|
||
console.log('详情',obj)
|
||
checkView()
|
||
|
||
break;
|
||
}
|
||
});
|
||
|
||
initTable1();
|
||
|
||
});
|
||
|
||
// 静态数据
|
||
var tableData = [
|
||
{id: 1,isWork:['2.1','2.3','7.4','7.15'],name: '李云飞', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.21','7.31','7.14'],name: '肖洁', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'/'},
|
||
{id: 1,isWork:['7.22','7.23','7.24'],name: '李小龙', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.12','7.13','7.14'],name: '李小龙', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '张爱国', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'/'},
|
||
{id: 1,isWork:['7.4','7.5','7.7'],name: '孙建国', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'/'},
|
||
{id: 1,isWork:['7.4','7.9','7.7'],name: '孙建国', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'/'},
|
||
{id: 1,isWork:['7.4','7.5','7.8'],name: '孙建国', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'/'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '孙建国', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'/'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '孙建国', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'/'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '孙建国', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '李小龙', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '李小龙', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '李小龙', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '李云飞', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '肖洁', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '李云飞', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '肖洁', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '肖洁', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '李云飞', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
{id: 1,isWork:['7.2','7.3','7.4'],name: '肖洁', idCard: '342224196202241356', phone: '15665366624',month:'2024-03',normal:'20',special:'3',line:'500kV大宝Ⅰ回线',station:'昆明运检一站',first:'#1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12',second:'#1,#2,#3,#4,#5'},
|
||
];
|
||
/**
|
||
* 重置操作
|
||
*/
|
||
function reset(){
|
||
console.log("重置")
|
||
console.log(tabIndex)
|
||
$('#search1').val('');
|
||
$('#search2').val('');
|
||
$('#search3').val('');
|
||
$('#month').val('');
|
||
if(tabIndex==0){
|
||
initTable1();
|
||
}else if(tabIndex==1){
|
||
initTable2();
|
||
}else if(tabIndex==2){
|
||
initTable3();
|
||
}else{
|
||
initTable1();
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 初始化数据 全部
|
||
*/
|
||
function initTable1(){
|
||
console.log('全部')
|
||
let obj = {
|
||
"tabIndex": tabIndex,
|
||
"search1": $("#search1").val(),
|
||
"search2": $("#search2").val(),
|
||
"search3": $("#search3").val(),
|
||
"month": $("#month").val(),
|
||
}
|
||
// 渲染表格
|
||
table.render({
|
||
elem: '#table',
|
||
// url: "/sys/achievement",
|
||
// where: obj,
|
||
page: true,
|
||
skin: 'line', // 表格样式
|
||
cols: [[
|
||
{
|
||
title: '序号',
|
||
field: 'zizeng',
|
||
align: 'center',
|
||
type: 'numbers'
|
||
},
|
||
{field:'name', title: '姓 名',align: 'center',},
|
||
{field:'idCard', title: '身份证号',align: 'center',},
|
||
{field:'phone', title: '联系电话',align: 'center',},
|
||
{field:'month', title: '月份',align: 'center',},
|
||
{field:'normal', title: '正常巡视(基*次)',align: 'center',},
|
||
{field:'special', title: '正常特巡（天*人）',align: 'center',width:170},
|
||
{field:'line', title: '管辖线路名称',align: 'center',width:170},
|
||
{field:'station', title: '所属运检站',align: 'center', },
|
||
{
|
||
title: '操作',
|
||
toolbar: '#opeator-bar',
|
||
align: 'center',
|
||
width: 200
|
||
}
|
||
]],
|
||
data: tableData
|
||
});
|
||
|
||
}
|
||
|
||
/**
|
||
* 初始化数据 正常巡视统计
|
||
*/
|
||
function initTable2(){
|
||
console.log('正常巡视统计')
|
||
let obj = {
|
||
"tabIndex": tabIndex,
|
||
"search1": $("#search1").val(),
|
||
"search2": $("#search2").val(),
|
||
"search3": $("#search3").val(),
|
||
"month": $("#month").val(),
|
||
}
|
||
// 渲染表格
|
||
table.render({
|
||
elem: '#table',
|
||
// url: "/sys/achievement",
|
||
// where: obj,
|
||
page: true,
|
||
skin: 'line', // 表格样式
|
||
cols: [[
|
||
{
|
||
title: '序号',
|
||
field: 'zizeng',
|
||
align: 'center',
|
||
type: 'numbers'
|
||
},
|
||
{field:'name', title: '姓名',align: 'center',},
|
||
{field:'line', title: '管辖线路名称',align: 'center',},
|
||
{field:'station', title: '所属运检站',align: 'center',},
|
||
{field:'month', title: '月份',align: 'center',},
|
||
{field:'first', title: '巡1次区段（塔）',align: 'center',},
|
||
{field:'normal', title: '巡1次张数',align: 'center',width:170},
|
||
{field:'second', title: '巡2次区段（塔）',align: 'center',width:170},
|
||
{field:'special', title: '巡2次张数',align: 'center', },
|
||
{
|
||
title: '操作',
|
||
toolbar: '#opeator-bar',
|
||
align: 'center',
|
||
width: 200
|
||
}
|
||
]],
|
||
data: tableData
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 初始化数据 特巡统计
|
||
*/
|
||
function initTable3(){
|
||
console.log('特巡统计')
|
||
let obj = {
|
||
"tabIndex": tabIndex,
|
||
"search1": $("#search1").val(),
|
||
"search2": $("#search2").val(),
|
||
"search3": $("#search3").val(),
|
||
"month": $("#month").val(),
|
||
}
|
||
let cols = [
|
||
{
|
||
title: '序号',
|
||
field: 'zizeng',
|
||
align: 'center',
|
||
type: 'numbers'
|
||
},
|
||
{field:'name', title: '姓 名',align: 'center',width:100},
|
||
{field:'line', title: '管辖线路名称',align: 'center',width:200},
|
||
{field:'station', title: '所属运检站',align: 'center',width:200},
|
||
{field:'special', title: '总计（天）',align: 'center',width:100,templet: function(d){
|
||
return `<apan>${d.isWork.length}</apan>`
|
||
}},
|
||
|
||
]
|
||
console.log(daysInMonth,'daysInMonth')
|
||
for (let k = 1; k <= daysInMonth; k++) {
|
||
let str = month+'.'+k;
|
||
let obj = {field:'isWork', title: str,align: 'center',width:70,
|
||
templet: function(d){
|
||
if(d.isWork.includes(d.LAY_COL.title)){
|
||
return `<i class="layui-icon" style="color: red;"></i> `
|
||
}else{
|
||
return `<apan></apan>`
|
||
}
|
||
}}
|
||
cols.push(obj)
|
||
}
|
||
cols.push({
|
||
title: '操作',
|
||
toolbar: '#opeator-bar',
|
||
align: 'center',
|
||
width: 200
|
||
})
|
||
// 渲染表格
|
||
table.render({
|
||
elem: '#table',
|
||
// url: "/sys/achievement",
|
||
// where: obj,
|
||
page: true,
|
||
skin: 'line', // 表格样式
|
||
cols: [cols],
|
||
data: tableData
|
||
});
|
||
}
|
||
|
||
|
||
/**
|
||
* 详情
|
||
* */
|
||
function checkView(id) {
|
||
let height = '98%';
|
||
let width = '95%';
|
||
// $.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: ['详情'],
|
||
type: 2,
|
||
content: 'attendanceDetail.html',
|
||
area: [width, height],
|
||
maxmin: false,
|
||
success: function (layero, index) {
|
||
// console.log(data);
|
||
var myIframe = window[layero.find('iframe')[0]['name']];
|
||
myIframe.init(year,month);
|
||
// var fnc = myIframe.setData(data.data); //aaa()为子页面的方法
|
||
|
||
},
|
||
});
|
||
// }
|
||
// })
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
//导出
|
||
function exportData() {
|
||
// let search1 = $('#search1').val();
|
||
// let search2 = $('#search2').val();
|
||
window.location.href = oiPlanUrl + "/monthlyPlanSubmission/export?token=" + token;
|
||
|
||
|
||
} |