<%@ 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.css">
    <link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/mulitiCheckbox/hsCheckData.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/jquery/jquery-ui.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet"
          href="${ctx}/css/plugin/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/bootstrap-select.css"/>
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        html, body {
            background-color: #F9F9F9 !important;
            font-size: 12px;
            overflow: hidden;
        }

        .btn {
            font-size: 12px
        }

        .buttons-html5 {
            height: 22px;
        }

        a {
            color: #003078;
            text-decoration: underline;
        }

        a:link, a:visited, a:hover, a:active {
            text-decoration: underline;
        }

        .dt-buttons a {
            text-decoration: none;
        }
    </style>
</head>
<body>
<div class="container-fluid fr" style="margin-bottom: 5px;">
    <div class="form-inline header" style="margin-top:2px;position: relative;z-index: 99">
        <%@include file="../../include/time.jsp" %>
        <div id="harmonic" style="display: none;">
            <label class="ml15">谐波次数：</label>
            <select multiple data-width="140px" data-none-selected-text="--请选择--" class="selectpicker vermiddle"
                    id="times"
                    readonly="">
                <option value="-1">全部</option>
                <option value="-2">偶次</option>
                <option value="-3">奇次</option>
            </select>
        </div>
        <div id="harmonicInHarm" style="display: none;">
            <label class="ml15">间谐波次数：</label>
            <select multiple data-width="140px" data-none-selected-text="--请选择--" class="selectpicker vermiddle"
                    id="harmonicInHarms"
                    readonly="">
                <option value="-1">全部</option>
            </select>
        </div>
        <%--查询--%>
        <div class="form-group">
            <button type="button" class="btn btn-primary" id="query" style="margin-right: 2px;">
                <i class="glyphicon glyphicon-search"></i>
            </button>
        </div>
    </div>
</div>
<%-- 指标 --%>
<div class="float-open" id="float-open"
     style="right: 7px; float: right;">
    <a id="open-btn" href="javascript:void(0);"><i class="fa fa-arrow-circle-o-left"
                                                   style="font-size: 33px"></i></a>
</div>
<div class="float-news" id="float-news"
     style="right: -450px; float: right; height: 65%">
    <a id="float-close" href="javascript:void(0);"><i
            class="fa fa-remove" style="font-size: 33px;margin-left: 160px;"></i></a>
    <div style="margin-top: -30px;">
        <h3>指标</h3>
        <div id="target" class="ztree" style="overflow-y: auto"></div>
    </div>
</div>
<div style="width: 100%;">
    <table id="tableId"
           class="table table-striped table-bordered dataTable no-footer table-hover table-condensed"
           cellspacing="0" width="100%" role="grid"
           aria-describedby="example_info">
        <thead>
        <tr role="row">
            <th class="text-center">变电站</th>
            <th class="text-center">监测点名称</th>
            <th class="text-center">指标类型</th>
            <th class="text-center">相别</th>
            <th class="text-center">电压等级</th>
            <th class="text-center">时间</th>
            <th class="text-center">单位</th>
            <th class="text-center">最大值</th>
            <th class="text-center">最小值</th>
            <th class="text-center">平均值</th>
            <th class="text-center">95概率值</th>
        </tr>
        </thead>
    </table>
</div>
<input type="hidden" id="obj_Search"
       name="obj_Search">
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/highcharts/lodash.min.js"></script>
<script src="${ctx}/js/plugin/highcharts/highstock.js"></script>
<script src="${ctx}/js/color.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/layui/layer.js"></script>
<script src="${ctx}/js/plugin/layui/layui.js"></script>
<script src="${ctx}/js/plugin/jquery/jquery.contextMenu.js"></script>
<script src="${ctx}/js/plugin/jquery/jquery.cleverTabs.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.core.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/ztree/jquery.ztree.excheck.js"></script>
<script src="${ctx}/js/plugin/jquery/jquery.dataTables.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/js/plugin/bootstrap/3.3.7/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-select.js"></script>
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
<script src="${ctx}/js/plugin/mulitiCheckbox/hsCheckData.js"></script>
<script src="${ctx}/jspJS/assessmentsis/abnormLimits.js"></script>
<script>
    $("#interval").val("周");
    $(function () {
        $("#float-close").click(function () {
            $(".float-news").animate({
                right: '-450px'
            }, 300, function () {
                $(".float-open").delay(50).animate({
                    right: '7px'
                }, 300);
            });
        });
        $("#open-btn").click(function () {
            $(".float-open").animate({
                right: '-70px'
            }, 100, function () {
                $(".float-news").delay(50).animate({
                    right: '10px'
                }, 300);
            });
        });
    });

    // 右边统计类型tree节点增加数据
    var zNodes = [{
        id: 1,
        pId: 0,
        name: "电压趋势",
        open: true,
        checked: true,
    }, {
        id: 13,
        pId: 1,
        name: "电压偏差",
        checked: true
    }, {
        id: 15,
        pId: 1,
        name: "三相电压不平衡度",
        checked: true
    }, {
        id: 17,
        pId: 1,
        name: "电压总谐波畸变率"
    },  {
        id: 2,
        pId: 0,
        name: "电流趋势",
    }, {
        id: 23,
        pId: 2,
        name: "负序电流"
    }, {
        id: 3,
        pId: 0,
        name: "频率趋势",
    }, {
        id: 31,
        pId: 3,
        name: "频率偏差"
    }, {
        id: 4,
        pId: 0,
        name: "谐波趋势",
    }, {
        id: 41,
        pId: 4,
        name: "谐波电压含有率"
    }, {
        id: 42,
        pId: 4,
        name: "谐波电流幅值"
    }, {
        id: 43,
        pId: 4,
        name: "间谐波电压含有率"
    }, {
        id: 6,
        pId: 0,
        name: "闪变趋势",
    }, {
        id: 62,
        pId: 6,
        name: "长时电压闪变"
    }];

    for (var i = 2; i < 26; i++) {
        $('#times').append("<option value='" + i + "'>" + i + "次</option>");
    }

    for (var j = 1; j < 17; j++) {
        $('#harmonicInHarms').append("<option value='" + j + "'>" + (j-0.5) + "次</option>");
    }
</script>
</body>
</html>
