hdw
2019-01-18 22693ea5466dbbb21c4e5c003d467f9619627018
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<%@ 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">数据总量&nbsp;&nbsp;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>