<%@ 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/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="${ctx}/js/plugin/layerui/css/layui.css" media="all">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/dataTables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
	<link rel="stylesheet" href="${ctx}/css/tip.css">
    <style>
    		#time{
    			 width:100%;
    			 height: 410px;
    			 margin-top: 10px;
    		}
	    	@media screen and (min-width: 1200px) and (max-width:1400px) and (max-height:490px){
				#time{
					height:300px;
				}
			}
			.glyphicon {
			    top: 2px;
			    left: 2px;
		    }
		    .queryButton{
		    	display:inline-block
		    }
    </style>   
</head>

<body class="pd15">
    <div style="background:#fff;margin-top:-15px;">
    	<div class="form-inline pdt10">
					<form class="form-inline">
						<%@include file="../../include/manageTime.jsp"%>
						<div class="form-inline queryButton">
							<button id="query" type="button" class="btn btn-primary">
								<i class="glyphicon glyphicon-search"></i>
							</button>
							<button id="helper" type="button" class="btn btn-primary tip tip-bottom" data-tip="注:暂降类型仅统计暂降原因为短路故障的事件">
								<i class="glyphicon glyphicon-info-sign" style="margin-left: -6px;margin-right: -3px;"></i>
							</button>
						</div>
					</form>
		</div>
		<div class="mt10">
		    <div class="col-md-6" style="width:50%">
		    	<div id="time" ></div>
		    </div>
		    <div class="col-md-6" style="width:50%">
		    	<div id="cause"></div>
		    	<div id="type"></div>
		    </div>
    	</div>
    </div>
<input type="hidden" value="${sessionScope.lineIndex}" id="lineIndex">  
    <%--Common Modal --%>
    <script src="${ctx}/js/plugin/jquery.min.js"></script>
    <script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
    <script src="${ctx}/js/plugin/bootstrap/jquery.dataTables.min.js"></script>
    <script src="${ctx}/js/plugin/bootstrap/dataTables.bootstrap.min.js"></script>
    <script src="${ctx}/js/plugin/layerui/layer.js"></script>
    <script src="${ctx}/js/plugin/layerui/layui.js" charset="utf-8"></script>
    <script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.min.js"></script>
    <script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="${ctx}/js/plugin/echarts3D/echarts.js"></script>
    <script src="${ctx}/js/basic.js"></script>
	<script src="${ctx}/js/color.js"></script>
	<script src="${ctx}/js/plugin/xss/xss.js"></script>
	<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
    <script src="${ctx}/jspJS/utils/timeControl.js"></script>
    <script src="${ctx}/jspJS/monitor/showeventtime.js"></script>
    <script type="text/javascript" charset="utf-8">
</script>
</body>
</html>