<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <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"/>
    <title>图例</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.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">
    <style type="text/css">
        body, html, #allmap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }

        .dg-sub b.red {

            border-bottom: solid 1px #98af9f;
            font-weight: bold;
        }

        .dg-sub b {
            padding: 2px 5px;
            color: #666;
            font-weight: normal;
        }

        .left-menu {
            top: 5px;
            left: 5px;
        }

        #tj {
            min-height: 550px;
        }

        @media screen and (min-width: 1000px) and (max-width: 1400px) and (max-height: 500px) {
            #tj {
                min-height: 500px;
            }
        }

        .nav > li > a {
            padding: 3px 15px;
        }

        .middlediv {
            background: #FFFFFF;
            float: left;
            position: absolute;
            left: 245px;
        }

        .imgarrow {
            float: left;
            margin-left: 0px;
            margin-top: 1px;
        }

        .mainright {
            float: left;
            margin-left: 1px;
            width: 300px;
        }

        #middle_tree {
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <label id="timeLimit"></label>
    <div class="form-inline header" style="margin-top:2px;position: relative;z-index: 99">
        <div class="form-group ">
            <label style="font-weight: bold;margin-top: 5px">时间范围：</label>
            <span id="timeChoose" style="color:red"></span>
        </div>
        <div class="form-group ">
            <label style="font-weight: bold;margin-top: 5px">指标：</label>
            <select class="form-control" id="choo" onchange='targetState(this[selectedIndex].value)'>

            </select>
        </div>
        <div class="form-group " id="harmonicSelect">
            <label style="font-weight: bold;margin-top: 5px;">谐波次数：</label>
            <select class="form-control" id="harmonicId">

            </select>
        </div>
        <div class="form-group">
            <button type="button" class="btn btn-primary" id="query">
                <i class="glyphicon glyphicon-search"></i>
            </button>
        </div>
    </div>
    <div id="point" class="a"
         style="max-width: 100%; max-height:100%;display: none">
        <img
                src="${ctx}/images/timg.png" id="imgs">
    </div>
    <div class="bxfx" id="container"></div>
</div>
<%--Common Modal --%>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/highchart/highstock.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/js/plugin/highchart/export.js"></script>
<script src="${ctx}/js/plugin/highchart/export-csv.js"></script>
<script src="${ctx}/js/plugin/highchart/highchart-ZH.js"></script>
<script src="${ctx}/js/plugin/highchart/offline-exporting.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/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}/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/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/jspJS/utils/historyUtils.js"></script>
<script src="${ctx}/jspJS/monitor/waveform.js"></script>
<script>
</script>
</body>
</html>