328 lines
12 KiB
JavaScript
328 lines
12 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
|
|
})
|
|
})
|
|
|
|
table.on('tool(table)', function (obj) {
|
|
switch (obj.event) {
|
|
case 'details':
|
|
console.log('详情',obj)
|
|
detailsView(obj.id)
|
|
break;
|
|
case 'uploadResult':
|
|
console.log('上传结果',obj)
|
|
updateView()
|
|
break;
|
|
}
|
|
});
|
|
init();
|
|
});
|
|
|
|
// 静态数据
|
|
var tableData = [
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '1'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '1'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '1'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '2'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '2'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '2'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '3'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '3'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '3'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '4'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '4'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '4'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '4'},
|
|
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '4'}
|
|
];
|
|
|
|
|
|
/**
|
|
* 初始化数据
|
|
*/
|
|
function init(){
|
|
// 渲染表格
|
|
table.render({
|
|
elem: '#table',
|
|
// url: "/sys/achievement",
|
|
page: true,
|
|
skin: 'line', // 表格样式
|
|
cols: [[
|
|
{
|
|
title: '序号',
|
|
field: 'zizeng',
|
|
align: 'center',
|
|
type: 'numbers',
|
|
width: '5%'
|
|
},
|
|
{field:'comName', title: '分公司',align: 'center',width: '15%'},
|
|
{field:'sName', title: '运检站',align: 'center',width: '15%'},
|
|
{field:'month', title: '月份',align: 'center',width: '6%'},
|
|
{field:'workPlan', title: '工程计划数量',align: 'center',width: '7%'},
|
|
{field:'subPerson', title: '提交人',align: 'center',width: '7%'},
|
|
{field:'subTime', title: '提交时间',align: 'center',width: '15%'},
|
|
{
|
|
field: '',
|
|
title: '审核状态',
|
|
align: 'center',
|
|
width: '10%',
|
|
templet: function(d){
|
|
var status = d.status;
|
|
var text;
|
|
var color;
|
|
var html = "";
|
|
if(status == '1'){
|
|
text = '已审核';
|
|
color = '#19BE6B';
|
|
}
|
|
if(status == '2'){
|
|
text = '待审核';
|
|
color = '#FF9900';
|
|
}
|
|
if(status == '3'){
|
|
text = '未通过';
|
|
color = '#F56C6C';
|
|
}
|
|
if(status == '4'){
|
|
text = '已撤销';
|
|
color = '#999999';
|
|
}
|
|
html += "<span style='display: flex;justify-content: center;align-items: center'>"
|
|
html += `<span style='width: 5px;height: 5px;background: ${color};border-radius: 50%'></span> `
|
|
html += `<span>${text}</span>`
|
|
html += "</span>"
|
|
return html;
|
|
},
|
|
},
|
|
{
|
|
field: '',
|
|
title: '操作',
|
|
align: 'center',
|
|
width: '20%',
|
|
templet: function(d){
|
|
var id= d.id;
|
|
var status = d.status;
|
|
var text;
|
|
var html = "";
|
|
if(status == '1'){
|
|
//已审核
|
|
html += `<button class="layui-btn layui-btn-sm" onclick="detailsView('${id}')">详情</button>`
|
|
html += `<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="exportData('${id}')">导出</button>`
|
|
}
|
|
if(status == '2'){
|
|
//待审核
|
|
html += `<button class="layui-btn layui-btn-sm" onclick="detailsView('${id}')">详情</button>`
|
|
html += `<button type="button" class="layui-btn layui-btn-sm layui-bg-orange" onclick="revokeView('${id}')">撤销</button>`
|
|
html += `<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="exportData('${id}''${id}')">导出</button>`
|
|
}
|
|
if(status == '3'){
|
|
//未通过
|
|
html += `<button class="layui-btn layui-btn-sm" onclick="detailsView('${id}')">详情</button>`
|
|
html += `<button type="button" class="layui-btn layui-btn-sm layui-bg-blue" onclick="updateView('${id}')">修改</button>`
|
|
html += `<button type="button" class="layui-btn layui-btn-sm layui-bg-red" onclick="delData('${id}')">删除</button>`
|
|
html += `<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="exportData('${id}')">导出</button>`
|
|
}
|
|
if(status == '4'){
|
|
//已撤销
|
|
html += `<button class="layui-btn layui-btn-sm" onclick="detailsView('${id}')">详情</button>`
|
|
html += `<button type="button" class="layui-btn layui-btn-sm layui-bg-blue" onclick="updateView('${id}')">修改</button>`
|
|
html += `<button type="button" class="layui-btn layui-btn-sm layui-bg-red" onclick="delData('${id}')">删除</button>`
|
|
html += `<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="exportData('${id}')">导出</button>`
|
|
}
|
|
|
|
return html;
|
|
},
|
|
}
|
|
]],
|
|
data: tableData
|
|
});
|
|
|
|
}
|
|
|
|
|
|
//详情
|
|
function detailsView(id) {
|
|
/* $.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()为子页面的方法
|
|
|
|
},
|
|
});
|
|
}
|
|
}) */
|
|
|
|
//测试
|
|
let height = '98%';
|
|
let width = '99%';
|
|
var index = layer.open({
|
|
title: ['月计划详情', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
|
|
type: 2,
|
|
content: './monthPlanDetails.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 revokeView(id){
|
|
layer.confirm("确定撤销吗？", {icon: 0}, function () {
|
|
|
|
})
|
|
}
|
|
//删除
|
|
function delData(id){
|
|
layer.confirm("确定删除吗？", {icon: 0}, function () {
|
|
|
|
})
|
|
}
|
|
|
|
//修改
|
|
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: './updateMonthPlan.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()为子页面的方法
|
|
|
|
},
|
|
});
|
|
}
|
|
|
|
//新增月计划addMonthPlan
|
|
function addMonthPlan(id) {
|
|
let height = '98%';
|
|
let width = '99%';
|
|
var index = layer.open({
|
|
title: ['月计划上报', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
|
|
type: 2,
|
|
content: './addMonthPlan.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 importData(){
|
|
let height = '98%';
|
|
let width = '62%';
|
|
var index = layer.open({
|
|
title: ['月计划上报', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
|
|
type: 2,
|
|
content: './monthPlanImport.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 exportData(){
|
|
// let search1 = $('#search1').val();
|
|
// let search2 = $('#search2').val();
|
|
window.location.href = oiPlanUrl + "/monthlyPlanSubmission/export?token=" + token;
|
|
} |