<%@ 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">
	<style>
		.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/time.jsp"%>
						<div class="form-inline queryButton">
							<button id="query" type="button" class="btn btn-primary">
								<i class="glyphicon glyphicon-search"></i>
							</button>
						</div>
					</form>
		</div>
		
		<ul id="myTab" class="nav nav-tabs pdt5">
			<li class="active"><a href="#chance01" data-toggle="tab">暂降幅值概率分布</a></li>
			<li><a href="#chance02" data-toggle="tab">持续时间概率分布</a></li>
		</ul>
		<div id="myTabContent" class="tab-content">
			<div id="chance01" class="tab-pane fade in active">
				<div id="chance1" style="width:100%;"></div>
			</div>
			<div id="chance02" class="tab-pane fade in">
				<div id="chance2" style="width:100%;"></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/showeventchance.js"></script>
	<script type="text/javascript" charset="utf-8">
    $("#query").click(function (){
    	var lineIndex=$("#lineIndex").val();
    	lineIndex=filterXSS(lineIndex);
		var startTime = $("#startTime").val();
		var endTime = $("#endTime").val();
		
		getEventChance(lineIndex,startTime,endTime);
	});
    </script>
</body>
</html>