<%@ 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"%>
		<script type="text/javascript" src="ywalarmeventinfo.js"></script>
		<script type="text/javascript" src="../common/js/echarts/echarts.min.js"></script>
		<script type="text/javascript" src="../common/js/echarts/EchartsBase.js"></script>
		<script type="text/javascript" src=""></script>
		<style type="text/css">
			.deviceAnalysisGraphChartBox{
				width:50%;
				height:90%;
				/* float:right; 
				background: #fff2e1;*/
			}
			#deviceAnalysisGraphChartBoxTime{
				position:absolute;
				right: 76px;
				 top: -15px;
			}
			#deviceAnalysisGraphChartBoxTime li{
				float:left;
				margin: 0 1px;
				background-color:#e5e5e5;
				width:60px;
				height:24px;
				text-align:center;
				line-height:24px;
				color:#aaaaaa;
				cursor:pointer;
			}
			#deviceAnalysisGraphChartBoxTime li.active{
				color:white;
				background-color:#61b760;
		
			}
			.searchGridStaticsSplitLine{
				position:absolute;
				width:1px;
				height:380px;
				top:10px;
				right:30px;
				background-color:#e5e5e5;
			}
		</style>
	</head>
	<!-- 设置高度,一行 44px,二行80,三行116-->
	<body id="body" class="easyui-layout" >
		<div data-options="region:'north',split:false,border:false,collapsible:false"  style="height:80px;">
			<div class="form-line clearfix">
		    	<div class="fl">
        	    	<span class="text-content">设备名称：</span>
					<input id=deviceName class="easyui-textbox" data-options="required:false,validType:'length[0,40]'">
		        </div>
		        <div class="fl">
					<span class="text-content">设备类型：</span> 
					<input id="deviceType" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'" missingMessage="设备类型必填项" > 
				</div> 
		        <div id="deviceChooseDiv" class="fl">
					<span class="text-content">设备选择：</span> 
					<input id="deviceChoose" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'" missingMessage="设备选择必填项" > 
				</div> 
				<div class="fl">
					<span class="text-content">处理状态：</span> 
					<input id="processStatus" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'" missingMessage="处理状态必填项" > 
				</div>
			 </div>
			  <div class="form-line clearfix">
			  	<div class="fl">
        	    	<span class="text-content">告警等级：</span>
					<input id="alarmLevel" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'" >
		        </div>
				 <div id="failureTypeDiv" class='fl'>
					<span class="text-content">告警类型：</span> 
					<input id="alarmType" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'" missingMessage="告警类型必填项" > 
		        </div>
		        <div class='fl'>
						<span class="text-content">开始时间（起）</span> <input id="startTime"
						class="easyui-datetimebox" />
		        </div>
		        <div class='fl'>
						<span class="text-content">结束时间（止）</span> <input id="endTime"
						class="easyui-datetimebox" />
		        </div>
		 	</div>
			 <div class="form-line hidden">	         
				<div class='fl'>
					<span class="text-content">告警设备名称：</span>
					<input id="LIKEalarmdevicename" data-options="validType:'length[0,40]'" >
				</div>
				<div class='fl'>
					<span class="text-content">告警设备编号：</span>
					<input id="LIKEalarmdeviceid" data-options="validType:'length[0,40]'" >
				</div>
				<div class='fl'>
					<span class="text-content">通道编号：</span>
					<input id="LIKEchannelnum" data-options="validType:'length[0,10]'" >
				</div>
				<div class='fl'>
					<span class="text-content">告警类型：</span>
					<input id="LIKEalarmtype" data-options="validType:'length[0,10]'" >
				</div>
				<div class='fl'>
					<span class="text-content">告警严重级别：</span>
					<input id="LIKEalarmgrade" data-options="validType:'length[0,10]'" >
				</div>
				<div class='fl'>
					<span class="text-content">告警子类型编码：</span>
					<input id="LIKEalarmsubtypecode" data-options="validType:'length[0,40]'" >
				</div>
				<div class='fl'>
					<span class="text-content">告警子类型编码名称：</span>
					<input id="LIKEalarmsubtypename" data-options="validType:'length[0,200]'" >
				</div>
				<div class='fl'>
					<span class="text-content">告警原因：</span>
					<input id="LIKEalarmreason" data-options="validType:'length[0,254]'" >
				</div>
				<div class='fl'>
					<span class="text-content">告警时间：</span>
					<input id="LIKEalarmtime" data-options="validType:'length[0,19]'" >
				</div>
				<div class='fl'>
					<span class="text-content">故障描述：</span>
					<input id="LIKEfalutdtype" data-options="validType:'length[0,40]'" >
				</div>
				<div class='fl'>
					<span class="text-content">故障描述：</span>
					<input id="LIKEfalutdescription" data-options="validType:'length[0,254]'" >
				</div>
				<div class='fl'>
					<span class="text-content">处理状态：</span>
					<input id="LIKEprocessstatus" data-options="validType:'length[0,10]'" >
				</div>
				<div class='fl'>
					<span class="text-content">处理时间：</span>
					<input id="LIKEprocesstime" data-options="validType:'length[0,19]'" >
				</div>
				<div class='fl'>
					<span class="text-content">处理人员编号：</span>
					<input id="LIKEprocessaccount" data-options="validType:'length[0,40]'" >
				</div>
				<div class='fl'>
					<span class="text-content">处理描述：</span>
					<input id="LIKEprocessdescription" data-options="validType:'length[0,254]'" >
				</div>
				<div class='fl'>
					<span class="text-content">销警时间：</span>
					<input id="LIKEunalarmtime" data-options="validType:'length[0,19]'" >
				</div>
				<div class='fl'>
					<span class="text-content">完成处理时间：</span>
					<input id="LIKEcompletetime" data-options="validType:'length[0,19]'" >
				</div>
				<div class='fl'>
					<span class="text-content">完成处理人员编号：</span>
					<input id="LIKEcompleteaccount" data-options="validType:'length[0,32]'" >
				</div>
				<div class='fl'>
					<span class="text-content">图片url路径：</span>
					<input id="LIKEpictureurl" data-options="validType:'length[0,254]'" >
				</div>
				<div class='fl'>
					<span class="text-content">视频url路径：</span>
					<input id="LIKEvideourl" data-options="validType:'length[0,254]'" >
				</div>
				<div class='fl'>
					<span class="text-content">处理人员编号：</span>
					<input id="LIKErelatetaskbatchnum" data-options="validType:'length[0,40]'" >
				</div>
				<div class='fl'>
					<span class="text-content">处理人员编号：</span>
					<input id="LIKErelatetasknum" data-options="validType:'length[0,40]'" >
				</div>
				<div class='fl'>
					<span class="text-content">客户编号：</span>
					<input id="LIKEaccountnum" data-options="validType:'length[0,40]'" >
				</div>
				<div class='fl'>
					<span class="text-content">创建人员：</span>
					<input id="LIKEcreateaccount" data-options="validType:'length[0,40]'" >
				</div>
				<div class='fl'>
					<span class="text-content">创建日期：</span>
					<input id="LIKEcreatetime" data-options="validType:'length[0,19]'" >
				</div>
				<div class='fl'>
					<span class="text-content">修改人员：</span>
					<input id="LIKEmodifyaccount" data-options="validType:'length[0,40]'" >
				</div>
				<div class='fl'>
					<span class="text-content">修改日期：</span>
					<input id="LIKEmodifytime" data-options="validType:'length[0,19]'" >
				</div>
				<div class='fl'>
					<span class="text-content">备注：</span>
					<input id="LIKEremarks" data-options="validType:'length[0,128]'" >
				</div>
				<div class='fl'>
					<span class="text-content">扩展1：</span>
					<input id="LIKEextend1" data-options="validType:'length[0,128]'" >
				</div>
				<div class='fl'>
					<span class="text-content">扩展2：</span>
					<input id="LIKEextend2" data-options="validType:'length[0,128]'" >
				</div>
				<div class='fl'>
					<span class="text-content">扩展3：</span>
					<input id="LIKEextend3" data-options="validType:'length[0,128]'" >
				</div>
				<div class='fl'>
					<span class="text-content">扩展4：</span>
					<input id="LIKEextend4" data-options="validType:'length[0,128]'" >
				</div>

			 </div>
		</div>
		<!-- <div data-options="region:'center',split:false" class="easyui-layout">
			<table id='tableGrid'></table>
		 </div>   --> 
		  <div data-options="region:'center',split:false,border:false">
		           <div style="height:100%;" id="searchGridPicDiv">
		           		<table id='searchGridPic'></table> 
		           </div>
	   				<div style="height:100%;display:none;" id="searchGridListDiv" >
		           		<table id='searchGridList'></table> 
		           </div>
	   				<div style="position:relative;height:100%;display:none;" id="searchGridStaticsDiv">
		           		<div style="height:33px;">
			           		<table id='searchGridStatics' ></table> 
		           		</div>	
		           		<div class="deviceAnalysisGraphChartBox" style="width:50%;float:left;margin-top:50px;position:absolute;left:0;">
							<div id="deviceAnalysisGraphChartBoxTime">
									<ul>
											<li  class="active"  onclick="showStaticsLine('1')">按时</li>
											<li  onclick="showStaticsLine('2')">按日</li>
											<li  onclick="showStaticsLine('3')">按月</li>
									</ul>
							</div>
							<div id="searchGridStaticsEchartLine"  style="height:430px;"></div>
							<div class="searchGridStaticsSplitLine"></div>
						</div>	
		           		<div class="deviceAnalysisGraphChartBox" style="width:50%;float:right;margin-top:50px;position:absolute;right:0;">
							<div   style="position:absolute;top:-26px;right:60px;"><span style="color:#999999;">报警总数:</span><span  id="deviceAnalysisGraphChartCount" style="font-size:14px;color:black;font-weight:bold;">999</span></div>
							<div id="searchGridStaticsEchartPie"  style="height:430px;"></div>
						</div>	
		           </div>
            </div>
		 <form action="" method="post" name="excelForm" id="excelForm" style="display: none;">
    	</form>
	</body>
</html>	
