<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<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>