You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
283 lines
12 KiB
283 lines
12 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<script src="https://webapi.amap.com/maps?v=1.4.12&key=8ccbf0076c5d6202725eb9c4b3cec772"></script>
|
|
<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
|
|
<link type="text/css" rel="stylesheet" href="../resourceNew/css/cjy_style.css"/>
|
|
<link type="text/css" rel="stylesheet" href="../resourceNew/css/cjy_style2.css" />
|
|
<link type="text/css" rel="stylesheet" href="../resourceNew/css/cjy_zlmxg.css" />
|
|
<title>应急指挥</title>
|
|
|
|
</head>
|
|
|
|
<body class="chext">
|
|
<div class="header_top">
|
|
<p class="header_xtbt">车流量检测系统</p>
|
|
<div class="header_right">
|
|
<div class="header_yongh">
|
|
<div class="yongh_tx"></div>
|
|
<div class="yongh_xx">
|
|
<p class="yh_mc">河北旅游委</p>
|
|
<a href="#" class="beader_yhzx">用户中心</a>
|
|
</div>
|
|
</div>
|
|
<div class="header_rlsj">
|
|
<p class="header_riqi">01月19日<span>周三</span></p>
|
|
<p class="header_shijian">11：03：25</p>
|
|
</div>
|
|
<a href="#" class="beader_bttn" title="首页"><span class=" beader_bttn_home"></span></a>
|
|
<a href="#" class="beader_bttn" title="设置"><span class=" beader_bttn_sz"></span></a>
|
|
<a href="#" class="beader_bttn" title="退出账号"><span class=" beader_bttn_tc"></span></a>
|
|
</div>
|
|
</div>
|
|
<div style="width:100%;" id="container" class="chext_map"></div>
|
|
<div class="yjzh_left">
|
|
<div class="yjzh_splb" id="pn">
|
|
<ul>
|
|
<li><p class="yjzh_spbt">白洋淀二号登船处</p>
|
|
<div class="yjzh_sp">
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li><p class="yjzh_spbt">白洋淀二号登船处</p>
|
|
<div class="yjzh_sp">
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li><p class="yjzh_spbt">白洋淀二号登船处</p>
|
|
<div class="yjzh_sp">
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li><p class="yjzh_spbt">白洋淀二号登船处</p>
|
|
<div class="yjzh_sp">
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li><p class="yjzh_spbt">白洋淀二号登船处</p>
|
|
<div class="yjzh_sp">
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<a class="yjzh_spsqzk" href="javascript:showdiv('strHref','pn');" id="strHref"></a>
|
|
</div>
|
|
<span class="jb-lefts"><img src="../resourceNew/images/jb2-lefts.png"/></span>
|
|
<span class="jb-leftx"><img src="../resourceNew/images/jb2-leftx.png"/></span>
|
|
<span class="jb-rights"><img src="../resourceNew/images/jb2-rights.png"/></span>
|
|
<span class="jb-rightx"><img src="../resourceNew/images/jb2-rightx.png"/></span>
|
|
</div>
|
|
<div class="yjzh_right">
|
|
<div class="yjzh_right_tq">
|
|
<p class="yjzh_tq_img"><img src="../resourceNew/images/duoyun.png" /></p>
|
|
<p class="yjzh_tq_wd">16℃</p>
|
|
<p class="yjzh_tq_sx">晴</p>
|
|
<div class="yjzh_tq_qt">
|
|
<p class="yjzh_tq_xx">湿度：</p>
|
|
<p class="yjzh_tq_xx">风力：三级风</p>
|
|
</div>
|
|
<span class="jb-lefts"><img src="../resourceNew/images/jb-lefts.png"/></span>
|
|
<span class="jb-leftx"><img src="../resourceNew/images/jb-leftx.png"/></span>
|
|
<span class="jb-rights"><img src="../resourceNew/images/jb-rights.png"/></span>
|
|
<span class="jb-rightx"><img src="../resourceNew/images/jb-rightx.png"/></span>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div class="yjzh_spzssj">
|
|
<div class="yjzh_spzssj_nr" id="yjzh_spzssj">
|
|
<div class="yjzh_spzssj_bk" style=" padding-top:5px;">
|
|
<h2 class="che_sjkxbt">地区车流量分析<a href="#" class="yjzh_xztxl">通讯录</a></h2>
|
|
<p class="yjzh_xzld"><span class="col_cheng">总指挥 :</span>刘射彪 18503112785</p>
|
|
<p class="yjzh_xzld"><span class="col_qing">副总指挥 :</span>刘一 18503112785</p>
|
|
</div>
|
|
<div class="yjzh_spzssj_bk">
|
|
<h2 class="che_sjkxbt">事件概览</h2>
|
|
<p class="zwxx">暂无数据</p>
|
|
</div>
|
|
<div class="yjzh_spzssj_bk" style=" border:0;">
|
|
<h2 class="che_sjkxbt">任务执行情况</h2>
|
|
<div class="xq_table">
|
|
<table cellspacing="0" width="100%">
|
|
<tr><th><p>序号</p></th><th><p >任务阶段</p></th><th><p>执行情况</p></th></tr>
|
|
<tr><td><p>1</p></td><td><p><a href="#" class="mc">测试任务</a></p></td><td><p><strong >完成</strong></p></td></tr>
|
|
<tr><td><p>2</p></td><td><p><a href="#" class="mc">测试任务</a></p></td><td><p><strong class="col_huang">5571:15:25</strong></p></td></tr>
|
|
<tr><td><p>4</p></td><td><p><a href="#" class="mc">测试任务</a></p></td><td><p><strong class="col_huang">5571:15:25</strong></p></td></tr>
|
|
<tr><td><p>3</p></td><td><p><a href="#" class="mc">测试任务</a></p></td><td><p><strong >完成</strong></p></td></tr>
|
|
<tr><td><p>5</p></td><td><p><a href="#" class="mc">测试任务</a></p></td><td><p><strong >完成</strong></p></td></tr>
|
|
<tr><td><p>6</p></td><td><p><a href="#" class="mc">测试任务</a></p></td><td><p><strong class="col_huang">5571:15:25</strong></p></td></tr>
|
|
<tr><td><p>7</p></td><td><p><a href="#" class="mc">测试任务</a></p></td><td><p><strong >完成</strong></p></td></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="jb-lefts"><img src="../resourceNew/images/jb-lefts.png"/></span>
|
|
<span class="jb-leftx"><img src="../resourceNew/images/jb-leftx.png"/></span>
|
|
<span class="jb-rights"><img src="../resourceNew/images/jb-rights.png"/></span>
|
|
<span class="jb-rightx"><img src="../resourceNew/images/jb-rightx.png"/></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="yjzh_content">
|
|
<div class="yjzh_content_nr">
|
|
<div class="yjzh_content_bttn">
|
|
<a href="#" class="yjzh_bttn_left">现场连线</a>
|
|
<a href="#" class="yjzh_bttn_left">连线邀请</a>
|
|
<a href="#" class="yjzh_bttn_left">任务发布</a>
|
|
|
|
<a href="#" class="yjzh_bttn_right">事件详情</a>
|
|
<a href="#" class="yjzh_bttn_right">查看预案</a>
|
|
<a href="#" class="yjzh_bttn_right">查看仓库</a>
|
|
<a href="#" class="yjzh_bttn_right">查看专家</a>
|
|
<a href="#" class="yjzh_bttn_right">查看避难所</a>
|
|
<a href="#" class="yjzh_bttn_right">结案处理</a>
|
|
</div>
|
|
<a class="yjzh_spsqzk2"></a>
|
|
<div class="yjzh_content_nrlb">
|
|
<h2 class="che_sjkxbt">现场动态</h2>
|
|
<ul class="yjzh_content_dtlb">
|
|
<li>
|
|
<p class="yjzh_dtlb_wb"><span>2019-01-15 17:48:38</span><span>张三</span><span>测试测试</span></p>
|
|
<div class="yjzh_sp">
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
<div class="yjzh_sp">
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
<div class="yjzh_sp">
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<p class="yjzh_dtlb_wb"><span>2019-01-15 17:48:38</span><span>张三</span><span>测试测试</span></p>
|
|
<div class="yjzh_sp">
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<p class="yjzh_dtlb_wb"><span>2019-01-15 17:48:38</span><span>张三</span><span>测试测试</span></p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<span class="jb-lefts"><img src="../resourceNew/images/jb-lefts.png"/></span>
|
|
<span class="jb-leftx"><img src="../resourceNew/images/jb-leftx.png"/></span>
|
|
<span class="jb-rights"><img src="../resourceNew/images/jb-rights.png"/></span>
|
|
<span class="jb-rightx"><img src="../resourceNew/images/jb-rightx.png"/></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="yjzh_content_spck">
|
|
<div class="yjzh_content_spcknr">
|
|
<div class="yjzh_sp">
|
|
<p class="spmc">1223</p>
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
<div class="yjzh_sp">
|
|
<p class="spmc">1223</p>
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
<div class="yjzh_sp">
|
|
<p class="spmc">1223</p>
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
<div class="yjzh_sp">
|
|
<p class="spmc">1223</p>
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
<div class="yjzh_sp">
|
|
<p class="spmc">1223</p>
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
<div class="yjzh_sp">
|
|
<p class="spmc">1223</p>
|
|
<div class="video">
|
|
您的浏览器不支持 video 标签。
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="../resourceNew/js/jquery-3.7.0.min.js"></script>
|
|
<!--左侧列表展开-->
|
|
<script type="text/javascript">
|
|
function showdiv(id,pn) {
|
|
document.getElementById(pn).style.height=document.documentElement.clientHeight-158+"px";
|
|
document.getElementById(id).href = "javascript:hidediv('"+id+"','"+pn+"');";
|
|
$(".yjzh_splb").attr("class","yjzh_splb_zk");
|
|
}
|
|
function hidediv(id,pn) {
|
|
document.getElementById(pn).style.height='180px';
|
|
document.getElementById(id).href = "javascript:showdiv('"+id+"','"+pn+"');";
|
|
$(".yjzh_splb_zk").attr("class","yjzh_splb");
|
|
}
|
|
</script>
|
|
|
|
<!--中间收起展开-->
|
|
<script>
|
|
$(function(){
|
|
$(".yjzh_spsqzk2").click(function(){
|
|
$(".yjzh_content").toggleClass("yincang");
|
|
});
|
|
});
|
|
</script>
|
|
</script>
|
|
<!--高度自适应-->
|
|
<script>
|
|
window.onload=function (){
|
|
function auto_height(){
|
|
document.getElementById("yjzh_spzssj").style.height=document.documentElement.clientHeight-220+"px";
|
|
document.getElementById("container").style.height=document.documentElement.clientHeight-0+"px";
|
|
}
|
|
auto_height();
|
|
onresize=auto_height;
|
|
var map = new AMap.Map('container', {
|
|
resizeEnable: true, //是否监控地图容器尺寸变化
|
|
zoom:1, //初始化地图层级
|
|
layers: [//使用多个图层
|
|
new AMap.TileLayer.Satellite()
|
|
],
|
|
center: [114.512074, 38.048178] //初始化地图中心点
|
|
});
|
|
var content = "<div class='da_dwd'><span class='da_dtquan'></span></div>";
|
|
var marker = new AMap.Marker({
|
|
content: content, // 自定义点标记覆盖物内容
|
|
position: [114.512074, 38.048178], // 基点位置
|
|
title:'白洋淀景区',
|
|
offset: new AMap.Pixel(-17, -42) // 相对于基点的偏移位置
|
|
});
|
|
map.add(marker);
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|