<%@ 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="../../../szmap/resource/css/map.main.css" /> 
	<link rel="stylesheet" type="text/css" href="../../../szmap/resource/css/map.icons.css" /> 
	<link rel="stylesheet" type="text/css" href="../../../szmap/resource/css/idangerous.swiper.css" /> 
	<link rel="stylesheet" type="text/css" href="../../../szmap/resource/css/mapDialog.css" /> 
	<link rel="stylesheet" type="text/css" href="css/planExec.css" /> 
	<script type='text/javascript' src='../../../szmap/pushlet/ajax-pushlet-client.js'></script>
	<script type='text/javascript' src='plan_pushlet.js'></script>
	<script type='text/javascript' src='plan_run.js'></script>
	<script type='text/javascript' src='plan.js'></script>
	<style>
	
	</style>
</head>
<body>
<body class="easyui-layout" >
	<div>
		<ul ID="event_tab_div" class="div-img-title" data-query="">
			<li class="active" data-c="1" data-channel="" onclick="eventTabChange('eventDiv')">图片</li>
			<!-- 
			<li data-c="2" data-channel="" data-time="">回放</li> 
			<li data-c="3" data-channel="">视频</li>
			-->
			<li data-c="4" data-channel="" onclick="eventTabChange('planDiv')">预案</li>
			
		</ul>
	</div>
   <div id="eventDiv" title="" style="border:0px solid #ff00ff;" >
	   	<div class="dialog-top" style='border:0px solid #ff00ff;'>
	   		<div class="div-img">
	   			<div class="pc-video" style="display:none"> <!-- 显示视频 -->
					<div class="pc-video-box">
						<div class="toCanvasBox" id="video">
						 	<!--在线播放视频 -->
							 <video autoplay="" emptied="alert('emptied')" error="alert('error')" class="canvasVideo" style="width:100%;height:100%;object-fit:fill;border:1px solid #ddd;"></video>
						</div>	
					</div>
					<div class="">
						
					</div>
				</div>
				<div class="pc-recordvideo" style="display:none"> <!-- 回放视频 -->
					<div class="pc-video-box">
						<div class="toCanvasBox" id="record">
						 	<video autoplay="" emptied="alert('emptied')" error="alert('error')" style="width:100%;height:100%;object-fit:fill;border:1px solid #ddd;"></video>
						</div>	
					</div>
					<div class="">
						
					</div>
				</div>
				<div class="pc-img"><!-- 显示图片 -->
					<div class="pc-img-topimg" style="box-shadow: 0 0 5px #a09f9f;">
						<img src="" alt="" width="430" height="250" onerror='$.loadErrorPic(this);'/>
					</div>
					<div class="pc-img-btm">
						
					</div>
				</div>
	   		</div>
	   		<div class="div-info" style="margin-left: 18px;border:0px solid #ff00ff;">
	   			<ul class="info-ul"> 
	   				<!-- 显示右侧告警文字信息和按钮 -->
	   				<li>相机名称：<span id="tdmc"></span></li>
	   				<li>报警时间：<span id="occurTime"></span></li>
					<li>事件类型：<span id="eventName"></span></li>
					<li>警情等级：<span id="alarmLevelName"></span></li>
					<li>道路名称：<span id="roadName"></span></li>
					<li>隧道名称：<span id="tunnelName"></span></li>
					<li>起止桩号：<span id="startPile"></span></li>
					<li>处理状态：<span id="accidentName"></span></li>
					<div id="showYaxx" style="display:none">
					<li>关联预案：<span id="planName"></span></li>
					</div>
	   			</ul>
	   			<ul class="info-ul1">
	   				<!-- 
	   				<li>admin确认报警</li>
	   				-->
	   			</ul>
	   			<ul class="info-ul2" >
	   				<li>
		   				<input type="button" id="btn_qrbj" data-id="" class="btn btn-default" onclick="alarmCheckTrue()"  value="确认报警"/>
		   				<input type="button" id="btn_hlbj" data-id="" class="btn btn-ignore" onclick="alarmCheckFalse()"  value="忽略报警"/>
		   				<!-- <input type="button" id="btn_sjsb" class="btn btn-default" value="事件上报"/> -->
	   				</li>
	   				<!-- 
	   				<li>
		   				<input type="button" id="btn_pre" data-id="" class="btn btn-default" value="上一页"/>
		   				<input type="button" id="btn_down" data-id="" class="btn btn-default"  value="下一页"/>
	   				</li>
	   				 -->
	   			</ul>
	   		</div>
	   	</div>
	   
	   	<div class="dialog-btm1">
	   		<div class="dialog-btm1-left">
	   			<input type="button" class="btn btn-left" value="122通信"/>
	   			<input type="button" class="btn btn-left" value="120通信"/>
	   			<input type="button" class="btn btn-left" value="119通信"/>
	   		</div>
	   		<div class="dialog-btm1-right">
	   			<!-- 
	   			<input type="button" class="btn btn-right" value="上一条"/>
	   			<input type="button" class="btn btn-right" value="下一条"/>
	   			<input type="button" class="btn btn-right" value="关闭"/>
	   			 -->
	   		</div>
	   	</div>
	</div>
	
	<div id="planDiv" style='border:0px solid #ff00ff; display:none;'>
   		<div id="amqState"></div>
   		<div id="planState"></div><!-- 预案执行状态0，停止，1：运行，2.暂停 -->
   		<div id="allStep"></div><!-- 全部节点数 -->
   		<div id="currentExecStep"></div><!--  当前流程节点  linkageOrder -->
   		<div id="currentExecLinkage"></div><!-- 当前流程  linkageID -->
   		<div id="currentDeviceStep"></div><!-- 设备节点 _linkageID_planType_execOrder -->
   		<div id="currentDeviceState"></div><!-- 当前执行状态/成功/失败 -->
   		<div id="earlyExecStep"></div><!--  -->
   		<div id="skipExecStep"></div><!--  -->
   		<div id="execType"></div><!-- 执行类型，0重新执行，1确认执行，2提前执行，3跳过执行 -->
   		<div id="requestState"></div><!--  requestState 0:不进入请求后台，1：请求后台,定时器8秒检查，-->
   		<div id="requestTime"></div><!--  requestTime 定时检查时间，-->
   		 		
   		<div id="planBtn">
   			<input id="启动" type="button" value="启动" onclick="planStart()" />
   			<input id="暂停"  type="button" value="暂停" onclick="planPause()"/>
   			<input id="继续执行"  type="button" value="继续执行" onclick="planNext()"/>
   			<input id="手动执行"  type="button" value="手动执行" onclick="planManual()"/>
   			<input id="终止"  type="button" value="终止" onclick="planStop()"/>
   		</div>
   		<div id="planlinageDiv" class="container" style="border:0px solid #ff00ff;overflow-x:auto;">
   		
   		</div>
   	</div>

</body>
</html> 

