<%@ 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/basic.css">
<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/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/basic.css">
<style>
html, body {
	background-color: #F9F9F9 !important;
	font-size: 12px;
	overflow: hidden;
}

.form-control {
	font-size: 12px;
	padding: 4px 12px;
}

.picDiv {
	clear: both;
	background-color: #fff;
	overflow-y: auto;
}

.layui-input, .layui-select, .layui-textarea {
	height: 28px;
}

a {
	color: #003078;
}
</style>
</head>
<body>
	<div class="container-fluid fr">
		<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> <select
					class="form-control" id="choo"
					onchange='targetState(this[selectedIndex].value)'>
				<option id="avg" value="0">平均值</option>
				<option id="max" value="1">最大值</option>
				<option id="min" value="2">最小值</option>
				<option id="cp95" value="3">CP95</option>
				</select>
			</div>
			<div class="form-group " id="harmonicSelect">
				<label style="font-weight: bold; margin-top: 5px">谐波：</label> <select
					class="form-control" id="harmonicId"
					onchange="harmonicState(this[selectedIndex].value)">

				</select>
			</div>
	        <div class="form-group " id="harmonicInHarmSelect">
	            <label style="font-weight: bold;margin-top: 5px">间谐波：</label>
	            <select class="form-control" id="harmonicInHarmId" onchange="harmonicInState(this[selectedIndex].value)">
	
	            </select>
	        </div>
			<%@include file="../../include/time.jsp"%>
			<label class="form-group">时：</label>
			<div class="form-group has-feedback">
				<select class="form-control" id="start">
					<option value="00" selected="selected">00</option>
					<option value="01">01</option>
					<option value="02">02</option>
					<option value="03">03</option>
					<option value="04">04</option>
					<option value="05">05</option>
					<option value="06">06</option>
					<option value="07">07</option>
					<option value="08">08</option>
					<option value="09">09</option>
					<option value="10">10</option>
					<option value="11">11</option>
					<option value="12">12</option>
					<option value="13">13</option>
					<option value="14">14</option>
					<option value="15">15</option>
					<option value="16">16</option>
					<option value="17">17</option>
					<option value="18">18</option>
					<option value="19">19</option>
					<option value="20">20</option>
					<option value="21">21</option>
					<option value="22">22</option>
					<option value="23">23</option>
				</select>
			</div>
			&nbsp;—
			<div class="form-group">
				<select class="form-control" id="end">
					<option value="00">01</option>
					<option value="01">02</option>
					<option value="02">03</option>
					<option value="03">04</option>
					<option value="04">05</option>
					<option value="05">06</option>
					<option value="06">07</option>
					<option value="07">08</option>
					<option value="08">09</option>
					<option value="09">10</option>
					<option value="10">11</option>
					<option value="11">12</option>
					<option value="12">13</option>
					<option value="13">14</option>
					<option value="14">15</option>
					<option value="15">16</option>
					<option value="16">17</option>
					<option value="17">18</option>
					<option value="18">19</option>
					<option value="19">20</option>
					<option value="20">21</option>
					<option value="21">22</option>
					<option value="22">23</option>
					<option value="23" selected="selected">24</option>
				</select>
			</div>
			<%--查询--%>
			<div class="form-group">
				<button type="button" class="btn btn-primary" id="query">
					<i class="glyphicon glyphicon-search"></i>
				</button>
			</div>
			<div class="form-group" style="display: none;">
				<button type="button" class="njcn btn themeBGColor"
					id="btnfullScreen">
					<i class="glyphicon glyphicon-resize-full" title="全屏"
						aria-hidden="true"></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 class="newslist" style="margin-top: -46px;">
			<h3>指标</h3>
			<div id="target" class="ztree"></div>
		</div>
	</div>
	<div class="picDiv" id="echartId" style="width: 98%">
		<div id="point" class="a"
			style="max-width: 98%; max-height: 100%; display: none">
			<li id="pointInfo" style="font-size: 20px; text-align: center"></li>
			<img src="${ctx}/images/timg.png" id="imgs">
		</div>
		<div class="bxfx" id="container1"></div>
		<div class="bxfx" id="container2"></div>
		<div class="bxfx" id="container3"></div>
	</div>

	<script src="${ctx}/js/plugin/jquery/jquery.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/export-csv.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/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/basic.js"></script>
	<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
	<script src="${ctx}/jspJS/utils/loading.js"></script>
	<script src="${ctx}/jspJS/utils/historyUtils.js"></script>
	<script src="${ctx}/jspJS/assessmentsis/history.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 : '20px'
					}, 300);
				});
			});
			//changeState(false);
			ismult = false;
		})
	</script>
</body>
</html>
