<%@ 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/datatables/datatables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <link rel="stylesheet" href="${ctx}/css/tip.css">
    <style>
        html, body {
            background-color: #F9F9F9 !important;
            overflow: hidden;
        }

        ul {
            padding: 0 2px;
            border: 1px solid #696969;
            border-radius: 4px;
        }

    </style>
</head>
<body>
<%--<div id="message">aaa</div>--%>
<div class="container-fluid">
    <ul class="nav nav-pills nav-justified mt10" id="qualifiedTab">
        <li class="active"><a href="#steady" data-toggle="tab" id="allData">全部</a></li>
        <li><a href="#steady" data-toggle="tab" id="frequency">频率偏差</a></li>
        <li><a href="#steady" data-toggle="tab" id="flicker">闪变</a></li>
        <li><a href="#steady" data-toggle="tab" id="uBalance">电压不平衡</a></li>
        <li><a href="#steady" data-toggle="tab" id="harmVoltage">谐波电压</a></li>
        <li><a href="#steady" data-toggle="tab" id="voltageDeviation">电压偏差</a></li>
        <li><a href="#steady" data-toggle="tab" id="harmElec">谐波电流</a></li>
        <li><a href="#steady" data-toggle="tab" id="iNeg">负序电流</a></li>
        <li><a href="#steady" data-toggle="tab" id="inUharm">间谐波电压含有率</a></li>
    </ul>
    <div class="row">
        <div class="tab-content">
            <div class="tab-pane active" id="steady">
                <%--区域模块--%>
                <div class="col-sm-12  single" id="area"></div>
                <%--电压等级、终端厂家模块--%>
                <div class="col-sm-6  single" id="voltage"></div>
                <div class="col-sm-6  single" id="loadType"></div>
                <div class="col-sm-12  allArea" id="table">
                    <table id="areaTable" class="table table-striped table-bordered dataTable no-footer">
                        <thead>
                        <tr>
                            <th>区域</th>
                            <th>频率偏差(%)</th>
                            <th>闪变(%)</th>
                            <th>三相电压不平衡度(%)</th>
                            <th>谐波电压(%)</th>
                            <th>电压偏差(%)</th>
                            <th>谐波电流(%)</th>
                            <th>负序电流(%)</th>
                            <th>间谐波电压含有率(%)</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                    </table>
                </div>
                <div class="col-sm-12  allArea" id="allArea"></div>
                <div>
                    <button id="helper" type="button" style="z-index: 999;margin-left: -270px;margin-top: 3px;"
                            class="btn tip tip-bottom" data-tip="合格率详解">
                        <i class="glyphicon glyphicon-info-sign" style="margin-left: -3px;margin-right: -3px;"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" id="startTime">
<input type="hidden" id="endTime">
<input type="hidden" id="gist">
<input type="hidden" id="type">
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/echarts/echarts.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.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}/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}/jspJS/utils/getTime.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/area/steadyCommon.js"></script>
<script src="${ctx}/jspJS/utils/barUtil.js"></script>
<script src="${ctx}/jspJS/utils/tableSort.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/jspJS/overview/frequency.js"></script>
<script src="${ctx}/jspJS/utils/helper.js"></script>
<script>
    $("#helper").click(function () {
        toHelper("#wtzbhgl");
    });
</script>
</body>
</html>
