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.id) 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(id) { 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}); } }); }