wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
							<%@ page language="java" contentType="text/html;charset=GBK" pageEncoding="GBK"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=GBK">
<title>员工社保查询列表</title>
<link href="${pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/core/base.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
<script type="text/javascript" src="/shares/datePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/shares/js/constant.js"></script>
<script type="text/javascript" src="/shares/js/common.js"></script>

<script type="text/javascript">
	var grid = null;
	var oDialog = null;
	$(function() {
		initSalaryInsuranceHistoryList();
	});

	function initSalaryInsuranceHistoryList(params) {
		var columns = [ {
			display : '姓名',
			name : 'staff_name',
			width : 60
		}, {
			display : '身份证号',
			name : 'id_number',
			width: 150
		}, {
			display : '职位',
			name : 'digits'
		}, {
			display : '状态',
			name : 'state_name'
		}, {
			display : '社保月份',
			name : 'insurance_month',
			width : 60
		}, {
			display : '社保扣费月',
			name : 'insurance_charged_month',
			width : 60
		}, {
			display : '帐套信息',
			name : 'insurance_count_name',
			width : 150
		} ];

		// 		var columns2 = ;

		var distinct_project = ${requestScope.distinct_project_json};

		for (var i = 0; i < distinct_project.length; i++) {
			columns
					.push({
						display : distinct_project[i].insurance_proj_name,
						name : 'plan_time_str',
						columns : [
								{
									display : '基数',
									name : 'base_number',
									width : 60,
									render : function(row, index, value, column) {
										// 										alert(column.columnindex+"==="+parseInt(column.columnindex/5)+"==="+i);
										var projectIndex = parseInt(column.columnindex / 5) - 1;
										var s = "0";
										if (row.historyDetialList[projectIndex].base_number) {
											s = row.historyDetialList[projectIndex].base_number;
										}
										;
										return s;
									}
								},
								{
									display : '单位',
									columns : [
											{
												display : '比例',
												name : 'CustomerID',
												width : 50,
												align : 'center',
												render : function(row, index,
														value, column) {
													// 													alert(column.columnindex+"==="+parseInt(column.columnindex/5)+"==="+i);
													var projectIndex = parseInt(column.columnindex / 5) - 1;
													var s = "0";
													if (row.historyDetialList[projectIndex].unit_pay) {
														s = row.historyDetialList[projectIndex].unit_pay;
														if (row.historyDetialList[projectIndex].unit_pay_method == 0) {
															s += "%";
														}
														;
													}
													;
													return s;
												}
											},
											{
												display : '金额',
												name : 'ContactName',
												width : 50,
												align : 'right',
												render : function(row, index,
														value, column) {
													// 													alert(column.columnindex+"==="+parseInt(column.columnindex/5)+"==="+i);
													var projectIndex = parseInt(column.columnindex / 5) - 1;
													var s = "0";
													if (row.historyDetialList[projectIndex].unit_actual_pay) {
														s = row.historyDetialList[projectIndex].unit_actual_pay;
													}
													;
													return s;
												}
											} ]
								},
								{
									display : '个人',
									columns : [
											{
												display : '比例',
												name : 'CustomerID',
												width : 50,
												align : 'center',
												render : function(row, index,
														value, column) {
													// 													alert(column.columnindex+"==="+parseInt(column.columnindex/5)+"==="+i);
													var projectIndex = parseInt(column.columnindex / 5) - 2;
													var s = "0";
													if (row.historyDetialList[projectIndex].person_pay) {
														s = row.historyDetialList[projectIndex].person_pay;
														if (row.historyDetialList[projectIndex].person_pay_method == 0) {
															s += "%";
														}
														;
													}
													;
													return s;
												}
											},
											{
												display : '金额',
												name : 'ContactName',
												width : 50,
												align : 'right',
												render : function(row, index,
														value, column) {
													// 													alert(column.columnindex+"==="+parseInt(column.columnindex/5)+"==="+i);
													var projectIndex = parseInt(column.columnindex / 5) - 2;
													var s = "0";
													if (row.historyDetialList[projectIndex].person_actual_pay) {
														s = row.historyDetialList[projectIndex].person_actual_pay;
													}
													;
													return s;
												}
											} ]
								} ]

					});
		}
		columns.push({
			display : "合计",
			name : 'plan_time_str',
			columns : [ {
				display : '单位',
				name : 'unit_amount',
				width : 50,
			}, {
				display : '个人',
				name : 'person_amount',
				width : 50,
			} ]
		});
		grid = $("#maingrid4")
				.ligerGrid(
						{
							columns : columns,
							pageSize : 20,
							url : 'hrSalaryStaffInsuranceHistoryAction.do?task=queryStaffInsureHistoryData&time='
									+ new Date().getTime() + params,
							pageParmName : 'p', //页索引参数名，(提交给服务器)
							pagesizeParmName : 'pSize', //页记录数参数名，(提交给服务器)
							width : '99.9%',
							height : '99%'
						});
		$("#pageloading").hide();
	}

	//查询
	function searchByKword() {
		var s = "";
		var staff_name = $("#staff_name");//姓名
		if (staff_name) {
			s += "&salaryInsuranceHistory.staff_name="
					+ encodeURI(encodeURI(staff_name.val()));
		}
		var insurance_count_id = $("#insurance_count_id");//社保帐套
		if (insurance_count_id) {
			s += "&salaryInsuranceHistory.insurance_count_id="
					+ insurance_count_id.val();
		}
		var insurance_month_start = $("#insurance_month_start");
		if (insurance_month_start) {
			s += "&salaryInsuranceHistory.insurance_month_start="
					+ insurance_month_start.val();
		}
		var insurance_month_end = $("#insurance_month_end");//规则名称
		if (insurance_month_end) {
			s += "&salaryInsuranceHistory.insurance_month_end="
					+ insurance_month_end.val();
		}
		grid.set("newPage", "1");
		initSalaryInsuranceHistoryList(s);
	}

	function createStaffInsuranceHistory() {
		oDialog = openTopDialog({
			title : '选择项目',
			width : 650,
			height : 400,
			url : 'hrSalaryStaffInsuranceHistoryAction.do?task=toCreateStaffInsureHistory'
					+ '&tabid=' + getCurrentTabId() + "&time=" + new Date(),
			// +'&depot_id='
			// + ins_depot_id_val + '&location_id='
			// + ins_location_id_val,
			buttons : [ {
				text : '保存',
				onclick : f_btnOK
			}, {
				text : '取消',
				onclick : f_btnCancel
			} ]
		});
	}
	
	function closeODialog() {
		oDialog.close();
	}

	function f_btnOK(item, dialog) {
		if (!dialog.frame.checkForm()) {
			return;
		}
		dialog.frame.btnSave();
		// 		dialog.close();
	}

	function f_btnCancel(item, dialog) {
		if (dialog)
			dialog.close();
	}
</script>
</head>
<body>
	<div class="container">
		<div id="title" class="form-button">
			<input type="button" class="l-button" value="生成报表" onclick="createStaffInsuranceHistory();" style="width: 70px" />
		</div>
		<div class="default_search" style="margin: 0; height: 30px;"></div>
		<div class="default_search" style="margin: 0;">
			<ul class="list_search">
				<li class="title">姓名：</li>
				<li class="text"><input type="text" id=staff_name name="staff_name" /></li>
			</ul>
			<ul class="list_search">
				<li class="title">帐套信息：</li>
				<li class="text"><select id="insurance_count_id" name="salaryStaffInsurance.insurance_count_id">
						<option value="">全部</option>
						<c:forEach items="${sicList }" var="sic">
							<option value="${sic.universalid }">${sic.count_name }</option>
						</c:forEach>
				</select></li>
			</ul>
			<ul class="list_search" >
				<li class="title">社保月份：</li>
				<li class="text" "><input type="text" class="Wdate" name="insurance_month_start" id="insurance_month_start"
						onclick="WdatePicker({dateFmt:'yyyy-MM',maxDate:'#F{$dp.$D(\'insurance_month_end\',{d:0})}'})" /> 至 <input type="text" class="Wdate" name="insurance_month_end"
						id="insurance_month_end" onclick="WdatePicker({dateFmt:'yyyy-MM',minDate:'#F{$dp.$D(\'insurance_month_start\',{d:0})}'})" /></li>
			</ul>
			<ul>
				<li class="search-button"><input type="button" class='l-button' name="search" onclick="searchByKword()" value="查询" /></li>
			</ul>
		</div>
		<div style="clear: both;"></div>
		<div id="searchbar">
			<div style="overflow: hidden; clear: both;">
				<div id="maingrid4" style="margin: 0; padding: 0"></div>
			</div>
		</div>
	</div>
</body>
</html>