wsd
/
resistancemonitor


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324
							<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<!DOCTYPE html>
<html lang="ch">
<head>
    <title>阻力监控后台管理系统-主页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="css/gfonts1.css" rel="stylesheet" type="text/css">
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/simple-line-icons.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="css/components.css" id="style_components" rel="stylesheet">
    <link href="css/plugins.css" rel="stylesheet" type="text/css">
    <link href="css/layout.css" rel="stylesheet" type="text/css">
    <link href="css/default.css" rel="stylesheet" id="style_color">
    <link href="css/sweetalert.css" rel="stylesheet">
    <link href="css/jBox.css" rel="stylesheet">
    <!-- END THEME STYLES -->
    <!-- js -->
    <!-- Load jQuery -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery-migrate.min.js" type="text/javascript"></script>
    <!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
    <script src="js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="js/metronic.js"></script>
    <script src="js/scripts/layout.js"></script>
    <script src="js/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
    <script src="js/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="js/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="js/jquery.cokie.min.js" type="text/javascript"></script>
    <script src="js/jquery.uniform.min.js" type="text/javascript"></script>
    <script src="js/morris.min.js" type="text/javascript"></script>
    <script src="js/raphael-min.js" type="text/javascript"></script>
    <script src="js/jquery.sparkline.min.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <script src="js/sweetalert.min.js"></script>
    <script src="js/jBox.min.js"></script>
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- test -->
    <link rel="shortcut icon" href="favicon.ico">
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<!-- DOC: Apply "page-header-menu-fixed" class to set the mega menu fixed  -->
<!-- DOC: Apply "page-header-top-fixed" class to set the top menu fixed  -->
<body>
<!-- BEGIN PAGE CONTAINER -->
<div class="page-container">
    <!-- BEGIN PAGE HEAD -->
    <jsp:include page="frame_head.jsp" flush="false"></jsp:include>
    <!-- END PAGE HEAD -->
    <!-- BEGIN PAGE CONTENT -->
    <div class="page-content">
        <div class="container">
            <!--<h3 class="admin"> <%=session.getAttribute("userName")%>,您好!&nbsp;&nbsp;<small>欢迎您回来!</small> </h3>-->
            <div style="min-height: 600px;"></div>
        </div>
    </div>
    <!-- END PAGE CONTENT -->
    <!-- END PAGE CONTENT -->
    <jsp:include page="frame_tail.jsp" flush="false"></jsp:include>
    <!-- END PAGE CONTAINER -->
</div>

<script>

    jQuery(document).ready(function () {
        //Metronic.init(); // init metronic core components
        //Layout.init(); // init current layout

        //Index.init();
        //Tasks.initDashboardWidget();

        var colorsN2 = ['red', 'green', 'blue', 'yellow'];
        var currentColorN2 = 0;
        var jbox = new jBox('Notice', {
            //animation: 'flip',
            attributes: {
                x: 'right',
                y: 'top'
            },
            theme: 'NoticeBorder',
            animation: {open: 'tada', close: 'slide:right'},
            onInit: function () {
                this.options.color = colorsN2[Math.floor(Math.random() * 10) % 4];
                this.options.title = '登录成功';
                this.options.content = '欢迎您回来!  <%=session.getAttribute("userName")%>';
            },
            //zIndex: 12000
        });

        // IE8 Fix: function.bind polyfill
        if (Metronic.isIE8() && !Function.prototype.bind) {
            Function.prototype.bind = function (oThis) {
                if (typeof this !== "function") {
                    // closest thing possible to the ECMAScript 5 internal IsCallable function
                    throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
                }

                var aArgs = Array.prototype.slice.call(arguments, 1),
                        fToBind = this,
                        fNOP = function () {
                        },
                        fBound = function () {
                            return fToBind.apply(this instanceof fNOP && oThis ? this : oThis,
                                    aArgs.concat(Array.prototype.slice.call(arguments)));
                        };

                fNOP.prototype = this.prototype;
                fBound.prototype = new fNOP();

                return fBound;
            };
        }
        /*
        $.get("request_device_overview_pre.do", {}, function (data, status) {
            var s = '<div class="col-md-6 col-sm-6 col-xs-6"><div class="stat-left"><div class="stat-chart">' +
                    '<div id="sparkline_warn"></div></div><div class="stat-number"><div class="title">报警</div><div class="number">' + data.a + '</div></div></div></div> ' +
                    '<div class="col-md-6 col-sm-6 col-xs-6"><div class="stat-right"><div class="stat-chart"><div id="sparkline_event"></div></div><div class="stat-number"><div class="title">事件</div><div class="number">' + data.c + '</div></div></div></div>';
            $('#device_over_view_pre').html(s)
            $("#sparkline_warn").sparkline(data.b, {
                type: 'bar',
                width: '100',
                barWidth: 6,
                height: '45',
                barColor: '#F36A5B',
                negBarColor: '#e02222'
            });
            $("#sparkline_event").sparkline(data.d, {
                type: 'bar',
                width: '100',
                barWidth: 6,
                height: '45',
                barColor: '#5C9BD1',
                negBarColor: '#e02222'
            });
        })

        //请求设备总览
        $.get("request_device_overview.do", {}, function (data, status) {
            clearInterval(devicetimer);
            var arr = [];
            arr.push('<table class="table table-hover table-light">');
            arr.push('<thead><tr><th>设备名称</th><th>报警总数</th><th>未处理报警</th><th>事件总数</th><th>未处理事件</th></tr></thead>');

            for (var i = 0; i < data.length; i++) {
                arr.push('<tr><td><a href="deviceinfo.do?tb_no=' + data[i].devicenum + '&tb_name=' + data[i].devicename + '" class="primary-link">' + data[i].devicename + '</a></td>');
                arr.push('<td>' + data[i].totalwarn + '</td>');
                if ((data[i].totalwarn - data[i].handlewarn) > 0) {
                    arr.push('<td><a href="warnrecord.do?search=true&filter={\'devicenum\':\'' + data[i].devicenum + '\',\'servicecode\':\'-\',\'handletime\':\'-\'}" class="primary-link">' + (data[i].totalwarn - data[i].handlewarn) + '</a></td>');
                } else {
                    arr.push('<td>0</td>');
                }
                arr.push('<td>' + data[i].totalevent + '</td>');
                if ((data[i].totalevent - data[i].handleevent) > 0) {
                    arr.push('<td><a href="eventrecord.do?search=true&filter={\'devicenum\':\'' + data[i].devicenum + '\',\'servicecode\':\'-\',\'handletime\':\'-\'}" class="primary-link">' + (data[i].totalevent - data[i].handleevent) + '</a></td></tr>');
                } else {
                    arr.push('<td>0</td></tr>');
                }
            }
            arr.push('</table>');
            var s = arr.join('');
            $('#shclKeyframes_device_over_view').remove();
            $('#device_over_view').html(s);
        })

        $.get("request_service_overview_pre.do", {}, function (data, status) {
            var s = '<div class="col-md-6 col-sm-6 col-xs-6"><div class="stat-left"><div class="stat-chart">' +
                    '<div id="sparkline_warn2"></div></div><div class="stat-number"><div class="title">报警</div><div class="number">' + data.a + '</div></div></div></div> ' +
                    '<div class="col-md-6 col-sm-6 col-xs-6"><div class="stat-right"><div class="stat-chart"><div id="sparkline_event2"></div></div><div class="stat-number"><div class="title">事件</div><div class="number">' + data.c + '</div></div></div></div>';
            $('#service_over_view_pre').html(s)
            $("#sparkline_warn2").sparkline(data.b, {
                type: 'bar',
                width: '100',
                barWidth: 6,
                height: '45',
                barColor: '#F36A5B',
                negBarColor: '#e02222'
            });
            $("#sparkline_event2").sparkline(data.d, {
                type: 'bar',
                width: '100',
                barWidth: 6,
                height: '45',
                barColor: '#5C9BD1',
                negBarColor: '#e02222'
            });
        })

        //请求服务总览
        $.get("request_service_overview.do", {}, function (data, status) {
            clearInterval(servicetimer);
            var arr = [];
            arr.push('<table class="table table-hover table-light">');
            arr.push('<thead><tr><th>服务名称</th><th>部署总数</th><th>报警总数</th><th>未处理报警</th><th>事件总数</th><th>未处理事件</th></tr></thead>');

            for (var i = 0; i < data.length; i++) {
                arr.push('<tr><td><a href="serviceinfo.do?tb_no=' + data[i].servicecode + '&tb_name=' + data[i].servicename + '" class="primary-link">' + data[i].servicename + '</a></td>');
                arr.push('<td>' + data[i].usenum + '</td>');
                arr.push('<td>' + data[i].totalwarn + '</td>');
                if ((data[i].totalwarn - data[i].handlewarn) > 0) {
                    arr.push('<td><a href="warnrecord.do?search=true&filter={\'servicecode\':\'' + data[i].servicecode + '\',\'handletime\':\'-\'}" class="primary-link">' + (data[i].totalwarn - data[i].handlewarn) + '</a></td>');
                } else {
                    arr.push('<td>0</td>');
                }
                arr.push('<td>' + data[i].totalevent + '</td>');
                if ((data[i].totalevent - data[i].handleevent) > 0) {
                    arr.push('<td><a href="eventrecord.do?search=true&filter={\'servicecode\':\'' + data[i].servicecode + '\',\'handletime\':\'-\'}" class="primary-link">' + (data[i].totalevent - data[i].handleevent) + '</a></td></tr>');
                } else {
                    arr.push('<td>0</td></tr>')
                }
            }
            arr.push('</table>');
            var s = arr.join('');
            $('#shclKeyframes_service_over_view').remove();
            $('#service_over_view').html(s);
        });

        //请求服务器状态
        requestserverstatus();
        function requestserverstatus() {

            $.get("serverstatus.do", {}, function (data, status) {
                if (success = status) {
                    if (data) {
                        var arr = [];
                        arr.push('<thead> <tr> <th>服务器名称</th> <th  style="text-align: center;">CPU使用率</th><th style="text-align: center;">内存使用率</th>' +
                                '<th style="text-align: center;">Ping延时</th><th style="text-align: center;">C盘使用率</th>' +
                                '<th style="text-align: center;">D盘使用率</th><th style="text-align: center;">E盘使用率</th><th style="text-align: center;">F盘使用率</th>' +
                                '</tr> </thead>');
                        for (var i = 0; i < data.length; i++) {
                            console.log(data[i]);
                            arr.push('<tr><td><a href="viewstatus.do?devicenum=' + data[i].num + '&devicename=' + data[i].name + '" class="primary-link">' + data[i].name + '</a></td>');
                            if (data[i].cpu >= 95) {
                                arr.push('<td align="center" style="color: red; font-size: 13px;font-weight: bold">' + data[i].cpu + '%</td>');
                            } else if (data[i].cpu >= 80 && data[i].cpu < 95) {
                                arr.push('<td align="center" style="color: deepskyblue; font-size: 13px;font-weight: bold">' + data[i].cpu + '%</td>');
                            } else if (data[i].cpu != undefined) {
                                arr.push('<td align="center">' + data[i].cpu + '%</td>');
                            } else {
                                arr.push('<td></td>');
                            }
                            if (data[i].ram >= 95) {
                                arr.push('<td align="center" style="color: red; font-size: 13px;font-weight: bold">' + data[i].ram + '%</td>');
                            } else if (data[i].ram >= 80 && data[i].ram < 95) {
                                arr.push('<td align="center" style="color: deepskyblue; font-size: 13px;font-weight: bold">' + data[i].ram + '%</td>');
                            } else if (data[i].ram != undefined) {
                                arr.push('<td align="center">' + data[i].ram + '%</td>');
                            } else {
                                arr.push('<td></td>');
                            }
                            if (data[i].ping >= 10000) {
                                arr.push('<td align="center" style="color: red; font-size: 13px;font-weight: bold">' + data[i].ping + 'us</td>');
                            } else if (data[i].ping >= 1000 && data[i].ping < 10000) {
                                arr.push('<td align="center" style="color: deepskyblue; font-size: 13px;font-weight: bold">' + data[i].ping + 'us</td>');
                            } else if (data[i].ping != undefined) {
                                arr.push('<td align="center">' + data[i].ping + 'us</td>');
                            } else {
                                arr.push('<td></td>');
                            }
                            if (data[i].disk_c >= 95) {
                                arr.push('<td align="center" style="color: red; font-size: 13px;font-weight: bold">' + data[i].disk_c + '%</td>');
                            } else if (data[i].disk_c >= 80 && data[i].disk_c < 95) {
                                arr.push('<td align="center" style="color: deepskyblue; font-size: 13px;font-weight: bold">' + data[i].disk_c + '%</td>');
                            } else if (data[i].disk_c != undefined) {
                                arr.push('<td align="center">' + data[i].disk_c + '%</td>');
                            } else {
                                arr.push('<td></td>');
                            }
                            if (data[i].disk_d >= 95) {
                                arr.push('<td align="center" style="color: red; font-size: 13px;font-weight: bold">' + data[i].disk_d + '%</td>');
                            } else if (data[i].disk_d >= 80 && data[i].disk_d < 95) {
                                arr.push('<td align="center" style="color: deepskyblue; font-size: 13px;font-weight: bold">' + data[i].disk_d + '%</td>');
                            } else if (data[i].disk_d != undefined) {
                                arr.push('<td align="center">' + data[i].disk_d + '%</td>');
                            } else {
                                arr.push('<td></td>');
                            }
                            if (data[i].disk_e >= 95) {
                                arr.push('<td align="center" style="color: red; font-size: 13px;font-weight: bold">' + data[i].disk_e + '%</td>');
                            } else if (data[i].disk_e >= 80 && data[i].disk_e < 95) {
                                arr.push('<td align="center" style="color: deepskyblue; font-size: 13px;font-weight: bold">' + data[i].disk_e + '%</td>');
                            } else if (data[i].disk_e != undefined) {
                                arr.push('<td align="center">' + data[i].disk_e + '%</td>');
                            } else {
                                arr.push('<td></td>');
                            }
                            if (data[i].disk_f >= 95) {
                                arr.push('<td align="center" style="color: red; font-size: 13px;font-weight: bold">' + data[i].disk_f + '%</td>');
                            } else if (data[i].disk_f >= 80 && data[i].disk_f < 95) {
                                arr.push('<td align="center" style="color: deepskyblue; font-size: 13px;font-weight: bold">' + data[i].disk_f + '%</td>');
                            } else if (data[i].disk_f != undefined) {
                                arr.push('<td align="center">' + data[i].disk_f + '%</td>');
                            } else {
                                arr.push('<td></td>');
                            }
                        }
                        var s = arr.join('');
                        var a = $('#shclKeyframes_server_over_view').html(s);

                    }
                    setTimeout(function () {
                        requestserverstatus();
                    }, 20000)
                }
            });

        }


         */
    });
</script>
</body>
<!-- END BODY -->
</html>