<%@ page language="java" contentType="text/html; charset=gbk"
    pageEncoding="gbk"%>
<!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=gbk">
<title>告警工作台</title>
<%@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" />
<script language="javascript">
// var link_tundra = "http://" + top.ditu.mapUrl + "/arcgis_js_api/library/3.23/3.23/dijit/themes/tundra/tundra.css";
// var link_esri = "http://" + top.ditu.mapUrl + "/arcgis_js_api/library/3.23/3.23/esri/css/esri.css";
// var script_init = "http://" + top.ditu.mapUrl + "/arcgis_js_api/library/3.23/3.23/init.js";
//测试环境
var link_tundra = "http://" + top.ditu.mapUrl + "/arcgisjs/library/3.23/3.23/dijit/themes/tundra/tundra.css";
var link_esri = "http://" + top.ditu.mapUrl + "/arcgisjs/library/3.23/3.23/esri/css/esri.css";
var script_init = "http://" + top.ditu.mapUrl + "/arcgisjs/library/3.23/3.23/init.js";
document.write("<link rel='stylesheet' href='"+ link_tundra +"' />"); 
document.write("<link rel='stylesheet' href='"+ link_esri +"' />");
document.write("<script src='"+script_init+"'><\/script>");  
</script>
<link rel='stylesheet'  href='map.css'/>
<script type='text/javascript' src='../szmap/business/base/LayerBase.js'></script>
<script type='text/javascript' src='../szmap/business/base/PopUpBase.js'></script>
<script type='text/javascript' src='../szmap/business/base/Label.js'></script>
<script type='text/javascript' src='../szmap/business/base/item/MonitorLayer.js'></script>
<script type='text/javascript' src='../szmap/business/base/item/JKLKLayer.js'></script>
<script type='text/javascript' src='../szmap/business/base/item/CheGpsLayer.js'></script>
<!-- 首页弹出层响应事件  -->
<script type='text/javascript' src='../../common/mapUtil.js'></script>
<script type='text/javascript' src='business/base/BaseDataYzd.js'></script>
<script type='text/javascript' src='../szmap/business/base/item/js/map.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/monitorpresetpoint.js'></script> -->
<%--<script type='text/javascript' src='../szmap/pushlet/ajax-pushlet-client.js'></script>--%>
<%--<script type='text/javascript' src='../szmap/business/base/PushletData.js'></script>--%>
<%--<script type='text/javascript' src='../szmap/business/base/PushletMonitorMovedData.js'></script>--%>
<script type='text/javascript' src='../szmap/map/MapTabPanel.js'></script> 
<script type='text/javascript' src='../szmap/map/MapAPI.js'></script>
<script type='text/javascript' src='../szmap/map/Map.js'></script>
<script type='text/javascript' src='../szmap/map/MapUtil.js'></script>
<script type='text/javascript' src='../szmap/map/MapToolBar.js'></script>
<script type='text/javascript' src='../szmap/map/toolbar_operation/FrameSelect.js'></script>
<script type='text/javascript' src='../szmap/map/toolbar_operation/Circle.js'></script>
<script type='text/javascript' src='../szmap/map/toolbar_operation/Label.js'></script>
<script type='text/javascript' src='../szmap/map/toolbar_operation/Shift.js'></script>
<script type='text/javascript' src='../szmap/map/toolbar_operation/Translation.js'></script>
<script type='text/javascript' src='App.js'></script>
<script type="text/javascript">
//页面折叠功能
function switchBtn(obj){
	if($("#leftDiv")[0].offsetWidth > 10){
			$("#leftDiv").animate({width:'0'},200);
			$("#collapseBtn").animate({left: '0'},200);
			$("#main-top").animate({left: '0'},200);
	}else{
			$("#leftDiv").animate({width:'360px'},200);
			$("#collapseBtn").animate({left:'360px'},200);
			$("#main-top").animate({left: '360px'},200);
	}
}
//预置点弹框消息关闭
function monitorPresetClose(){
	$("#monitorPreset").hide();
}

</script>
</head>
<body style="overflow:hidden;" onselectstart="return false"  onload="App.init();">
	<div id="leftDiv" style="overflow:hidden;position: absolute;left: 0;top:0;z-index: 1;border-left:1px solid #ddd;width:360px;height:100%;">
		<div class="easyui-layout" style="z-index:1;height:100%;width:360px;">
			<div  style="width: 360px;" id="main-left" data-options="region:'west',split:false,title:''">
			    <div id="main-tab" class="easyui-tabs" style="width:360px;" data-options="fit:true">
			    </div>
			</div>
			<div data-options="region:'center',split:false,title:''"></div>
		</div>	
	</div>
	<div id="main-top">
    	<div id="topBtn"></div>
	</div>
	<!-- 右边区域
	<div id="rightDiv" style="position: absolute;right: 0;top:36px;border-left:1px solid #ddd;width:300px;height:calc(100% - 36px);">
	 	<div id="main-selected" class="easyui-layout" style="width: 300px;" fit="true">
		 	<div id="main-right" style="width: 300px;height:100%;" data-options="region:'west',split:false,title:''">
			    <div id="main-seletedTab" class="easyui-tabs" style="width:300px;" data-options="fit:true"></div>
			</div>
			<div data-options="region:'center',split:false,title:''"></div>
		</div>
	</div>
	 -->
	<div id="map" style="height: 100%;width: 100%;">
	</div>
	<div id="collapseBtn" class="menu-rightarrow" onclick="switchBtn(this)"></div><!-- style="width:800px;left: 383px; top: 39px; z-index: 9009;" -->
	
	<!-- 预置点消息框信息start -->
	<div id="monitorPreset"  >
			<div class="header">
				<span>消息</span>
				<span onclick='monitorPresetClose()'>×</span>
			</div>
			<div class="box">
				<ul>
						<!-- <li onclick="showPushletMsg()"><span class="monitorPresetMsg">设备名称 移位已暂停告警</span><span class="monitorPresetRecovery">复位</span><span class="monitorPresetCancel">取消</span></li> -->  
				</ul>
			</div>
	</div>
	<!-- 预置点消息框信息end -->
</body>

</html>
