<%@ 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="countDemo.js"></script>
	</head>
	<body>
     <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"  style="display:none;">
                    		    <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 id="alarmType" style="margin:0 auto;width: 80%;height:400px;"></div>
		    		<div id="alarmTrend" style="margin:0 auto;width:80%;height:400px;display:none;"></div>
	       </div>
   	 </div>
	</body>
</html>	
