<%@ 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/plugin/bootstrap/bootstrap.min.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/plugin/checkbutton.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
	<link rel="stylesheet" href="${ctx}/css/plugin/dateSlider/dateSlider.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
    <style>
		html, body {
			background-color: #F9F9F9 !important;
			font-size: 12px;
			overflow: hidden;
		}
		
        ul {
            padding: 0 2px;
            border: 1px solid #696969;
            border-radius: 4px;
        }

        .xieboTtitle {
            clear: both;
        }

        .form-control {
            font-size: 12px;
            padding: 4px 12px !important;
        }
        .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	    	padding: 5px;
	    }
	    .picDiv {
			clear: both;
			background-color: #fff;
			overflow-y: auto;
		}
    </style>
</head>
<body>
<div id="main" style="display: none;">
<div class="container-fluid" style="overflow: hidden;">
	<div class="form-inline header fr" style="margin-top: 2px;padding-bottom:15px; position: relative; z-index: 99">
			<div class="form-group pdr10" id="timegroup">
			<label style="font-weight: bold; margin-top: 5px">总区间：</label>
			<div class="form-group" id="container" style="height: 45px;"></div>
			</div>
			<div class="form-group">
			    <input type="text" class="form-control form_datetime con"  autocomplete="off"
			           id="startTime" style="width: 138px">
			</div>
			&nbsp;—
			<div class="form-group">
			    <input type="text" class="form-control form_datetime con" autocomplete="off"
			           id="endTime" style="width: 138px">
			</div>
            <div class="form-group pdr10">
            <label class="form-group">模板策略:</label>
		        <div class="form-group has-feedback">
		            <select class="form-control" id="template">
		            </select>
		        </div>
		        <button id="ploymanage" class="btn themeBGColor" style="padding-top: 0px;padding-right: 3px;padding-bottom: 0px;padding-left: 3px;">
				<i class="glyphicon glyphicon-edit mr0"></i></button>
	            <button type="button" class="btn btn-primary" id="saveReport">
	                	报告生成
	            </button>
	        </div>
		</div>
</div>
		<%--时间横轴--%>
		<label style="font-weight: bold; position: absolute;margin-top: -5px;font-size: 12px;padding-left: 25px;">时间段：</label>
        <div class="dateSlider" id="dateSlider" style="height:50px;padding:0px 50px 0px 80px;">&nbsp;</div>
	<div class="col-sm-12">
    <table id="nodelist"
					class="table table-striped table-bordered dataTable no-footer"
					style="width: 100%; cellspacing: 0;" role="grid"
					aria-describedby="example_info" style="margin-top: -25px;">
					<thead>
						<tr role="row">
							<th class="text-center">ID</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">更新时间</th>
							<th class="text-center">操作</th>
						</tr>
					</thead>
				</table>
	</div>
</div>

<div id="point" class="a"
	style="width: 100%;height: 100%;">
	<img src="${ctx}/images/timg.png" id="imgs">
	<div class="bxfx" id="container1"></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/plugin/highcharts/timeline.js"></script>
	<script src="${ctx}/js/plugin/highcharts/export.js"></script>
	<script src="${ctx}/js/plugin/highcharts/highchart-ZH.js"></script>
	<script src="${ctx}/js/plugin/jquery/jquery.dataTables.min.js"></script>
	<script src="${ctx}/js/plugin/datatables/dataTables.bootstrap.min.js"></script>
	<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
	<script src="${ctx}/js/plugin/jquery-ui/jquery-ui.js"></script>
	<script src="${ctx}/js/color.js"></script>
	<script src="${ctx}/js/plugin/laydate/laydate.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/bootstrap/bootstrap-datetimepicker.js"></script>
	<script
		src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
	<script src="${ctx}/js/basic.js"></script>
	<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/plugin/dateSlider/dataSlider-hour.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/monitor/offword.js"></script>
<script type="text/javascript">
$(function() {
	//执行一个laydate实例
	laydate.render({
		elem: '#startTime', //指定元素
		type: 'datetime'
	});
	
	laydate.render({
		elem: '#endTime', //指定元素
		type: 'datetime'
	});
})
</script>
</body>
</html>
