<%@ 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/eleEquip.css" />
|
<script type="text/javascript" src="js/frame.js"></script></head>
|
<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>
|
<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="tbHead">
|
<!-- <table class="tbFixed">这里是表格固定的内容只显示头部</table> -->
|
</div>
|
<div id="tbEquipWarn">
|
<!-- <table class="tbScroll">这里是表格滚动部分不显示表格的头部</table> -->
|
</div>
|
<!-- 分页内容 -->
|
<div id="paging">
|
<a href="javascript:" class="search">查询</a> <a href="javascript:">导出</a>
|
<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="allShade">123</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);
|
<% } %>
|
|
$(document).ready(function(){
|
setUserName();
|
});
|
|
//定义页面表格内的数据
|
var ArrTh = new Array(); //记录表头的内容
|
var ArrTd = new Array(); // 记录表格数据内容
|
//自定义表头内容
|
ArrTh = [ '编号', '设备ID', '设备名称', '设备IP', '所在机房名称', '告警事件', '告警等级', '告警确认',
|
'告警确认时间', '告警开始时间', '告警结束时间' ];
|
//自定义表格数据（后期用后台数据替换）
|
for ( var i = 0; i < 300; i++) {
|
for ( var k = 0; k < ArrTh.length; k++) {
|
var n = i * ArrTh.length + k;
|
ArrTd[n] = ArrTh[k] + i;
|
}
|
}
|
// 初始化页面
|
$(document).ready(
|
function() {
|
// 初始化页面的高度
|
var bodyHeight = $('body').height(); //获取页面初始高度
|
var screenHeight = $(document).height() //获取浏览器可视页面的高度
|
var tbEquipHeight = $('#tbEquipWarn').height(); //获取滚动表格容器初始高度
|
$('#tbEquipWarn').css('height',
|
tbEquipHeight + screenHeight - bodyHeight + 'px'); //初始化表格容器高度
|
//创建表格初始化
|
var ArrTemp = new Array(); //空数组为表格内容为空
|
//创建表格
|
createTable('tbEquipWarn', 'tbScroll', ArrTh.length, ArrTh,
|
ArrTemp);
|
createTable('tbHead', 'tbFixed', ArrTh.length, ArrTh, ArrTemp);
|
});
|
//页面点击事件
|
$(document).ready(
|
function() {
|
//点击查询按钮生成表格
|
$('#paging .search').click(
|
function() {
|
// 清空表格内容
|
$('#tbEquipWarn .tbScroll').remove();
|
$('#tbHead .tbFixed').remove();
|
//创建等待的框框
|
createWait($('#tbEquipWarn'));
|
$('#allShade').show();
|
setTimeout(function() {
|
// 生成表格
|
createTable('tbHead', 'tbFixed', ArrTh.length,
|
ArrTh, ArrTd);
|
createTable('tbEquipWarn', 'tbScroll',
|
ArrTh.length, ArrTh, ArrTd);
|
$('#allShade').hide();
|
$('#tbEquipWarn .wait').remove();
|
var tbHeadWidth = $('#tbHead').width();
|
$('#tbEquipWarn .tbScroll').css('width',
|
tbHeadWidth - 20 + 'px');
|
$('#tbHead .tbFixed').css('width',
|
tbHeadWidth - 20 + 'px');
|
// 当滚动部分超出屏幕是上下同步滚动
|
$('#tbEquipWarn').scroll(
|
function() {
|
var ScrollX = $('#tbEquipWarn')
|
.scrollLeft();
|
$('#tbHead .tbFixed').css('left',
|
-ScrollX + 'px');
|
});
|
}, 30)
|
});
|
});
|
</script>
|
</html>
|
