<%@ 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"%> 	 
    <!-- 播放视频的js控件  -->
    <script type="text/javascript" src="../../../../frame/main/area/console/rtcPanel.js"></script>
	<script type="text/javascript" src="../../../../frame/main/area/console/rtcServer.js"></script>
	<script type="text/javascript" src="../../../../frame/main/area/console/rtcResponse.js"></script>
	<script type="text/javascript" src="../../webrtc/resource/js/blockcacher.js"></script>
	<script type="text/javascript" src="../../webrtc/resource/js/blockutil.js"></script>
	<script type="text/javascript" src="../../webrtc/resource/js/globalvideoblock.js"></script>
	<script type="text/javascript" src='../../webrtc/resource/js/globalrecordblock.js'></script>
	 
	<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='PlanRtc.js'></script>
	<script type='text/javascript' src='plan.js'></script>
	
	<style>
	
	</style>
</head>
<body>
<body class="easyui-layout" onunload="unloadWindow();">	
   <div id="eventDiv" title="" style="border:0px solid #ff00ff;" >
   		<div class="dialog-top" style='border:0px solid #ff00ff;height:100%;'>
	   		<div class="div-img">
	   			<ul class="div-img-title" data-query="">
	   				<li class="active" data-c="1" data-channel="">图片</li>
	   				<li data-c="2" data-channel="" data-accidentId="" data-time="">录像</li> 
	   				<li data-c="3" data-channel="">视频</li>
	   			</ul>
	   			<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 id="remoteVideo1" autoplay style="width:100%;height:100%;object-fit:fill;"></video>
						 	<!-- 
						 	<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" style='border:0px solid #ff00ff;'><!-- 显示图片 -->
					<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" style='border:0px solid #ff00ff;height:0px;'>
						
					</div>
				</div>
	   		</div>
	   		<div class="div-info" style="margin-left: 18px;border:0px solid #ff00ff;height:100%;">
	   			<ul class="info-ul" style="border:0px solid #ff00ff;margin-top:30px;"> 
	   				<!-- 显示右侧告警文字信息和按钮 -->
	   				<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>
					<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-default" onclick="alarmCheckFalse()"  value="忽略报警"/>
		   				<input type="button" id="btn_ckya" data-id="" class="btn btn-default" onclick="unionPlan()"  value="查看预案"/>
		   			</li>
	   			</ul>	   			
	   		</div>
	   	</div>
	   
	   <div id="planDiv" style='border:0px solid #ff00ff; '>
	   		<div id="amqState"></div>
	   		<div id="planState"></div><!-- 预案执行状态0，停止，1：运行，2.暂停 -->
	   		<div id="allStep"></div><!-- 全部节点数 -->
	   		<div id="currentExecType"></div><!-- 执行类型，0重新执行，1确认执行，2提前执行，3跳过执行,4手动执行 -->
	   		<div id="currentExecStep"></div><!--  当前流程节点  linkageOrder -->
	   		<div id="currentExecLinkage"></div><!-- 当前流程  linkageID -->
	   		<div id="currentDeviceStep"></div><!-- 设备节点 _linkageID_planType_execOrder -->
	   		<div id="currentDeviceState"></div><!-- 当前执行状态/成功/失败 -->
	   		<div id="execStepList"></div><!-- 执行全部内容 -->
	   		<div id="requestState"></div><!--  requestState 0:不进入请求后台，1：请求后台,定时器8秒检查，-->
	   		<div id="requestTime"></div><!--  requestTime 定时检查时间，-->
	   		 		
	   		<div id="planBtn" style='display:none'>
	   			<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>
	   	
	   	<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>
	
	

</body>
</html> 

