<%@ 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="alarmWorkbench.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>
		<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>
	<!-- 设置高度,n表示几行    44px + 36px *( n - 1) -->
	<body id="bodybody" class="easyui-layout">
            <div data-options="region:'north',split:false,border:false,collapsible:false" id='userList' style="height:80px;">
               <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 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 id="machineChooseDiv" style="display:none;" class="fl">
						<span class="text-content">设备选择：</span> 
						<input id="machineChoose" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'" missingMessage="任务类型必填项" > 
					</div> 
					 
			      
			      
			        <!-- <div class='fl'>
			   	        	<span class="text-content">处理状态：</span>
				        	<select class="easyui-combobox" id="alarmStatus">
				        	<option value="">全部</option>
				        	<option value="1">提示</option>
               				<option value="2">一般</option>
               				<option value="3">次要</option>
               				<option value="4">重要</option>
				        	</select>
			        </div> -->
			 	</div>
               <div class="form-line clearfix">
			        <!-- <div class="fl">
		        	      	<span class="text-content">任务名称：</span>
				        	<select class="easyui-combobox" id="alarmLevel">
				        	<option value="">全部</option>
				        	<option value="1">提示</option>
               				<option value="2">一般</option>
               				<option value="3">次要</option>
               				<option value="4">重要</option>
				        	</select>
			        </div> -->
			        <!-- <div class="fl">
						<span class="text-content">标注状态：</span> 
						<input id="videolabelstatus" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'" missingMessage="任务类型必填项" > 
					</div>
			        <div class="fl">
						<span class="text-content">处理状态：</span> 
						<input id="runstatus" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'" missingMessage="任务类型必填项" > 
					</div>  -->
					 <div id="failureTypeDiv" class='fl'>
						<span class="text-content">故障类型：</span> 
						<input id="failureType" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'" missingMessage="告警类型必填项" > 
			        </div>
					 <div id="machineFailureTypeDiv" style="display:none;" class='fl'>
						<span class="text-content">故障类型：</span> 
						<input id="machineFailureType" 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>
            <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>	
