<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
		 <%@include file="../../frame/assets/header-all.jsp"%>
		<link rel="stylesheet" type="text/css" href="css/queryPage.css">
		 <script type="text/javascript" src="js/echarts/echarts.min.js"></script>
		 <script type="text/javascript" src="js/echarts/EchartsBase.js"></script>
		 <script type="text/javascript" src="queryDemo.js"></script>
		 <style type="text/css">
		 </style>
	</head>
	<body class="easyui-layout" >
     <div class="box-container">
        <div class="play-header">
            <div class="play-header-item">
                    <div id="countDate"  class="height40">
                    		   <em style="display:inline-block; font-style: normal;">统计时间：</em>
                 			   <label><input class="common-checkbox" name="countDate" type="radio" checked  value="1" > <span class="btn-sm btn-success">本周</span></label>
                 			   <label><input class="common-checkbox" name="countDate" type="radio"  value="2"> <span class="btn-sm btn-undefined">本月</span></label>
                 			   <label><input class="common-checkbox" name="countDate" type="radio"  value="3"> <span class="btn-sm btn-undefined">本季度</span></label>
                 			   <label><input class="common-checkbox" name="countDate" type="radio"  value="4"> <span class="btn-sm btn-undefined">本年</span></label>
                 			   <label><input class="common-checkbox" name="countDate" type="radio"  value="5"> <span class="btn-sm btn-undefined">自定义</span></label>
			                    <div style="display:none; margin-left: 20px" id="controlDate" >
			                    	<span>
			                       		<input name="controlStartTime" id="datetimeStart" type="text"  class="easyui-datetimebox" placeholder="起始时间">-
			                       		 &nbsp;&nbsp; &nbsp;&nbsp;<input name="controlEndTime" id="datetimeEnd" type="text"  class="easyui-datetimebox" placeholder="截止时间">
			                        </span>
			                    </div>
                               <button type="button" id="search" class="ql-search"  onclick="searchAlarm();">查  询</button>
                    </div>
                    <div id="countType"  class="height40" >
                    			<em style="display:inline-block; font-style: normal;">分析维度：</em>
                    			<label><input class="common-checkbox"  name="countType"  type="radio" checked  value="1"> <span class="btn-sm btn-success">告警类型</span></label>
                    			<label><input class="common-checkbox"  name="countType"  type="radio"   value="2"> <span class="btn-sm btn-undefined">告警趋势</span></label>
                    </div>
                    <div id="countCycle"   class="height40" >
                    		    <em style="display:inline-block; font-style: normal;">趋势周期：</em>
                    			<label><input class="common-checkbox" name="countCycle"  type="radio"  checked value="1"> <span class="btn-sm btn-success">小时</span></label>
                    			<label><input class="common-checkbox" name="countCycle"  type="radio"   value="2"> <span class="btn-sm btn-undefined">天</span></label>
                    			<label><input class="common-checkbox" name="countCycle"  type="radio"   value="3"> <span class="btn-sm btn-undefined">月</span></label>
                    </div>
            </div>
        	</div>
	        <div class="play-main">
		    	<div class="easyui-tabs"   id="easyui-tabs" >
					<div title="列表展示"  style="padding:10px;">
							<div class="tableGridWrap">
								 <table id='tableGridList'  style="height:1200px;"></table>
							</div>
					</div>
					<div title="图形展示"  style="padding:10px;">
						<div class="tableGridWrap">
						     <table id='tableGridGraph'></table>
						  </div>
					</div>
				</div>
	       </div>
   	 </div>
	</body>
</html>	