<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Chomo" />
<title>tb全屏屏蔽、自动居中的lightBox</title>
<style type="text/css">
* { margin:0; padding:0; }
html,body { height:100%; overflow:hidden; font:12px/1.5 simsun;}
.myPage { line-height:3; overflow:auto; width:100%; height:100%;}
.lightBox,
.popupCover,
.popupIframe,
.popupComponent { position:absolute; left:0; top:0; width:100%; height:100%;}
.popupComponent { z-index:2; display:none;}
.popupIframe { display:block; _display:block; _filter:alpha(opacity=0);}
.popupCover { background:#000; opacity:0.7; *filter:alpha(opacity=70);}
.lightBox { text-align:center; overflow:auto;}
.lightBoxContent { display:inline-block; *display:inline; zoom:1; width:500px; padding:10px;
background:#fff; border:5px solid #00b4ff; vertical-align:middle;}
.lightBoxMaxHeight { display:inline-block; vertical-align:middle; height:100%; *height:99.5%;
width:1px; overflow:hidden; margin-left:-1px;}
.lightBoxWrapper { display:inline-block; *display:inline; zoom:1; text-align:left;}
.lightBoxClose { color:#f00;}
.lightBoxSubmit { margin-top:10px; padding-top:5px; border-top:1px solid #ccc;}
.lightBoxSubmit input { font-size:12px; padding:0 10px; overflow:visible; margin:0 5px;}
</style>
</head>
<body>
<div class="popupComponent" id="lightBox">
<div class="popupCover"></div>
<div class="lightBox"> <span class="lightBoxMaxHeight"></span>
<div class="lightBoxContent">
<div class="lightBoxWrapper">
<span id="s1" style="display:none;">
<b>单位基本信息修改</b></br>
1、点选“申报管理”里的“单位基本信息修改”</br>
2、录入需要修改的相关信息，点击“保存”</br>
3、点选“提交管理”里的“待提交信息管理”</br>
4、在“业务列表”的“单位基本信息修改”里会有一条信息，点选前面的方框打“√”，点击下方的“提交确认”
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息<br />
</span>
<span id="s2" style="display:none;">
<b>职工基本信息修改</b></br>
1、点选“申报管理”里的“职工基本信息修改”</br>
2、点击“查询”， 输入需要修改的职工身份证或姓名或个人编号，点击“查询”</br>
3、选中该人员点击右下角的“修改”</br>
4、录入需要修改的相关信息，点击“保存”</br>
5、点选“提交管理”里的“待提交信息管理”</br>
6、在“业务列表”的“职工基本信息修改”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”</br>
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息</br>
</span>
<span id="s3" style="display:none;">
<b>职工增加申报</b></br>
1、点选“申报管理”里的“职工增加申报”</br>
2、录入职工信息和工资，点击“保存”（带星号为必填项）</br>
3、点选“提交管理”里的“待提交信息管理”</br>
4、在“业务列表”的“职工增加”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”</br>
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息</br>
</br><b>职工批量增加</b></br>
1、点选“申报管理”里的“职工批量增加”</br>
2、点击“格式盘”，下载文件名为“psnAdd.xls”保存在电脑上</br>
3、根据表格里的内容填写职工信息，并保存</br>
4、点击“浏览”，选中“psnAdd.xls”文件，点击“导入”</br>
5、点选“提交管理”里的“待提交信息管理”</br>
6、在“业务列表”的“职工增加”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”</br>
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息</br>
</span>
<span id="s4" style="display:none;">
<b>职工减少申报</b><br />
1、点选“申报管理”里的“职工减少申报”<br />
2、输入需要减少的职工身份证或姓名或个人编号，点击“查询”，在点击“减少申报”<br />
3、点选“提交管理”里的“待提交信息管理”<br />
4、在“业务列表”的“职工减少”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”<br />
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息<br /><br />
<b>职工批量减少</b><br />
1、点选“申报管理”里的“职工批量减少”<br />
2、点击“格式盘”，下载文件名为“psnDel.xls”保存在电脑上<br />
3、根据表格里的内容填写职工信息，并保存<br />
4、点击“浏览”，选中“psnDel.xls”文件，点击“导入”<br />
5、点选“提交管理”里的“待提交信息管理”<br />
6、在“业务列表”的“职工减少”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”<br />
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息<br />
</span>
<span id="s5" style="display:none;">
<b>职工缴费工资申报</b><br />
1、点选“申报管理”里的“职工缴费工资申报”<br />
2、输入身份证号码、姓名、个人编号或者直接点击“查询”<br />
3、在“申报工资（新工资）”栏里录入新工资，然后点击“保存”<br />
4、点选“提交管理”里的“待提交信息管理”<br />
5、在“业务列表”的“职工工资申报”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”<br />
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息<br /><br />
<b>职工批量缴费工资申报</b><br />
1、点选“申报管理”里的“职工批量缴费工资申报”<br />
2、点击“格式盘”，下载文件名为“gzsb_more.xls”保存在电脑上<br />
3、根据表格里的内容填写职工信息，并保存<br />
4、点击“浏览”，选中“gzsb_more.xls”文件，点击“导入”<br />
5、点选“提交管理”里的“待提交信息管理”<br />
6、在“业务列表”的“职工工资申报”里会有一条信息，点选前面的方框打“√”, 点击下方的“提交确认”<br />
完成以上步骤后就等社保工作人员审批，可在“提交管理”的“已提交信息管理”里点击“查询”查看相关审核信息<br />
</span>
<span id="s6" style="display:none;">
<b>确定完成申报</b><br />
（在当月不变动或已办理完变动后在执行此操作）<br />
1、点选“提交管理”里的“缴费汇总申报表”<br />
2、点击“缴费汇总”更新当月数据<br />
3、点击“确定完成申报”<br />
</span>
</div>
<div class="lightBoxSubmit">
<input type="button" value="确定" onclick="hideLayer('lightBox')" />
<input type="button" value="取消" onclick="hideLayer('lightBox')" />
</div>
</div>
</div>
</div>
<div class="myPage">
<div style="text-align:center;">
<input type="button" value="单位" onclick="showLayer('lightBox','s1')" />
<input type="button" value="职工" onclick="showLayer('lightBox','s2')" />
<input type="button" value="增加" onclick="showLayer('lightBox','s3')" />
<input type="button" value="减少" onclick="showLayer('lightBox','s4')" />
<input type="button" value="工资" onclick="showLayer('lightBox','s5')" />
<input type="button" value="完成" onclick="showLayer('lightBox','s6')" />
</div>
</div>
<script>
function showLayer(id,s) {
document.getElementById(id).style.display = "block";
document.getElementById(s).style.display = "block";
}
function hideLayer(id) {
document.getElementById(id).style.display = "none";
document.getElementById('s1').style.display = "none";
document.getElementById('s2').style.display = "none";
document.getElementById('s3').style.display = "none";
document.getElementById('s4').style.display = "none";
document.getElementById('s5').style.display = "none";
document.getElementById('s6').style.display = "none";
}
</script>
</body>
</html>