<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>历史谐波频谱</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/jquery/jquery-ui.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
    <style>
        ul {
            padding: 0 2px;
            border: 1px solid #696969;
            border-radius: 4px;
        }

        .xieboTtitle {
            clear: both;
        }

        .form-control {
            font-size: 12px;
            padding: 4px 12px !important;
            height: 25px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="form-inline  mt5 pr">
        <%@include file="../../include/time.jsp" %>
        <div class="form-inline pdr15" style="display: inline-block;">
            <button type="button" class="btn btn-primary" id="query">
                <i class="glyphicon glyphicon-search"></i>
            </button>
        </div>
    </div>
    <div class="container-fluid" id="outI">
        <ul class="nav nav-pills nav-justified mt10" id="qualifiedTab">
            <li class="active"><a href="#frequency" data-toggle="tab" id="allData">谐波电压含有率</a></li>
            <li><a href="#frequency" data-toggle="tab" id="vuDev">谐波电流幅值</a></li>
        </ul>
    </div>
    <div class="xieboTtitle" style="text-align: center;font-size: 18px" id="point"></div>
    <div id="divtable" class="mt5" style="display: none">
    <table id="example"
           class="table table-striped table-bordered dataTable no-footer"
           cellspacing="0">
        <thead>
        <tr role="row">
            <th class="text-center">次数</th>
            <th class="text-center">2</th>
            <th class="text-center">3</th>
            <th class="text-center">4</th>
            <th class="text-center">5</th>
            <th class="text-center">6</th>
            <th class="text-center">7</th>
            <th class="text-center">8</th>
            <th class="text-center">9</th>
            <th class="text-center">10</th>
            <th class="text-center">11</th>
            <th class="text-center">12</th>
            <th class="text-center">13</th>
            <th class="text-center">14</th>
            <th class="text-center">15</th>
            <th class="text-center">16</th>
            <th class="text-center">17</th>
            <th class="text-center">18</th>
            <th class="text-center">19</th>
            <th class="text-center">20</th>
            <th class="text-center">21</th>
            <th class="text-center">22</th>
            <th class="text-center">23</th>
            <th class="text-center">24</th>
            <th class="text-center">25</th>
            <th class="text-center">26</th>
            <th class="text-center">27</th>
            <th class="text-center">28</th>
            <th class="text-center">29</th>
            <th class="text-center">30</th>
            <th class="text-center">31</th>
            <th class="text-center">32</th>
            <th class="text-center">33</th>
            <th class="text-center">34</th>
            <th class="text-center">35</th>
            <th class="text-center">36</th>
            <th class="text-center">37</th>
            <th class="text-center">38</th>
            <th class="text-center">39</th>
            <th class="text-center">40</th>
            <th class="text-center">41</th>
            <th class="text-center">42</th>
            <th class="text-center">43</th>
            <th class="text-center">44</th>
            <th class="text-center">45</th>
            <th class="text-center">46</th>
            <th class="text-center">47</th>
            <th class="text-center">48</th>
            <th class="text-center">49</th>
            <th class="text-center">50</th>
        </tr>
        </thead>
    </table>
    </div>
    <div id="divtable1" style="display: none">
    <table id="example1"
           class="table table-striped table-bordered dataTable no-footer"
           cellspacing="0">
        <thead>
        <tr role="row">
            <th class="text-center">次数</th>
            <th class="text-center">2</th>
            <th class="text-center">3</th>
            <th class="text-center">4</th>
            <th class="text-center">5</th>
            <th class="text-center">6</th>
            <th class="text-center">7</th>
            <th class="text-center">8</th>
            <th class="text-center">9</th>
            <th class="text-center">10</th>
            <th class="text-center">11</th>
            <th class="text-center">12</th>
            <th class="text-center">13</th>
            <th class="text-center">14</th>
            <th class="text-center">15</th>
            <th class="text-center">16</th>
            <th class="text-center">17</th>
            <th class="text-center">18</th>
            <th class="text-center">19</th>
            <th class="text-center">20</th>
            <th class="text-center">21</th>
            <th class="text-center">22</th>
            <th class="text-center">23</th>
            <th class="text-center">24</th>
            <th class="text-center">25</th>
        </tr>
        </thead>
    </table>
    </div>
    <div id="container" class="mt10"></div>
</div>
<input type="hidden" id="lineIndex" name="lineIndex">
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.core.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.exhide.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.exhide.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/js/plugin/jquery/jquery.dataTables.js"></script>
<script src="${ctx}/js/plugin/highcharts/highstock.js"></script>
<script src="${ctx}/js/plugin/highcharts/export.js"></script>
<script src="${ctx}/js/plugin/highcharts/offline-exporting.js"></script>
<script src="${ctx}/js/plugin/highcharts/highchart-ZH.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.excheck.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/assessmentsis/harmonic.js"></script>
</body>
</html>
