wuhb
/
oa


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
							<%@ 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">
	var grid = null; 
	$(function() {
		grid = $("#maingrid4").ligerGrid(
			{	columns : [	{ display : '流程标题', name : 'insId.insName', width : 250,
								render : function (row){
									var html = row.insId.insName;
									return html;
								}},
							{ display : '当前环节', name : 'tmodelId.tmodelName', width : 100,
								render : function (row){
									var html = row.tmodelId.tmodelName;
									return html;
								} },
							{ display : '流程模版', name : 'modelId.modelName', width : 120,
								render : function (row){
									var html = row.modelId.modelName;
									return html;
								} },
							{ display : '流程发起者', name : 'insId.creator.username', width : 100,
								render : function (row){
									var html = row.insId.creator.username;
									return html;
								} },
							{ display : '流程发起时间', name : 'insCreatedate', width : 150,
								render : function (row){
									var html = row.insId.createdate;
									return html;
								} },
							{ display : '环节创建时间', name : 'createdate', width : 150
							},
							{ display : '操作', isAllowHide : false, 
								render : function(row) {
									//var dialogId = row.tinsId + getTime();
									var html = ''; 
									if(row.modelId.control.value == "1"){
										html = '<a href=\"#\" onclick=\"openODialog(\'${pageContext.request.contextPath }/FlowAction.do?task=toProcess&tinsId='
											+ row.tinsId + '&flowInsId='+row.insId.insId+'&tabid=' + getCurrentTabId()
											+ '&dialogId='+row.tinsId+'\'+getTime(), \'流程办理\', \''+row.tinsId+'\'+getTime());\">办理</a>&nbsp;';
							 		} else if(row.modelId.control.value == "0"){
										html = '<a href=\"#\" onclick=\"openODialog(\''+row.modelId.controlUrl+'?task=toProcess&modelId='+row.modelId.modelId+'&euVerType=1&tinsId='
											+ row.tinsId + '&flowInsId='+row.insId.insId+'&tabid=' + getCurrentTabId()
											+ '&dialogId='+row.tinsId+'\'+getTime(), \'流程办理\', \''+row.tinsId+'\'+getTime());\">办理</a>&nbsp;';
								 	}
									if (row.modelId.isCancel.value == 1){
										if (row.modelId.allowCancels > 0) {
											var url = "";
				                    		if(row.modelId.control.value == "1"){
				                    			url = "FlowAction.do";
				                    		}else if(row.modelId.control.value == "0"){
				                    			url = row.modelId.controlUrl; 
				                    		}
				                    		html += '<a href=\"#\" onclick=\"cancelFlow('
												+ row.insId.insId
												+ ',\''+url+'\');\">撤销</a>&nbsp;';
										}
									}
									return html;
								}
							} ],
				usePager : true,
				pageSize : 20,
				parms: [{name: "insName", value: ""}, 
						{name: "starttime", value: ""}, 
						{name: "endtime", value: ""},
						{name: "name", value: ""},
						{name: "modelId", value: ""}],
				url : 'FlowAction.do?task=dealList&time=' + new Date().getTime(),
				pageParmName : 'p', //页索引参数名，(提交给服务器)
				pagesizeParmName : 'pSize', //页记录数参数名，(提交给服务器)
				width : '99.9%', enabledSort : true,
				height : '99%',//getParentHeight()-67,
				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 getTime(){
		 return new Date().getTime();
	}
	
	
	function searchByKword(){
		
		grid.set("parms", [ {
				name : "insName",
				value : encodeURI($("#insName").val())
			}, {
				name : "starttime",
				value : $("#starttime").val()
			}, {
				name : "endtime",
				value : $("#endtime").val()
			}, {
				name : "modelId",
				value : $("#modelId").val()
			}, {
				name : "name",
				value : encodeURI($("#name").val())
			}]);
		grid.set("newPage", "1");
		grid.loadData(true);
	}
	
	function loadData(){
		grid.loadData(true);
	}
	
	
	function searchAll() {
		$("#insName").val("");
		$("#starttime").val("");
		$("#endtime").val("");
		$("#modelId").val("");
		$("#name").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" style="width:250px;">
		<li class="title">流程标题：</li>
		<li class="text">
			<input type="text" id="insName" name="insName" style="width: 130px;">
		</li>
	</ul>
	<ul class="list_search" style="width:450px;">
		<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 class="list_search" style="width:250px;">
		<li class="title">流程模版：</li>
		<li class="text">
			<select name="modelId" id="modelId" style="width: 130px;" >
				<option value="" selected="selected">全部</option>
			 	<c:forEach items="${requestScope.flows }" var="flow" varStatus="status">
					<option value="${flow.modelId }">${flow.modelName }</option>
			 	</c:forEach>
			</select>
		</li>
	</ul>
	<ul style="width:250px;"><li class="title">发起者：</li>
		<li class="text">
			<input type="text" id="name" name="name" style="width: 130px;">
		</li>
	</ul>
	<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>