wuhb
/
oa


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
							<%@ 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/ligerui.all.js" type="text/javascript"></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" src="/shares/js/yw/bpm/oa.js"></script>
<script type="text/javascript" src="/shares/js/yw/bpm/promptDefine.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/yw/bpm/datacenter/js/flowInsDataCommon.js"></script>
<script type="text/javascript">
	var grid = null;
	$(function() {
		grid = $("#maingrid4")
				.ligerGrid(
						{
							columns : [
									{
										display : '标题',
										name : 'flow_ins_name',
										width : 200
									},
									// 							{ 
									// 			 	           		display : '申请人', 
									// 			 	           		name : 'create_name', 
									// 			 	           		width : 100
									// 			 	           	},
									{
										display : '加班开始时间',
										name : 'start_date',
										width : 130
									},
									{
										display : '加班截止时间',
										name : 'end_date',
										width : 130
									},
									{
										display : '加班时长(时)',
										name : 'total_amount',
										width : 90
									},
									{
										display : '已调(时)',
										name : 'paid_amount',
										width : 90,
										render : function(row) {
											if (row.paid_amount) {
												return row.paid_amount;
											} else {
												return "0";
											}
										}
									},
									{
										display : '未调(时)',
										name : 'remain_amount',
										width : 90,
										render : function(row) {
											if (row.remain_amount) {
												return row.remain_amount;
											} else {
												return "0";
											}
										}
									},
									{
										display : '调休状态',
										name : 'state',
										width : 100,
										render : function(row) {
											var html = "";
											if (row.state == ""
													|| row.state == "0") {
												html = "<font color=red>未调休</font>";
											} else if (row.state == "1"
													&& row.paid_amount >= row.total_amount) {
												html = "<font color=green>已全部调休</font>";
											} else if (row.state == "1"
													&& row.paid_amount < row.total_amount) {
												html = "<font color=green>已部分调休</font>";
											}
											return html;
										}
									},
									{
										display : '创建时间',
										name : 'create_date',
										width : 130
									},
									{
										display : '操作',
										isAllowHide : false,
										render : function(row) {
											var dialogId = row.flow_ins_id
													+ new Date().getTime();
											var html = '<a href=\"#\" onclick=\"openODialog(\'${pageContext.request.contextPath }/FlowAction.do?task=toInfo&state=all&insId='
													+ row.flow_ins_id
													+ '&tabid='
													+ getCurrentTabId()
													+ '&dialogId='
													+ dialogId
													+ '\', \'查看流程信息\', \''
													+ dialogId
													+ '\');\">查看</a>&nbsp;';
											if (row.flow_model_id
													&& (row.state == ""
															|| row.state == "0" || (row.paid_amount < row.total_amount))) {
												html += '<a href=\"#\" onclick=\"startFlow('
														+ row.flow_model_id
														+ ','
														+ row.flow_ins_id
														+ ',\''
														+ row.model_name
														+ '\',\'${session.name}\')\" >发起流程</a>';
											}
											return html;
										}
									} ],
							usePager : true,
							pageSize : 20,
							parms : [ {
								name : "flow_ins_name",
								value : ""
							}, {
								name : "starttime",
								value : ""
							}, {
								name : "endtime",
								value : ""
							} ],
							url : 'bpmDataCenterAction.do?task=getOvertimeData&time='
									+ new Date().getTime(),
							pageParmName : 'p', //页索引参数名，(提交给服务器)
							pagesizeParmName : 'pSize', //页记录数参数名，(提交给服务器)
							width : '99.9%',
							enabledSort : true,
							height : '99%',//getParentHeight()-67,
							detail : {
								onShowDetail : showDatOff
							},
							onError : function() {
								alert("数据加载失败，请刷新页面！");
							}
						});

		$("#pageloading").hide();
		$("#starttime").ligerDateEditor({
			showTime : false,
			width : 120,
			labelAlign : 'left',
			format : "yyyy-MM-dd"
		});
		$("#endtime").ligerDateEditor({
			showTime : false,
			width : 120,
			labelAlign : 'left',
			format : "yyyy-MM-dd"
		});
		//$("#modelId").ligerComboBox(); 
	});

	function showDatOff(row, detailPanel, callback) {
		var gProcess = document.createElement('div');
		$(detailPanel).append(gProcess);
		$(gProcess)
				.css('margin', 10)
				.ligerGrid(
						{
							columns : [
									{
										display : '标题',
										name : 'flow_ins_name',
										width : 180
									},
									{
										display : '申请日期',
										name : 'apply_date',
										width : 100
									},
									{
										display : '调休开始时间',
										name : 'start_date',
										width : 130
									},
									{
										display : '调休截止时间',
										name : 'end_date',
										width : 130
									},
									{
										display : '调休时长(时)',
										name : 'duration',
										width : 90
									},
									{
										display : '流转状态',
										name : 'state_name',
										width : 90
									},
									{
										display : '创建时间',
										name : 'create_date',
										width : 130
									},
									{
										display : '操作',
										width : 100,
										isAllowHide : false,
										render : function(row) {

											var dialogId = row.flow_ins_id
													+ new Date().getTime();
											var html = '<a href=\"#\" onclick=\"openODialog(\'${pageContext.request.contextPath }/FlowAction.do?task=toInfo&state=all&insId='
													+ row.flow_ins_id
													+ '&tabid='
													+ getCurrentTabId()
													+ '&dialogId='
													+ dialogId
													+ '\', \'查看流程信息\', \''
													+ dialogId
													+ '\');\">查看</a>&nbsp;';
											// 							if (row.flow_model_id
											// 									&& (row.state == "" || row.state == "0")) {
											// 								html += '<a href=\"#\" onclick=\"startFlow('
											// 										+ row.flow_model_id
											// 										+ ','
											// 										+ row.flow_ins_id
											// 										+ ',\''
											// 										+ row.model_name
											// 										+ '\',\'${session.name}\')\" >发起流程</a>';
											// 							}
											return html;
										}
									} ],
							usePager : false,
							width : '90%',
							frozen : false,
							url : 'bpmDataCenterAction.do?task=getDayOffData&linFlowInsId='
									+ row.link_flow_ins_id
									+ '&time='
									+ new Date().getTime()
						});

	}

	function searchByKword() {

		grid.set("parms", [ {
			name : "flow_ins_name",
			value : encodeURI($("#flow_ins_name").val())
		}, {
			name : "starttime",
			value : $("#starttime").val()
		}, {
			name : "endtime",
			value : $("#endtime").val()
		} ]);
		grid.set("newPage", "1");
		grid.loadData(true);
	}

	function loadData() {
		grid.loadData(true);
	}

	function searchAll() {
		$("#flow_ins_name").val("");
		$("#starttime").val("");
		$("#endtime").val("");
		searchByKword();
	}
</script>

</head>
<body>
	<div class="container-layout">
		<div id="title" class="form-button" style="width: 100%;">
			<input onclick="closeTabUseInOA();" type="button" value="关闭" class="l-button">
		</div>
		<div class="default_search" style="margin: 0; width: 100%;">
			<ul class="list_search">
				<li class="title">标题：</li>
				<li class="text"><input type="text" id="flow_ins_name" name="flow_ins_name" style="width: 130px;"></li>
			</ul>
			<ul class="list_search">
				<li class="title">创建时间：</li>
				<li class="text"><input type="text" id="starttime" name="starttime" style="width: 130px;"></li>
				<li class="title" style="width: 10px; text-align: center; padding-left: 0px; padding-right: 3px;">至</li>
				<li class="text"><input type="text" id="endtime" name="endtime" style="width: 130px;"></li>
			</ul>
			<!-- </div> -->
			<!-- <div class="default_search" style="margin: 0; width: 100%;"> -->
			<ul>
				<li class="search-button"><input type="button" class='l-button' name="search" onclick="searchByKword()" value="查询" /> <input type="button" class='l-button' name="search"
						onclick="searchAll()" value="查询全部" /></li>
			</ul>
		</div>
		<div id="maingrid4" style="margin: 0; padding: 0; clear: both;"></div>


		<div style="display: none;"></div>
	</div>
	<%@ include file="/include/message.jsp"%>
</body>
</html>