<%@ 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/buttons.dataTables.min.css">
<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 type="text/css">
.table {
	margin-top: -25px;
}

#analyze_filter {
	position: absolute;
	top: -30px;
	right: 200px;
}

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

@media screen and (min-width: 1200px) and (max-width:1400px) {
	#analyze_filter {
		top: -34px;
		right: -432px;
	}
}

.glyphicon {
	top: 2px;
	left: 2px;
}

.queryButton {
	display: inline-block
}
</style>
</head>

<body style="padding: 5px 0px">
	<div class="content_wrapper" style="background-color: #fff;">
		<div class="container-fluid">
			<form id="headform" class="form-inline ml15 header">
				<%@include file="../../include/time.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>
				<div class="form-inline pdr15 fr">
					<button id="btn_deal" type="button" class="btn themeBGColor">
						<i class="glyphicon glyphicon-stats"></i>高级分析
					</button>
				</div>
			</form>
			<div class="col-sm-12">
				<div id="yxdInfo" class="fr" style="margin-bottom: -8px;">
				</div>
				<table id="analyze"
					class="table table-striped table-bordered dataTable no-footer"
					style="width: 100%; cellspacing: 0;"
					role="grid"
					aria-describedby="example_info" 
					style="margin-bottom:-8px;">
					<thead>
						<tr role="row">
							<th class="text-center">序号</th>
							<th class="text-center">事件ID</th>
							<th class="text-center">暂降发生时刻</th>
							<th class="text-center">暂降(骤升)幅值(%)</th>
							<th class="text-center">持续时间(s)</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">fileflag</th>
							<th class="text-center">操作</th>
						</tr>
					</thead>
				</table>
			</div>
		</div>
	</div>

	<div id="yzdfx" class="alert" role="alert"
		style="position: absolute; width: 210px; top: 55px; right: 0px; display: none; background-color: #fff;">
		<span>严重度公式</span>
		<ul class="list-group" style="margin-top: 0px;">
			<li><img src="${ctx}/images/zjyzd.png"
				class="col-md-3 col-md-offset-1"
				style="width: 300px; height: 100px;"></li>
		</ul>
	</div>
	<a download="" href="" target="blank" id="downPdf"></a>
	<script src="${ctx}/js/plugin/jquery.min.js"></script>
	<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
	<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
	<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
	<script src="${ctx}/js/plugin/layerui/layui.all.js"></script>
	<script src="${ctx}/js/plugin/bootstrap/dataTables.buttons.min.js"></script>
	<script src="${ctx}/js/plugin/bootstrap/buttons.html5.min.js"></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/jquery.cleverTabs.js"></script>
	<script src="${ctx}/js/basic.js"></script>
	<script src="${ctx}/jspJS/utils/timeControl.js"></script>
	<script src="${ctx}/jspJS/utils/loading.js"></script>
	<script src="${ctx}/jspJS/utils/helper.js"></script>
	<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
	<script src="${ctx}/jspJS/monitor/analyze.js"></script>
</body>
</html>