DMC文档操作日志列表-优快云博客

<%@ page contentType="text/html; charset=utf-8" language="java"  errorPage="" %>
<%@ taglib prefix="ww" uri="/webwork"%>
<html>
<head>
<title>DMC文檔操作日誌清單</title>
<STYLE type=text/css>
.listDataTable {
	FONT-SIZE: 15px; 
}
.listTableHead {
	FONT-WEIGHT: bold; CURSOR: hand; 
}
.onMouseOnTr {
	CURSOR: default; COLOR: #ffffff; BACKGROUND-COLOR: #006699
}
.listTableHeadO {
	FONT-WEIGHT: bold; CURSOR: s-resize; COLOR: #ffffff;  BACKGROUND-COLOR: #006699
}
.listHeadClicked {
	FONT-WEIGHT: bold; CURSOR: n-resize; COLOR: #ffffff; BACKGROUND-COLOR: #990033
}
.listHeadClicked0 {
	FONT-WEIGHT: bold; CURSOR: s-resize; COLOR: #ffffff; BACKGROUND-COLOR: #990033
}
</STYLE>
<script language="javascript">
<!-- 
function printT(){
	  Prnt.style.display='None';
	  backh.style.display='None';
	  window.print();
}
function JM_PowerList(colNum)
{
    document.getElementById("tbMsg").style.visibility="visible";
	headEventObject=event.srcElement;
	while(headEventObject.tagName!="TR")
	{
		headEventObject = headEventObject.parentElement;
	}
	for (i=0;i<headEventObject.children.length;i++)
	{
		if (headEventObject.children[i]!=event.srcElement)
		{
			headEventObject.children[i].className='listTableHead';
		}
	}
	var tableRows=0;
	trObject=DataTable.children[0].children;
	for (i=0;i<trObject.length;i++)
	{
		tableRows=(trObject[i].id=='ignore')?tableRows:tableRows+1;
	}
	if(tableRows>0){
		var trinnerHTML=new Array(tableRows);
		var tdinnerHTML=new Array(tableRows);
		var tdNumber=new Array(tableRows);
		var i0=0;
		var i1=0;
		var a = 0;
		var b = 0;
		for (i=0;i<trObject.length;i++)
		{
			if (trObject[i].id!='ignore')
			{
				trinnerHTML[i0]=trObject[i].innerHTML;
				tdinnerHTML[i0]=trObject[i].children[colNum].innerHTML;
				tdNumber[i0]=i;
				i0++;
			}
		}
		sourceHTML=clearStart.children[0].outerHTML;
		for (bi=0;bi<tableRows;bi++)
		{
			for (i=0;i<tableRows;i++)
			{
				if (colNum == 20 )  //增加需要進行數字比較的字段
				{
					a = eval(tdinnerHTML[i]);
					b = eval(tdinnerHTML[i+1]);
				}
				else
				{
					a = tdinnerHTML[i];
					b = tdinnerHTML[i+1];
				}
				if(a > b )
				{
					t_s=tdNumber[i+1];
					t_b=tdNumber[i];
					tdNumber[i+1]=t_b;
					tdNumber[i]=t_s;
					temp_small=tdinnerHTML[i+1];
					temp_big=tdinnerHTML[i];
					tdinnerHTML[i+1]=temp_big;
					tdinnerHTML[i]=temp_small;
				}
			}
		}	
		var showshow=''; 
		var numshow='';
		for (i=0;i<tableRows;i++)
		{
			showshow = showshow + tdinnerHTML[i]+'\n';
			numshow = numshow + tdNumber[i]+'|';
		}	
		sourceHTML_head = sourceHTML.split("<TBODY>");
		numshow = numshow.split("|");
		var trRebuildHTML='';
		if (event.srcElement.className == 'listHeadClicked')
		{
			for (i=0;i<tableRows;i++)
			{
				trRebuildHTML=trRebuildHTML+trObject[numshow[tableRows-1-i]].outerHTML;
			}
			event.srcElement.className='listHeadClicked0';
		}
		else
		{
			for (i=0;i<tableRows;i++)
			{
				trRebuildHTML=trRebuildHTML+trObject[numshow[i]].outerHTML;
			}
			event.srcElement.className='listHeadClicked';
		}
		var DataRebuildTable='';
		DataRebuildTable=sourceHTML_head[0]+trObject[0].outerHTML+trRebuildHTML+'</TABLE>';
		clearStart.innerHTML='';
		clearStart.innerHTML=DataRebuildTable;
		document.getElementById("tbMsg").style.visibility="hidden";
		var obj = document.all("index");
		for (var i = 0; i < obj.length; i++)
		{
			obj[i].innerHTML = (i + 1);
		}	
	}
}
-->
</script>
<link REL="stylesheet" TYPE="text/css" HREF="../css/style.css">
<STYLE type=text/css>BODY {
	MARGIN: 0px
}
#all TD {
	FONT-SIZE: 12px; LINE-HEIGHT: 15px; 
}
.xr td 
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=100, FinishX=0, FinishY=0);
}
</STYLE>
</head>
<body>
<div align="center">
  <br>  
  <p><font color="#FF0000" size="5"><strong>DMC文檔操作日誌清單</strong></font></p>
<table width="90%" border="0" cellspacing="0" bgcolor="#FFFFFF" >
	<tr> 
		<td bgcolor="#FFFFFF"> <font color='#FF0000'></font>  <font color="#FF0000"></font></td>
		<td bgcolor="#FFFFFF" align="right"> <img  id="backh" src="../images/style_01/view.gif" border="0" alt="返回查詢" style="cursor:hand "  onClick="javascript:history.back();">  <a href="#" onClick="javascript:printT();"><img id="Prnt" src="../images/style_01/print.gif" width="13" height="14"  border="0" alt="打印"></a>  </td>
	</tr>
	<tr><td colspan="2">
		 <div  style="position:absolute; height:60px;width:150px;z-index:1;left:300px;top:200px;background:#C7F472;visibility:hidden" id="tbMsg">
		 <img src="../images/style_01/loading.gif" align="absmiddle"><br>  <span>數據排序中，请稍候...</span></div>
	</td></tr>
</table>
<TABLE width="100%" border="0" cellspacing="0">
<TBODY>
<TR>
  <TD id="clearStart" colspan="2">
	<TABLE id="DataTable" width="90%" border='1' cellspacing="0"  bordercolor="#6B8EC6" style="border-collapse:collapse;" class="td8" align="center">
	<TBODY> 
		<TR id="ignore" bgcolor="#9CB6DE" class="xr"> 
			<td width="5%" height="24" style="cursor:default">序號</td>
			<td width="9%" onClick="JM_PowerList(1)" style="cursor:s-resize;" title="單擊可排序">文件編號</td>
			<td width="14%" style="cursor:default">文件名稱</td>
			<td width="8%" onClick="JM_PowerList(3)" style="cursor:s-resize;" title="單擊可排序">密級</td>
			<td width="8%" style="cursor:default">版本</td>
			<td width="8%" style="cursor:default">狀態</td>
			<td width="10%" onClick="JM_PowerList(6)" style="cursor:s-resize;" title="單擊可排序">操作用戶</td>
			<td width="10%" style="cursor:default">操作動作</td>
			<td width="14%" onClick="JM_PowerList(8)" style="cursor:s-resize;" title="單擊可排序">操作時間</td>
		</TR>
	 <%int index=0; %>  
	 <ww:iterator value="#request['doclogList']" id="doclogList" status="index">
		<TR <%if((index++)%2==0){out.print("bgcolor='#FFFFFF'");}else{out.print("bgcolor='#F7F7F7'");} %>>
		  <td height="24" align="center"><label id="index"><%=index%></label></td> 
		  <td align="center"><ww:property  value="#doclogList.docNo"/></td>
		  <td align="center"><ww:property  value="#doclogList.docName"/></td>
		  <td align="center"><ww:property  value="#doclogList.docLevel"/></td>
		  <td align="center"><ww:property  value="#doclogList.docVersion"/></td>
		  <td align="center"><ww:property  value="#doclogList.docApproveStatus"/></td>
		  <td align="center"><ww:property  value="#doclogList.operateUser"/></td>
		  <td align="center"><ww:property  value="#doclogList.operateAction"/></td>
		  <td align="center"><ww:property  value="(#doclogList.operateTime).substring(0,19)"/></td>
		</TR>
	 </ww:iterator>
	 <%if(index==0){out.println("<TR id=\"ignore\"><td colspan=\"9\" align=\"center\"><font color=\"red\">沒有符合條件的記錄</font></td></TR>");}%>
	</TBODY>
	</TABLE>
  </TD>
</TR>
</TBODY>
</TABLE>
<br><br><br>
</div>
</body>
</html>
js实现排序
