wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
							<%@ page language="java" contentType="text/html;charset=GBK"
    pageEncoding="GBK"%>
<!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/yw/bpm/oa.js"></script> 
<script type="text/javascript" src="/shares/js/yw/bpm/seal/seal.js"></script> 
<script type="text/javascript" src="/shares/js/common.js"></script> 
<script type="text/javascript" src="/shares/js/yw/bpm/promptDefine.js"></script> 
<style type="text/css">  
.l-panel-bar{
    height:32px;background:#fff url('../images/panel/bar-bg.gif') repeat-x left bottom;overflow:hidden;
    border-top:0px solid #84A0C4;
} 

.l-frozen .l-grid2 .l-grid-body{overflow-x:hidden;}

.l-grid-header
{
    border-bottom:1px solid #A3C0E8;
   height:22px; line-height:22px;background:url(../images/panel/bar-bg.gif) repeat-x; overflow:hidden; width:100%;
}

.l-grid-hd-cell
{   
    padding:0; margin:0;overflow:hidden; 
    border-right:0px solid #A3C0E8;   
    text-align:center;
}

.default_search{ padding-top:5px;background-color:#fff;color:#000;width:100%;float:left;}

.l-panel
{  
    border:0px solid #84A0C4;
    position:relative;
    text-align:left;
}
</style>

<script type="text/javascript">
        var grid = null;
        var win1 = null;
        $(function () {
            grid = $("#maingrid4").ligerGrid({
                columns: [
				{ display: '流水号', name: 'serialNo',  width: 120 }, 
				{ display: '流程名称', name: 'insName',  width: 150 },  
				{ display: '流程模版', name: 'modelName',  width: 100 },  
				{ display: '发起时间', name: 'createdate', width: 180 } 
                ],  
                pageSize:5, 
                url: 'bpmFormInstanceAction.do?task=serialList&time=' + new Date().getTime(),
                parms: [{name: "serialNo", value: ""}],
                pageParmName: 'p',               //页索引参数名，(提交给服务器)
        		pagesizeParmName: 'pSize',        //页记录数参数名，(提交给服务器)
                width: '99.9%',
                height: '99%',
                checkbox : true,
                autoCheckChildren: false,
                enabledSort : true,
                onSelectRow: function(rowdata){
                	
                }, 
                onCheckRow: function(checked, rowdata, rowindex) {
				     for (var rowid in this.records){
				    	 this.unselect(rowid); 
				     }
					 if(checked){
					    	this.select(rowindex);
					    	$("#valueField").val(rowdata.insId+"|"+rowdata.serialNo);
		                	$("#textField").val(rowdata.serialNo);  
					 }else{
					    	this.unselect(rowindex);
					    	$("#valueField").val("");
			                $("#textField").val("");
					  }
				}, 
				onCheckAllRow: function(checked,element){
					 for (var rowid in this.records){ 
				    	 this.unselect(rowid); 
				     }
					 $("#valueField").val("");
	                 $("#textField").val("");
				},
                onError: function(){alert("数据加载失败，请刷新页面！");}
            }); 
            $("#pageloading").hide();
             $(".l-grid-hd-cell-btn-checkbox").css("display", "none"); //隱藏checkAll 
             $(".l-grid-hd-cell-btn-checkbox").unbind();
        });
        
        function searchByKword(){
			grid.set('parms', [{
						name: "serialNo", 
						value: encodeURI($("#serialNo").val())
					},{
						name : "insName",
						value : encodeURI($("#insName").val())
					},{
						name : "modelId",
						value : $("#modelId").val()
					}
				]);
			grid.set("newPage", "1");
			grid.loadData(true);
		}
		
        function searchAll() {
			$("#serialNo").val("");
			$("#insName").val("");
			$("#modelId").val("");
			searchByKword();
		}
		 

    </script>
</head>
<body>
<%@ include file="/include/message.jsp"%>
<div class="container" style="overflow:hidden;"> 
<div class="default_search">
	<ul class="list_search">
		<li class="title">流水号：</li>
		<li class="text">
			<input type="text" id="serialNo" name="serialNo" value="" style="width: 130px;background-color: #DDDDDD;">
		</li>
	</ul>
	<ul class="list_search">
		<li class="title">流程标题：</li>
		<li class="text">
			<input type="text" id="insName" name="insName" value="" style="width: 130px;background-color: #DDDDDD;">
		</li>
	</ul>
	<ul class="list_search">
		<li class="title">流程模版：</li>
		<li class="text">
			<select name="modelId" id="modelId" style="width: 150px;" >
				<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">
		<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 style="clear: both;">
    <div id="maingrid4" style="margin:0; padding:0"></div>
   </div>

  <div style="display:none;">
  <!-- g data total ttt -->
</div>
</div>
<input type="hidden" id="valueField" name="valueField" /> 
<input type="hidden" id="textField" name="textField" />
<input type="hidden" id="temp" name="temp" />
</body>
</html>