<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://"
|
+ request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
<%@ taglib uri="/struts-tags" prefix="s"%>
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
|
<meta charset="UTF-8">
|
<title><s:text name="Equip_alarm_history_query" /></title>
|
<link rel="stylesheet" type="text/css" href="css/basic.css" />
|
<link rel="stylesheet" type="text/css" href="css/equipHistWarn.css" />
|
<script type="text/javascript" src="js/frame.js"></script>
|
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
|
<script type="text/javascript" src="js/base.js"></script>
|
<script type="text/javascript" src="js/buildNav.js"></script>
|
</head>
|
<body>
|
<!--头部内容开始-->
|
<div id="top">
|
<div id="top_cont">
|
<img src="image/top_img01.jpg" alt="" title="福建福光有限公司" />
|
<!--用户登录后显示用户名鼠标经过显示下拉菜单-->
|
<div id="sign_out">
|
<a href="javascript:void(0);" id="user_name"></a>
|
<ul>
|
<li class="triangle"></li>
|
<li><a href="pwdChange.jsp" target="_self"><s:text name="Change_password"></s:text></a></li>
|
<li><a href="javascript:exitUser()" id="li_a"><s:text name="Logging_out"></s:text></a></li>
|
</ul>
|
</div>
|
<!--结束-->
|
</div>
|
</div>
|
<!--头部内容结束-->
|
<div id="main">
|
<!--导航开始-->
|
<div id="nav">
|
|
</div>
|
<!--导航结束-->
|
<div id="selTime">
|
<!-- 时间选择容器-->
|
<table>
|
<tr>
|
<td rowspan="2"><s:text name="Equipment_alarm_history_period"/></td> <!-- 设备告警历史时间段 -->
|
<td><s:text name="Start_time"/></td> <!-- 开始时间 -->
|
<td><s:text name="End_time"/></td> <!-- 结束时间 -->
|
<td class="searchCon"><input type="button" value="<s:text name='Search'/>"
|
class="search" />
|
</td>
|
</tr>
|
<tr>
|
<td><input type="text" value="2012.12.09">
|
</td>
|
<td><input type="text" value="2012.12.09">
|
</td>
|
<td class="searchCon"><input type="button" value="<s:text name='Export'/>"
|
class="derive" />
|
</td>
|
</tr>
|
</table>
|
</div>
|
<!-- 固定的头部 -->
|
<div id="tbHead">
|
<!-- <table class="tbFixed">这里放的是表格的固定的头部</table> -->
|
</div>
|
<!-- 滚动部分 -->
|
<div id="tbHistEquip">
|
<!-- <table class="tbScroll">这里放的是表格滚动的部分</table> -->
|
</div>
|
<!-- 分页样式 -->
|
<div id="paging">
|
当前<span id="current">1/4</span> <span>每页<input type="text"
|
id="number" />条</span> <a href="javascript:" id="set_up">设置</a> <span
|
id="total">数据总量 10</span> <a href="javascript:" id="home">首页</a>
|
<a href="javascript:" id="pre">上一页</a> <a href="javascript:"
|
id="next_p">下一页</a> <a href="javascript:" id="last">尾页</a> <span
|
id="cont"> 转到<input type="text" id="page_num" /> <a
|
href="javascript:" id="go">跳转</a> </span>
|
</div>
|
</div>
|
<!-- 整体透明遮罩 -->
|
<div id="allTransShade"></div>
|
<!-- 整体灰色遮罩 -->
|
<div id="allShade"></div>
|
<!--清除浮动-->
|
<div class="clear"></div>
|
</body>
|
<script type="text/javascript" src="js/createTab.js"></script>
|
<script type="text/javascript">
|
var permits;
|
<% Object obj=session.getAttribute("permits");
|
if(obj!=null){
|
String permits =obj.toString(); %>
|
permits=<%=permits%>;
|
//console.info(json);
|
<% } %>
|
|
//页面的全局变量
|
var ArrTh = new Array(); //存储表格头部的数据
|
var ArrTd = new Array(); //存储表格内的数据
|
//定义表格头部的数据
|
ArrTh = [ '编号', '设备ID', '设备名称', '设备IP', '所在机房名称', '告警事件', '告警等级', '告警确认',
|
'告警确认时间', '告警开始时间', '告警结束时间' ];
|
// 自定义表格内的数据（后期用后台数据替换）
|
for ( var i = 0; i < 100; i++) {
|
for ( var k = 0; k < ArrTh.length; k++) {
|
var n = i * ArrTh.length + k;
|
ArrTd[n] = ArrTh[k] + 'dfdfdfsdfds';
|
}
|
}
|
// 页面的初始化
|
$(document).ready(function() {
|
setUserName();
|
|
//初始化页面的高度
|
var screenHei = $(document).height(); //获取浏览器可视的高度
|
var bodyHei = $('body').height(); //获取body的高度
|
var tblHei = $('#tbHistEquip').height(); //获取表格容器的原始高度
|
var relTblHei = tblHei + screenHei - bodyHei; //获取表格容器的应该有的高度
|
$('#tbHistEquip').css('height', relTblHei + 'px');
|
//初始化表格内容
|
var ArrTemp = new Array(); //定义空数组表示表格为空
|
//根据数据和表格容器创建表格
|
createTable('tbHead', 'tbFixed', ArrTh.length, ArrTh, ArrTemp);
|
createTable('tbHistEquip', 'tbScroll', ArrTh.length, ArrTh, ArrTemp);
|
});
|
//页面点击事件
|
$(document)
|
.ready(
|
function() {
|
//点击页面的查询显示表格
|
$('#selTime .search')
|
.click(
|
function() {
|
//清除表格
|
$('#tbHead .tbFixed').remove();
|
$('#tbHistEquip .tbScroll')
|
.remove();
|
createWait($('#tbHistEquip')); // 显示数据加载等待框
|
$('#allTransShade').show(); //显示透明遮罩层
|
setTimeout(
|
function() {
|
//根据数据创建表格
|
createTable('tbHead',
|
'tbFixed',
|
ArrTh.length,
|
ArrTh, ArrTd);
|
createTable(
|
'tbHistEquip',
|
'tbScroll',
|
ArrTh.length,
|
ArrTh, ArrTd);
|
$('#tbHistEquip .wait')
|
.remove(); // 清除等待框
|
$('#allTransShade')
|
.hide(); //隐藏透明遮罩层
|
//点击表格整行变蓝
|
$(
|
'#tbHistEquip .tbScroll tbody tr')
|
.click(
|
function() {
|
$(
|
'#tbHistEquip .tbScroll tbody tr')
|
.css(
|
'background-color',
|
'');
|
$(
|
this)
|
.css(
|
'background-color',
|
'#9bbcf1');
|
});
|
}, 30);
|
//使表格头和tbody滚动一致
|
$('#tbHistEquip')
|
.scroll(
|
function() {
|
var scrollX = $(
|
this)
|
.scrollLeft(); //tbody左右滚动的宽度
|
$(
|
'#tbHead .tbFixed')
|
.css(
|
'left',
|
-scrollX
|
+ 'px');
|
});
|
});
|
});
|
</script>
|
</html>
|
