PerfectEquation
/
GZ


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272
							<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">

<title>应急综合视频展示</title>
<!--框架必需start  扁平风格-->
<link href="/nwyj/scripts/qui/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link href="/nwyj/scripts/qui/system/layout_flat/skin/style.css" rel="stylesheet" type="text/css" id="skin"  skinPath="/nwyj/scripts/qui/" scrollerY="false" scrollerX="false"/>
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/language/cn.js"></script>
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/framework.js"></script>
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/main.js"></script>
<!--框架必需end-->

<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/nav/layout.js"></script>
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/nav/accordion.js"></script>

<link type="text/css" rel="stylesheet" href="/nwyj/css/cockpit/panel.css">


<!-- 模版js和css  start-->
<link href="/nwyj/scripts/qui/libs/skins/flatBlue/style1.css"
rel="stylesheet" type="text/css" id="theme" themeColor="flatBlue"
positionTarget="positionContent" selInputHeight="32"
selButtonWidth="35" defaultSelWidth="200" fileBtnWidth="60"
defaultFileInputWidth="200" defaultGridHeaderHeight="34"
defaultGridRowHeight="38" defaultFontSize="12" defaultPageSelWidth="55"
defaultFilterItemHeight="32" dialogWidthFix="0"
defaultSelItemHeight="32" defaultFontFamily="宋体" />
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/nav/pageNumber.js"></script>
<script type="text/javascript" src="/nwyj/scripts/ECM_gridtemplate/changeFormat.js"></script>
<link href="/nwyj/scripts/ECM_gridtemplate/changeFormat.css" rel="stylesheet" type="text/css"/>

<!-- 模版js和css  end-->

<!--树组件start-->
<link rel="stylesheet" type="text/css" href="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.css" />
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.js"></script>
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/selectTree.js"></script> 
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/listerTree.js"></script>
<!--树组件end-->

<!-- 扩展工具js -->
<script type="text/javascript" src="/nwyj/scripts/jquery/plugins/jquery.extension.util.js"></script> 
<script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/common/utils/utils.js"></script>

<link rel="stylesheet" type="text/css" href="/nwyj/css/cockpit/emergency.css" />
<script type="text/javascript" src="/nwyj/scripts/cockpit/search/search_util.js"></script>
<script type="text/javascript" src="/nwyj/scripts/cockpit/search/judge_browser.js"></script>
<script type="text/javascript" src="/nwyj/page/cockpit/EmergencyVideoShow/emergency.js"></script>


 <script language="javascript" for="ocx" event="OnMessage(lType,lResult,szDescription)">
		switch(lType){
		case 1:
			//$('loginbody').style.display="none";
			//$('mpage').style.top="0";
			alert(szDescription);
			break;	
		case 0:
			//$('loginbody').style.display="block";
			//$('mpage').style.top="-10000px";
			/* alert(szDescription); */
			break;
		case 2:
		//$('loginbody').style.display="block";
		//$('mpage').style.top="-10000px";
		alert(szDescription);

		break;

		}


</script> 

<script type="text/javascript">


</script>

<style type="text/css">
.video_table{ width:100%; height:100%;}
.video_left{ width:100%; height:100%; }
.top_bar{ width:100%; height:60%; }
.l-layout-left, .l-layout-right, .l-layout-center, .l-layout-top, .l-layout-bottom{ background:none; border-right:1px solid; border-top:none; border-bottom:none; border-left:none; }
.l-layout-header{ background-color:rgb(52, 143, 226); color:#f1f1f1; }
.l-layout-content{ background:none; padding:0; }
.l-layout-collapse-left, .l-layout-collapse-right{
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5d8cae,endColorStr=#12315a); 
    background: -ms-linear-gradient(top, #5d8cae,  #f1f1f1); background:-moz-linear-gradient(top,#5d8cae,#12315a);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#5d8cae), to(#12315a));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5d8cae), to(#12315a)); 
    background: -webkit-linear-gradient(top, #5d8cae, #12315a);
    background: -o-linear-gradient(top, #5d8cae, #12315a);}
.l-layout-header{ border:none; }   
.accordition div{ background:none; } 
.main_box_tree{ height:auto; }
.layout_content{ overflow:hidden; }
.accordition{ border:none; }
div.selectbox-wrapper{ background-color:#0c61e0!important; }
.selectbox{ color:#0c61e0; }
.splic_select{ display: inline-block; float:left; width: 100px; margin: 5px 0 0 9px; padding:0 7px; }
.textinput, .textinput_hover, .textinput_click{ margin:9px; }
div.selectbox-wrapper ul li.selected{ background-color:#5eabd6; }
.l-layout-left .l-layout-header-toggle{ background:url('/nwyj/scripts/qui/libs/skins/flatBlue/layout/togglebarB.png'); background-position: 0 50%; background-repeat: no-repeat;}
.l-layout-collapse-left-toggle, .l-layout-collapse-right-toggle{ background:url('/nwyj/scripts/qui/libs/skins/flatBlue/layout/togglebarA.png'); background-position: 0 50%; background-repeat: no-repeat;}
</style>
<!-- video_text clear_video_id textinput -->
<!-- video_text clear_video_id textinput -->
</head>
<body id="kj">
<div class="titleBar">变电站视频</div>

<div id="layout1">

    <div  position="left" panelTitle="菜单">

    <div class="layout_content">


		<div class="accordition"  style="width:400px; height:100%;">
		
		    <a>设备树</a>
		
		    <div class="main_box_tree">
		
		        <div class="tree"><ul id="dept_tree" class="ztree"></ul></div>
		
		    </div>
		
		    <a>云台控制</a>
		
		    <div class="main_box_tree">
		    
		    
		    	<div style="width:100%; height:100%;">
		    	
		    	
		    	<div class="fx_vc">
					<div class="fx_ob" id="f_one" onmouseup="PTZControl(5,1)" onmousedown="PTZControl(5,0)"></div>
			        <div class="fx_ob" id="f_two" onmouseup="PTZControl(1,1)"onmousedown="PTZControl(1,0)"></div>
			        <div class="fx_ob" id="f_three" onmouseup="PTZControl(7,1)"onmousedown="PTZControl(7,0)"></div>
			        <div class="fx_ob" id="f_four" onmouseup="PTZControl(3,1)"onmousedown="PTZControl(3,0)"></div>
			        <div class="fx_ob" id="f_five" onmouseup="PTZSit"onmousedown="PTZSit()"></div>
			        <div class="fx_ob" id="f_six" onmouseup="PTZControl(4,1)"onmousedown="PTZControl(4,0)"></div>
			        <div class="fx_ob" id="f_seven" onmouseup="PTZControl(6,1)"onmousedown="PTZControl(6,0)"></div>
			        <div class="fx_ob" id="f_eight" onmouseup="PTZControl(2,1)"onmousedown="PTZControl(2,0)"></div>
			        <div class="fx_ob" id="f_nine" onmouseup="PTZControl(8,1)"onmousedown="PTZControl(8,0)"></div>
				</div>
				
				<div class='y_steps'>
                	<div class="step_text"><span>步长：</span></div>
                	<div class="step_sel">
                	<select id="steps" class="fr sel" >
					    <option value="1">1</option>
					    <option value="2">2</option>
					    <option value="3">3</option>
					    <option value="4">4</option>
					    <option value="5">5</option>
					    <option value="6">6</option>
					    <option value="7">7</option>
					    <option value="8">8</option>
					</select>
					</div>
                </div>
                
                <div class="yt_bj">
                    <div class="bj">
                        <div class="bj_plus v_left"><a class="add" onClick="PTZControl(15,0)"href="javascript:;"></a></div>
                        <div class="bj_txt v_left">变倍</div>
                        <div class="bj_mulit v_left"><a class="decrease" onClick="PTZControl(18,0)"href="javascript:;"></a></div>
                    </div>
                    <div class="bj">
                        <div class='bj_plus v_left'><a class="add" onClick="PTZControl(16,0)"href="javascript:;"></a></div>
                        <div class='bj_txt v_left'>变焦</div>
                        <div class='bj_mulit v_left'><a class="decrease" onClick="PTZControl(19,0)"href="javascript:;"></a></div>
                    </div>
                    <div class="bj">
                        <div class='bj_plus v_left'><a class="add" onClick="PTZControl(17,0)"href="javascript:;"></a></div>
                        <div class='bj_txt v_left'>光圈</div>
                        <div class='bj_mulit v_left'><a class="decrease" onClick="PTZControl(20,0)"href="javascript:;"></a></div>
                    </div>
                </div>
		    	</div>
		    
		    </div>
		
		    <a>高级控制</a>
		
		    <div class="main_box_tree">
		
		        	<div style="width:100%; height:100%; ">
		        	
		        		<div class="video_id_box">
			        		<button class="fr spit_btn" style="margin-right:40px; " onclick="openVideo()">打开</button>
							<input type="text" id="vid" style="margin:7px 0; width:280px;" class="video_text clear_video_id" watermark="请输入视频ID" value="">
						</div>
						
						<div class="tr_btn">
							<button class="fr spit_btn" style=" " onclick="splic_video()">切屏</button>
							<div class="splic_select">
							<select id="steps_split" class="sel" style="margin:0 7px" selWidth="280">
								<option value="1">1</option>
							    <option value="4">4</option>
							    <option value="6">6</option>
							    <option value="7">7</option>
							    <option value="8">8</option>
							    <option value="9">9</option>
							    <option value="13">13</option>
							    <option value="16">16</option>
							    <option value="20">20</option>
							</select>
							</div>
						</div>
		        	
		        		<div class="tr_btn">
			        		<button class="fr spit_btn" style="min-width:89px; " onclick="closeVideo()">关闭</button>
			        		<button class="fr spit_btn" style="min-width:89px; " onclick="capturePicture()">抓图</button>
			        		<button class="fr spit_btn" style="min-width:89px; " onclick="startRecord()">录屏</button>
			        		<button class="fr spit_btn" style="min-width:89px; " onclick="stopRecord()">停止</button>
						</div>
						
						<div class="video_id_box">
							<input type="text" id="user_input" style="width:357px; margin:7px 0" class="video_text clear_video_id" watermark="请输入用户名" value="">
							<input type="password" id="pwd_input" style="width:280px; margin:7px 0" class="video_text clear_video_id" watermark="请输入密码" value="">
			        		<button class="fr spit_btn" style="margin-right:40px" onclick="login()">登录</button>
			        		<!-- <button class="fr spit_btn" style="margin-right:40px" onclick="exit()">退出</button> -->
						</div>
		        	</div>
		    </div>
		
		</div>
		
		
        </div>

    </div>

    <div position="center" style="">

    <object id='ocx' z-index='-1' width='100%' height='100%' 
				classid='CLSID:902BD8F8-AB6F-4102-AA72-CFBB012F71B2' 
				codebase='http://localhost:8080/nwyj/page/cockpit/ocx/reg.bat#version=1.0.0.0' 
				onreadystatechange='iniocx()'>
			<param name='nWndNum' value="4" >
		</object>

    </div>

	
</div>


</body>
</html>