wuhb
/
oa


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
							<%@ 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: 'creator.username', width: 100,
                	render: function(row){
                		return row.creator.username;
                	}},
                { display: '流程类型', name: 'modelId.typeId.typeName', width: 120,
                	render: function(row){
                		return row.modelId.typeId.typeName;
                	}},
                { display: '流程模版', name: 'modelId.modelName', width: 120,
                	render: function(row){
                		return row.modelId.modelName;
                	}},
                { display: '流程发起时间', name: 'createdate', width: 200 },
                { display: '流程状态', name: 'state.dataName', width: 100,
                	render:function(row){
                		return row.state.dataName;
                	}},
                {
                    display: '操作', isAllowHide: false,
                    render: function (row)
                    {
                    	var html;
                    	if(row.state.value!=0 ||(row.state.value==0 && row.modelId.cancelCanRead.value==1)){
                    		var dialogId = row.insId + new Date().getTime();
                    		if(row.modelId.control.value == "1"){
	                        	html = '<a href=\"#\" onclick=\"openODialog(\'${pageContext.request.contextPath }/FlowAction.do?task=toInfo&state=group&insId='
	                        		+ row.insId + '&tabid='+getCurrentTabId()+'&dialogId='+
	                        		dialogId+'\', \'查看流程信息\', \''+dialogId+'\');\">查看</a>&nbsp;';
                    		}else if(row.modelId.control.value == "0"){
                    			html = '<a href=\"#\" onclick=\"openODialog(\''+row.modelId.controlUrl+'?task=toInfo&state=group&insId='
	                        		+ row.insId + '&tabid='+getCurrentTabId()+'&dialogId='+
	                        		dialogId+'\', \'查看流程信息\', \''+dialogId+'\');\">查看</a>&nbsp;';
                    		}
                    	}
                    	if(row.state.value == 0){
      						 html+= '<a href=\"#\" onclick=\"showCancelRemark(\''+row.cancelRemark+'\');\">撤销原因</a>';
      					 }
                        return html;
                    }
                } 
                ],  
                usePager:true,
                pageSize:20, 
                parms: [{name: "insName", value: ""}, 
				        {name: "starttime", value: ""}, 
				        {name: "endtime", value: ""},
				        {name: "name", value: ""},
				        {name: "state", value: ""},
				        {name: "modelId", value: ""}],
                url: 'FlowAction.do?task=group&time=' + new Date().getTime(),
                pageParmName: 'p',               //页索引参数名，(提交给服务器)
        		pagesizeParmName: 'pSize',        //页记录数参数名，(提交给服务器)
                width: '99.9%',
                height: '99%',
                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(); 
    		//$("#state").ligerComboBox(); 
//     		$("#model_has_form").ligerComboBox(); 
        });

        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())
    			}, {
    				name : "state",
    				value : encodeURI($("#state").val())
    			}]);
    		grid.set("newPage", "1");
    		grid.loadData(true);
    	}
    	
    	function searchAll() {
    		$("#insName").val("");
    		$("#starttime").val("");
    		$("#endtime").val("");
    		$("#modelId").val("");
    		$("#name").val("");
    		$("#state").val("");
    		searchByKword();
    	}
    	function showDefine(){
    		$(".before_define").toggle();
    		$(".after_define").toggle();
    		grid.reRender();
    	}
    </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 style="width:250px;"><li class="title">流程状态：</li>
		<li class="text">
			<select name="state" id="state"  style="width: 130px;">
				<option value="" selected="selected">全部</option>
				<option value="0">撤销</option>
				<option value="1">流转中</option>
				<option value="2">完成</option>
			</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>
</div>
<div class="default_search before_define" 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 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>
	<ul style="width:350px;">
		<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="查询全部"/>
<!-- 			<input type="button" class='l-button' name="search" onclick="showDefine()" value="自定义查询"/> -->
		</li>
	</ul>
</div>
<div class="default_search after_define" style="margin: 0; width: 99.7%; padding:0; display: none;">
	<ul class="list_search" style="width:450px;">
<!-- 		<li class="title" >自定义条件：</li> -->
		<li class="title">带表单模版：</li>
		<li class="text">
			<select name="modelHasForm" id="modelHasForm"  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>
</div>
<div class="default_search after_define" style="margin: 0; width: 99.7%; padding:0; display: none;">
	<ul class="list_search" style="width:250px;">
		<li class="title">&nbsp;</li>
		<li class="text">&nbsp;</li>
	</ul>
	<ul style="width:350px;">
		<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="查询全部"/>
			<input type="button" class='l-button' name="search" onclick="showDefine()" value="隐藏自定义"/>
		</li>
	</ul>
</div>
   <div id="maingrid4" style="margin:0; padding:0; clear: both;"></div>
   

  <div style="display:none;">
  <!-- g data total ttt -->
</div>
<%@ include file="/include/message.jsp"%>
</body>
</html>