<%@ 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">

        $(document).ready(function(){
            initDate();
            queryResult(1);

        });
    </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/QualityRuleOperation/focusFrame"
                                      method="post">
                                    <div class="slide-menu-option">
                                        <tags:PeriodTag />
                                        <tags:ProvinceTag />
                                        <tags:Quality_dataSource_channel_business/>
                                        <tags:QualityRule_IfFilter />


                                    </div>
                                    <div class="slide-menu-option">
                                        <button type="input" class="btn btn-primary" onclick="searchData();return false;">提交</button>
                                        <button type="reset" class="btn btn-warning" onclick="operationResultReset()">重置</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 id="PeriodTag" class="label label-info" data-placement="bottom" >最近一个月</span>
                                        <span id="ProvinceTag" class="label label-info" data-placement="bottom"></span>
                                        <span id="DataSourceTag" class="label label-info" data-placement="bottom" ></span>
                                        <span id="ChannelTag3" class="label label-info" data-placement="bottom"></span>
                                        <span id="BusinessTag" class="label label-info" data-placement="bottom" ></span>
                                        <span id="ifFilterTag" class="label label-info" data-placement="bottom" ></span>


                                    </div>
                                    <div class="bt-list-import">
                                        <a href="#" id="uploadExcel" class=""> <span
                                                class="glyphicon glyphicon-import"></span> <span
                                                class="glyphicon-class">导出Excel</span> </a>
                                    </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>
<script language="javascript">

    function searchData() {
        $('#PeriodTag').text("时间范围").attr('data-original-title',getPeriodStr()).tooltip();
        $('#DataSourceTag').text("数据来源").append($("<span class='badge'></span>").text(getStatsDataSourceCheckedValues().length)).attr('data-original-title',getStatsDataSourceCheckedTitles()).tooltip();
        $('#ChannelTag').text("渠道").append($("<span class='badge'></span>").text(getStatsChannelCheckedValues().length)).attr('data-original-title',getStatsChannelCheckedTitles()).tooltip();
        $('#BusinessTag').text("业务").append($("<span class='badge'></span>").text(getStatsBusinessCheckedValues().length)).attr('data-original-title',getStatsBusinessCheckedTitlesString()).tooltip();
        $('#ProvinceTag').text("省份").append($("<span class='badge'></span>").text(getProvinceCheckedValues().length)).attr('data-original-title',getProvinceCheckedTitles()).tooltip();
        $('#ifFilterTag').text("是否过滤").attr('data-original-title', getIfFilterTitle()).tooltip();

        queryResult(1);
    }

    function queryResult(page) {
        $.ajax({
            type : 'post',
            'url' : '${ctx}/AnalysisSupport/QualityRuleOperation/queryOperationFrame',
            data : "page=" + page +"&period="+getPeriodStr()+"&province="+getProvinceCheckedValues()+"&dataSource="+getStatsDataSourceCheckedValuesString()+"&chnnal="+getStatsChannelCheckedValuesString()+"&bussines="+getStatsBusinessCheckedValuesString()+"&ifFilter="+getIfFilter(),
            success : function(data) {
                $('#resultList').html(data);
                disable();
            }
        });
    }

    $("#uploadExcel").click(function(){
        var listForm=$("#listForm");
        listForm.attr("method","post");
        listForm.attr("action","${ctx}/AnalysisSupport/QualityRuleOperation/uploadOperation");
        listForm.submit();
        listForm.attr("action","#");
    });

    function operationResultReset(){
        initDate();
        ProvinceReset();
        RelFilterRest();
        statsDataSourceReset();//三级联动重置
    }

</script>
</body>
</html>