<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
    <title>全网监控智能分析平台</title>
    <%-- <script src="${ctx}/static/js/keleyi.min.js"></script> --%>
    <script src="${ctx}/static/js/modernizr.custom.js"></script>
    <script src="${ctx}/static/js/classie.js"></script>
    <script src="${ctx}/static/js/slideCommon.js"></script>
    <%-- <script src="${ctx}/static/js/mlpushmenu.js"></script> --%>
    <script language="javascript">



        function exportAppData() {
            var listForm=$("#queryForm");
            listForm.attr("method","post");
            listForm.attr("action",'${ctx}/AnalysisSupport/TSWBAnalysisHomeView/exportDataFrame?dataType=focus'+"&time="+new Date(getStatsPeriodString()).Format('yyyyMM'));
            listForm.submit();
            listForm.attr("action","#");
        }

        Date.prototype.Format = function (fmt) { //author: meizz
            var o = {
                "M+": this.getMonth() + 1, //月份
                "d+": this.getDate(), //日
                "h+": this.getHours(), //小时
                "m+": this.getMinutes(), //分
                "s+": this.getSeconds(), //秒
                "q+": Math.floor((this.getMonth() + 3) / 3), //季度
                "S": this.getMilliseconds() //毫秒
            };
            if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            for (var k in o)
                if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            return fmt;
        };

        function searchAppData() {
            var t = getStatsPeriodString();
            $('#timeLabel1').html('筛选时间:'+t);
            queryResult(1);
        }

        function queryResult(page) {
            $.ajax({
                type : 'post',
                'url' : '${ctx}/AnalysisSupport/TSWBAnalysisHomeView/queryFocusFrame',
                data : $('#queryForm').serialize() + "&page=" + page + "&timeArr="+new Date(getStatsPeriodString()).Format('yyyyMM'),
                success : function(data) {
                    $('#resultList').html(data);
                    disable();
                }
            });
        }
        $(document).ready(function(){
            initDateStats();
            searchAppData()
        });
    </script>
</head>
<body>
<form action="#" method="get" id="listForm"></form>
<div id="main-tab-container">
    <div id="content">
        <div class="section" height="100%" style="overflow: visible">
            <div class="tab-content">
                <div class="row me-row">
                    <div id="slidePushMenus" class="cbp-spmenu-push">
                        <div class="slideMenu" id="cbp-spmenu-s1">
                            <div class="form">
                                <form id="queryForm" role="form" action="${ctx}/AnalysisSupport/TSWBAnalysisHomeView/focusFrame"
                                      method="post">
                                    <div class="slide-menu-option">
                                        <label>时间:</label>
                                        <tags:TSWB_Detail_Period/>
                                    </div>
                                    <div class="slide-menu-option">
                                        <button type="input" class="btn btn-primary" onclick="searchAppData();return false;">提交</button>
                                        <button type="reset" class="btn btn-warning">重置</button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="main col-xs-12">
                            <div id="mainm" class="mainm" onclick="disable()"></div>
                            <div class="content clearfix">
                                <div class="block clearfix">

                                    <!-- <a href="#" id="trigger" class="menu-trigger"> <span class="glyphicon glyphicon-list"></span>
                                        </a> -->
                                    <div ><!-- class="slide-menu-tags" -->
                                        <button id="showLeftPush" class="menu-trigger btn btn-default">
                                            <span class="glyphicon glyphicon-list"></span>
                                        </button>
                                        <span class="label label-info" id="timeLabel1"></span>
                                        <span class="label label-info" id="timeLabel2"></span>

                                    </div>
                                </div>
                                <!-- Top Navigation -->
                                <div style="OVERFLOW-Y: auto; OVERFLOW-X:auto;height:500px;width:99%">
                                    <!-- 									<div class="row"> -->
                                    <div class="col-xs-12" id="resultList">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>