364 lines
11 KiB
JavaScript
364 lines
11 KiB
JavaScript
|
|
|
|
var pers = []
|
|
var table,form
|
|
var yjId="";
|
|
layui.use(['form','layer','table'], function () {
|
|
table = layui.table;
|
|
form = layui.form;
|
|
yjId=localStorage.getItem("oneselectyj");
|
|
|
|
$("#yjId").val(yjId);
|
|
// 触发submit提交 按钮点击或者表单被执行提交时触发
|
|
form.on('submit(query)', function (data) {
|
|
console.log("搜索")
|
|
yjId=localStorage.getItem("oneselectyj");
|
|
$("#yjId").val(yjId);
|
|
data.field.yjId=yjId;
|
|
// 对表格进行重载。id 即 table表格的id
|
|
table.reload('table', {
|
|
// //设定异步数据接口的额外参数
|
|
page:{curr : 1}
|
|
,where: data.field
|
|
})
|
|
return false; // 阻止表单跳转。如果需要表单跳转，去掉这段即可。
|
|
});
|
|
form.on('submit(reset)', function () {
|
|
console.log("重置")
|
|
yjId=localStorage.getItem("oneselectyj");
|
|
$("#yjId").val(yjId);
|
|
$('#userName').val('');
|
|
$('#proName').val('');
|
|
$('#contractState').val('');
|
|
$('#userState').val('');
|
|
form.render();
|
|
let obj = {
|
|
userName:'',
|
|
proName:'',
|
|
userState:'',
|
|
contractState:'',yjId:yjId
|
|
}
|
|
// 对表格进行重载。id 即 table表格的id
|
|
table.reload('table', {
|
|
// //设定异步数据接口的额外参数
|
|
page:{curr : 1}
|
|
,where: obj
|
|
})
|
|
return false; // 阻止表单跳转。如果需要表单跳转，去掉这段即可。
|
|
});
|
|
table.on('tool(table)', function (obj) {
|
|
switch (obj.event) {
|
|
case 'edit':
|
|
console.log('详情',obj)
|
|
updateView(obj.data.id)
|
|
break;
|
|
case 'del':
|
|
console.log('删除',obj)
|
|
delView(obj.data)
|
|
break;
|
|
}
|
|
});
|
|
init();
|
|
});
|
|
|
|
|
|
/**
|
|
* 初始化数据
|
|
*/
|
|
function init(){
|
|
// 渲染表格
|
|
yjId=localStorage.getItem("oneselectyj");
|
|
let obj = {
|
|
userName:'',
|
|
proName:'',
|
|
userState:'',
|
|
contractState:'',yjId:yjId
|
|
}
|
|
table.render({
|
|
elem: '#table',
|
|
url: PATH_URL + "/personbase/getList",
|
|
where:obj,
|
|
page: true, //开启分页
|
|
method:'post',
|
|
skin: 'line', // 表格样式
|
|
// data: tableData,
|
|
cols: [[
|
|
{
|
|
title: '序号',
|
|
field: 'zizeng',
|
|
align: 'center',
|
|
type: 'numbers'
|
|
},
|
|
{field:'userName', title: '姓 名',align: 'center',},
|
|
{field:'idNumber', title: '身份证号',align: 'center',},
|
|
{field:'sex', title: '性别',align: 'center',},
|
|
{field:'age', title: '年龄',align: 'center',},
|
|
{field:'tel', title: '联系电话',align: 'center',},
|
|
{field:'proName', title: '管辖线路名称',align: 'center'},
|
|
{field:'gtName', title: '范围、基数',align: 'center',width:170},
|
|
{field:'startTime', title: '协议起始日期',align: 'center', },
|
|
{field:'endTime', title: '协议终止日期',align: 'center', },
|
|
{field:'userState', title: '人员状态',align: 'center',templet: function(d){
|
|
var userState=d.userState;
|
|
if(userState==0){
|
|
return "离职";
|
|
}else{
|
|
return "在职";
|
|
}
|
|
}},
|
|
{field:'contractState', title: '合同状态',align: 'center',templet: function(d){
|
|
var contractState=d.contractState;
|
|
if(contractState==0){
|
|
return "未签订";
|
|
}else if(contractState==2){
|
|
return "已过期";
|
|
}else if(contractState==3){
|
|
return "临期预警";
|
|
}else{
|
|
return "已签订";
|
|
}
|
|
}},
|
|
{field:'userType', title: '人员类型',align: 'center',templet: function(d){
|
|
var userType=d.userType;
|
|
if(userType==0){
|
|
return "正式";
|
|
}else{
|
|
return "临时";
|
|
}
|
|
}},
|
|
{
|
|
title: '操作',
|
|
toolbar: '#opeator-bar',
|
|
align: 'center',
|
|
width: 200
|
|
}
|
|
]],
|
|
});
|
|
|
|
}
|
|
|
|
/**
|
|
* 新增页面
|
|
* */
|
|
function add() {
|
|
var height = '98%';
|
|
var width = '80%';
|
|
var index = layer.open({
|
|
title: ['新增人员', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
|
|
type: 2,
|
|
content: 'staffAdd.html',
|
|
area: [width, height],
|
|
maxmin: false,
|
|
success: function (layero, index) {
|
|
// //打开页面成功时执行
|
|
var myIframe = window[layero.find('iframe')[0]['name']];
|
|
//getTaskSource()为子页面的方法
|
|
// myIframe.getTaskSource("taskSourceId","");
|
|
|
|
},
|
|
yes: function (index, layero) {
|
|
// //提交子页面时执行
|
|
// // 获取弹出层中的form表单元素
|
|
// var formSubmit = layer.getChildFrame('form', index);
|
|
// var submited = formSubmit.find('button')[0];
|
|
// // 触发点击事件，会对表单进行验证，验证成功则提交表单，失败则返回错误信息
|
|
// // var myIframe = window[layero.find('iframe')[0]['name']];
|
|
// // myIframe.selectCheck(); //aaa()为子页面的方法
|
|
// submited.click();
|
|
// example.ajax.reload(); // 刷新页面
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* 查看
|
|
* */
|
|
function checkView(id) {
|
|
let height = '98%';
|
|
let width = '80%';
|
|
$.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: 'staffAdd.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()为子页面的方法
|
|
|
|
},
|
|
});
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* 修改
|
|
* */
|
|
function updateView(id) {
|
|
let height = '98%';
|
|
let width = '80%';
|
|
$.ajax({//id获取详情打开弹窗传值子页面
|
|
type: 'post',
|
|
url: PATH_URL + "/personbase/getUserById",
|
|
dataType: 'json',
|
|
data: {
|
|
id: id
|
|
},
|
|
success: function (data) {
|
|
var index = layer.open({
|
|
title: ['修改', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
|
|
type: 2,
|
|
content: 'staffAdd.html',
|
|
area: [width, height],
|
|
maxmin: false,
|
|
success: function (layero, index) {
|
|
//打开页面成功时执行
|
|
console.log(data,"update")
|
|
var myIframe = window[layero.find('iframe')[0]['name']];
|
|
myIframe.setData(data.data); //调用子页面的方法
|
|
},
|
|
yes: function (index, layero) {
|
|
// //提交子页面时执行
|
|
// // 获取弹出层中的form表单元素
|
|
// var formSubmit = layer.getChildFrame('form', index);
|
|
// var submited = formSubmit.find('button')[0];
|
|
// // 触发点击事件，会对表单进行验证，验证成功则提交表单，失败则返回错误信息
|
|
// submited.click();
|
|
}
|
|
});
|
|
}
|
|
})
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
* 删除
|
|
* */
|
|
function delView(data) {
|
|
var userState = data.userState;
|
|
var id = data.id;
|
|
if(userState =="1"){
|
|
layer.msg('请将人员离职后删除。', {icon: 5});
|
|
return false;
|
|
}
|
|
let index = layer.confirm("是否确定删除数据？相关数据也会删除！", function () {
|
|
$.ajax({
|
|
type: 'post',
|
|
url: PATH_URL + "/personbase/delUserId",
|
|
dataType: 'json',
|
|
data: {
|
|
id: id
|
|
},
|
|
success: function (data) {
|
|
layer.close(index);
|
|
if (data.code == 200) {
|
|
layer.msg('删除成功');
|
|
$("#query").trigger("click"); // 刷新页面
|
|
} else {
|
|
layer.msg("删除失败", {icon: 2}, function () {
|
|
// example.ajax.reload(); // 刷新页面
|
|
});
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
}
|
|
|
|
function importData(){
|
|
var height = '80%';
|
|
var width = '50%';
|
|
var index = layer.open({
|
|
title: [`导入`, 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
|
|
type: 2,
|
|
// content: 'child/orgInformation.html',
|
|
content: 'staffImport.html',
|
|
area: [width, height],
|
|
maxmin: false,
|
|
success: function (layero, index) {
|
|
/*var myIframe = parent.window[layero.find('iframe')[0]['name']];
|
|
var json = {'proIds': proId}
|
|
myIframe.setParams(json)*/
|
|
},
|
|
yes: function (index, layero) {
|
|
},
|
|
end: function () {
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
//导出
|
|
function exportData() {
|
|
var userName = $("#userName").val();
|
|
var proName = $("#proName").val();
|
|
var userState = $("#userState").val();
|
|
var contractState = $("#contractState").val();
|
|
yjId=localStorage.getItem("oneselectyj");
|
|
window.location.href = PATH_URL + `/personbase/exportUserData?token=` + token
|
|
+ "&userName=" + userName
|
|
+ "&proName=" + proName
|
|
+ "&userState=" + userState
|
|
+ "&contractState=" + contractState
|
|
+ "&yjId=" + yjId
|
|
}
|
|
function excelUpload() {
|
|
if($("#projecct").val() == ""){
|
|
layer.msg("请选择工程", { icon: 0 });
|
|
return
|
|
}
|
|
|
|
loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']}); //④创建一个formData对象
|
|
var fileData = new FormData();
|
|
fileData.append('file', $('#file')[0].files[0]);
|
|
fileData.append('proId', $("#projecct").val());
|
|
$.ajax({
|
|
url : PATH_URL + "/lineProject/importData",
|
|
type : 'POST',
|
|
data : fileData,
|
|
processData : false,// ⑧告诉jQuery不要去处理发送的数据
|
|
contentType : false, // ⑨告诉jQuery不要去设置Content-Type请求头
|
|
success : function(result) {
|
|
console.log(result)
|
|
layer.close(loadingMsg);
|
|
if (result.code == 200) {
|
|
parent.document.getElementById('powerNum').innerText = result.data.powerNum;
|
|
|
|
parent.layer.alert(result.msg,{icon:1});
|
|
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
|
parent.layer.close(index); //再执行关闭
|
|
} else {
|
|
layer.alert(result.msg,{icon:2});
|
|
}
|
|
},
|
|
error : function(XMLHttpRequest, textStatus, errorThrown,result) {
|
|
top.layer.close(loadingMsg);
|
|
if(XMLHttpRequest.status === 401){
|
|
localStorage.removeItem("token");
|
|
layer.msg('用户登录过期,请重新登录',{icon:5,time:2000},function(){
|
|
location.href = ctxPath + '/login.html';
|
|
});
|
|
}else{
|
|
layer.msg(result.data.msg,{icon:5,time:2000});
|
|
}
|
|
// $.dialog({title: '提示', content: result.msg});
|
|
}
|
|
});
|
|
} |