<%@ 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/buttons.dataTables.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/plugin/basicButton.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrapSwitch/bootstrap-switch.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/ztree/zTreeStyle.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        .tr {
            text-align: center;
        }

        .table > tbody > tr > td {
            padding: 3px;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }

        body {
            overflow: hidden;
        }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            text-decoration: none;
            border: 1px solid #ddd;
        }

        #overLimitTable {
            min-width: 4700px;
        }
        #allLineCheck {
            width: 18px;
            height: 18px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            line-height: 18px;
            margin-right: 10px;
            position: relative;
            margin-top: 0px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="form-inline header mt10">
        <div class="form-group has-feedback mr10">
            <label>统计类型：</label>
            <select class="form-control" id="statistic" style="width: 140px" readonly>
                <option value="0">电网拓扑</option>
                <option value="1">干扰源类型</option>
                <option value="2">电压等级</option>
            </select>
        </div>
        <%@include file="../../include/time.jsp" %>
        <div class="form-group has-feedback ml10">
            <label>监测点：</label>
            <input type="checkbox" checked class="checkbox"/>
        </div>
        <div class="form-group has-feedback mr10" >
            <label >监测性质：</label>
            <select class="width3 form-control" id="monitorNature">
                <option selected value="-1">全部</option>
                <option value="0">电网侧</option>
                <option value="1">非电网侧</option>
            </select>
        </div>
        <div class="form-group has-feedback ml10">
            <label style="margin-top: 3px">全部监测点：</label>
            <input type="checkbox" id="allLineCheck"/>
        </div>
        <button id="selectData" type="button" class="btn btn-primary ml5">
            <i class="glyphicon glyphicon-search"></i>
        </button>
        <div class="form-group fr mr10" id="exportTable">
            <a class="dt-button buttons-csv buttons-html5"><i class='glyphicon glyphicon-share'></i><span>导出</span></a>
        </div>
    </div>
    <table id="overLimitTable" class="table table-striped table-bordered dataTable no-footer">
        <thead>
        <tr>
            <th style="line-height: 50px" rowspan="2">序号</th>
            <th style="line-height: 50px" rowspan="2">名称</th>
            <th style="line-height: 50px" rowspan="2">在线监测点数量(个)</th>
            <th style="line-height: 50px" rowspan="2">超标监测点数量(个)</th>
            <th style="line-height: 50px" rowspan="2">超标监测点占比(%)</th>
            <th colspan="4">频率偏差超标情况</th>
            <th colspan="4">电压偏差超标情况</th>
            <th colspan="4">谐波电压超标情况</th>
            <th colspan="4">谐波电流超标情况</th>
            <th colspan="4">三相电压不平衡度超标情况</th>
            <th colspan="4">闪变超标情况</th>
            <th colspan="4">负序电流超标情况</th>
            <th colspan="4">间谐波电压超标情况</th>
        </tr>
        <tr>
            <th>超标点数(个)</th>
            <th>累计占比(%)</th>
            <th>日均占比(%)</th>
            <th>平均超标天数(天/点)</th>
            <th>超标点数(个)</th>
            <th>累计占比(%)</th>
            <th>日均占比(%)</th>
            <th>平均超标天数(天/点)</th>
            <th>超标点数(个)</th>
            <th>累计占比(%)</th>
            <th>日均占比(%)</th>
            <th>平均超标天数(天/点)</th>
            <th>超标点数(个)</th>
            <th>累计占比(%)</th>
            <th>日均占比(%)</th>
            <th>平均超标天数(天/点)</th>
            <th>超标点数(个)</th>
            <th>累计占比(%)</th>
            <th>日均占比(%)</th>
            <th>平均超标天数(天/点)</th>
            <th>超标点数(个)</th>
            <th>累计占比(%)</th>
            <th>日均占比(%)</th>
            <th>平均超标天数(天/点)</th>
            <th>超标点数(个)</th>
            <th>累计占比(%)</th>
            <th>日均占比(%)</th>
            <th>平均超标天数(天/点)</th>
            <th>超标点数(个)</th>
            <th>累计占比(%)</th>
            <th>日均占比(%)</th>
            <th>平均超标天数(天/点)</th>
        </tr>
        </thead>
    </table>
</div>
</body>
<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/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.buttons.min.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/js/plugin/bootstrapSwitch/bootstrap-switch.min.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.core.js"></script>
<script src="${ctx}/js/area.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/jspJS/area/areaovernormal.js"></script>
</html>
