wuhb
/
oa


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
							<%@ 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 }/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>
<link href="${pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
<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 : 'insName',
					width : 250
				},	{	display : '流程类型',
					name : 'modelId.typeId.typeName',
					width : 120,
					render: function(row){
						var html = row.modelId.typeId.typeName;
						return html;
					}},	{	display : '流程模版',
					name : 'modelId.modelName',
					width : 120,
					render: function(row){
						var html = row.modelId.modelName;
						return html;
					}},	{	display : '流程状态',
					name : 'state.dataName',
					width : 100,
					render: function(row){
						var html = row.state.dataName;
						return html;
					}},	{	display : '流程发起者',
					name : 'creator.username',
					width : 100,
					render: function(row){
						var html = row.creator.username;
						return html;
					}},	{	display : '流程发起时间',
					name : 'createdate',
					width : 150
				},	{	display : '操作', width : 200,
					isAllowHide : false,
					render : function(row) {
						var html = '';
//							var html = '<a href=\"#\" onclick=\"openODialog(\'${pageContext.request.contextPath }/FlowAction.do?task=toInfo&insId='
//									+ row.insId + '&tabid=' + getCurrentTabId() 
//									+ '&dialogId='+row.insId+'\'+getTime(), \'流程办理\', \''+row.insId+'\'+getTime());\">查看</a>&nbsp;';
                		if(row.modelId.control.value == "1"){
                        	html = '<a href=\"#\" onclick=\"openODialog(\'${pageContext.request.contextPath }/FlowAction.do?task=toInfo&insId='
                        		+ row.insId + '&tabid=' + getCurrentTabId()
                        		+ '&dialogId='+row.insId+'\'+getTime(), \'流程办理\', \''+row.insId+'\'+getTime());\">查看</a>&nbsp;';
                		}else if(row.modelId.control.value == "0"){
                        	html = '<a href=\"#\" onclick=\"openODialog(\''+row.modelId.controlUrl+'?task=toInfo&insId='
                        		+ row.insId + '&tabid=' + getCurrentTabId()
                    			+ '&dialogId='+row.insId+'\'+getTime(), \'流程办理\', \''+row.insId+'\'+getTime());\">查看</a>&nbsp;';
                		}
						html += '<a href=\"#\" onclick=\"urge('+row.insId+')\">催办</a>&nbsp;';
						if (row.modelId.isCancel.value == 1){
							if (row.modelId.allowCancels > 0
									&& row.state.value != 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
									+ ',\''+url+'\');\">撤销</a>&nbsp;';
							}
						}
						if(row.formId.formId != '' && row.formId.formId != null && row.formId.formId != '0'){
							html += '<a target="_blank" href=\"${pageContext.request.contextPath }/bpmFormInstanceAction.do?task=printIns&formInsId='
								+ row.formInsId 
								+ '&formId='
								+ row.formId.formId
								+ '&tabid='
								+ getCurrentTabId()
								+ '\">表单打印</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=dealingList&time='
					+ new Date().getTime(),
			pageParmName : 'p', //页索引参数名，(提交给服务器)
			pagesizeParmName : 'pSize', //页记录数参数名，(提交给服务器)
			width : '99.9%',
			height : '99%',
			detail: { onShowDetail: showProcess },
			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 showProcess(row, detailPanel,callback){
		 var gProcess = document.createElement('div'); 
        $(detailPanel).append(gProcess);
        $(gProcess).css('margin',10).ligerGrid({
			columns:[
                   { display: '环节名称', name: 'tmodelId.tmodelName', width: 100,
            			render : function (row){
           				return row.tmodelId.tmodelName;
           		}},
           		{ display: '操作人', name: 'user.username', width: 150,
           			render : function (row){
           				var au = row.authorizedUser.userId;
           				if(au != null && au != "" && au != "0"){
           					return row.user.username + "(授权：" 
           					+ row.authorizedUser.username + ")";
           				}
           				return row.user.username;
           		}},
           		{ display: '状态', name: 'state.dataName', width: 100,
           			render : function (row){
           				return row.state.dataName;
           		}},
          			{ display: '环节启动时间', name: 'createdate', width: 150 },
           		{ display: '环节结束时间', name: 'finishdate', width: 150 }
                        ], 
			usePager:false,
			width: '90%',
			url: 'FlowAction.do?task=processList&insId=' + row.insId + '&time=' + 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 searchAll() {
		$("#insName").val("");
		$("#starttime").val("");
		$("#endtime").val("");
		$("#modelId").val("");
		$("#name").val("");
		searchByKword();
	}
	
	function urge(insId){
		$.ajax({
			url : "FlowAction.do",
			async : false,
			type : "post",
			data : {
				"task" : "urge",
				"insId" : insId
			},
			success : function(data) { 
				addInfo(data);
			},
			error : function() {
				alert("数据处理失败，请检查网络重新登录或联系管理员！");
			}
		});
	} 
</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>