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.
280 lines
14 KiB
280 lines
14 KiB
<%-- 旅游安全预警系统 - 团队预警监测 --%>
|
|
<%@ page import="com.cjy.core.facade.UserAttrFacade" %>
|
|
<%@ page import="com.cjy.sysdept.entity.SysDept" %>
|
|
<%@ page language="java" contentType="text/html;charset=UTF-8"
|
|
pageEncoding="UTF-8" %>
|
|
<%@ taglib uri="http://tags.clayton.io/blacklayout" prefix="bl" %>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
|
<bl:set var="title" value="团队预警监测"/>
|
|
<bl:set var='sys_name' value='旅游安全预警系统-团队预警监测'/>
|
|
<bl:set var="hide_location" value="true"/>
|
|
|
|
<%-- 设置 回显菜单 的 id --%>
|
|
<bl:set var='menu_id' value='014802'/>
|
|
|
|
<%-- 继承页面 --%>
|
|
<bl:extends page="/common/layout/secondaryMenuLayout.jsp"/>
|
|
|
|
<%
|
|
SysDept sysDept = UserAttrFacade.getDeptInfo(request);
|
|
String earecodets = sysDept.getDcode();
|
|
String areacode = "";
|
|
if (sysDept.getLevel() == 1) {//省级
|
|
areacode = sysDept.getDremark().substring(0, 2);
|
|
} else if (sysDept.getLevel() == 2) {//市
|
|
if (sysDept.getDremark().equals("131401")) {
|
|
areacode = "131401";
|
|
} else {
|
|
areacode = sysDept.getDremark().substring(0, 4);
|
|
}
|
|
} else if (sysDept.getLevel() == 3) {//县级
|
|
areacode = sysDept.getDremark();
|
|
} else if (sysDept.getLevel() == 4) {//地级市
|
|
areacode = sysDept.getDremark();
|
|
}
|
|
%>
|
|
|
|
<bl:block name="style">
|
|
<link rel="stylesheet" href="${ctx}/theme/common/css/layout.css"/>
|
|
<style>
|
|
.old_pg_wrap {
|
|
margin-top: 0 !important;
|
|
}
|
|
</style>
|
|
</bl:block>
|
|
|
|
<bl:block name="main-secondary">
|
|
|
|
<div class="old_pg_wrap wlp_sm_1 wlpjfxxt" style="height: calc(100% - 60px);">
|
|
<!-- flexbox begin -->
|
|
<div class="flexbox" style="height: calc(100% - 60px);">
|
|
<!-- flex-l begin -->
|
|
<div class="flex-1" style="height: 100%;">
|
|
<div class="com_box_zsy mgn_r_15"><span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>国内出游分布</span></h3>
|
|
</div>
|
|
<div class="gird_content" style="height: 100%;">
|
|
|
|
<div class="weather-map-div">
|
|
<div id="container" style="height: 100%;width: 100%"><%--背景地图--%></div>
|
|
|
|
<div class="weather-map-list">
|
|
<p class="weather-map-title">预警信号</p>
|
|
<ul class="weather-map-ul">
|
|
<li><span class=" icon "><img
|
|
src="${ctx}/theme/common/images/weather/daolujiebing.png" alt=""></span>
|
|
<span
|
|
class="icon-name">道路结冰</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/baoxue.png"
|
|
alt=""></span> <span
|
|
class="icon-name">暴雪预警</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/baoyu.png"
|
|
alt=""></span> <span
|
|
class="icon-name">暴雨预警</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/bingbao.png"
|
|
alt=""></span> <span
|
|
class="icon-name">冰雹预警</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/dafeng.png"
|
|
alt=""></span> <span
|
|
class="icon-name">大风预警</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/dawu.png"
|
|
alt=""></span> <span
|
|
class="icon-name">大雾预警</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/gaowen.png"
|
|
alt=""></span> <span
|
|
class="icon-name">高温预警</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/ganhan.png"
|
|
alt=""></span> <span
|
|
class="icon-name">干旱预警</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/hanchao.png"
|
|
alt=""></span> <span
|
|
class="icon-name">寒潮预警</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/leidian.png"
|
|
alt=""></span> <span
|
|
class="icon-name">雷电预警</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/mai.png"
|
|
alt=""></span> <span
|
|
class="icon-name">霾预警</span></li>
|
|
<li><span class=" icon "><img
|
|
src="${ctx}/theme/common/images/weather/shachengbao.png" alt=""></span>
|
|
<span
|
|
class="icon-name">沙城暴</span></li>
|
|
<li><span class=" icon "><img
|
|
src="${ctx}/theme/common/images/weather/shuangdong.png" alt=""></span> <span
|
|
class="icon-name">霜冻预警</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/taifeng.png"
|
|
alt=""></span> <span
|
|
class="icon-name">台风预警</span></li>
|
|
<li><span class=" icon "><img src="${ctx}/theme/common/images/weather/qita.png"
|
|
alt=""></span> <span
|
|
class="icon-name">其他预警</span></li>
|
|
</ul>
|
|
<p class="weather-map-title">预警级别</p>
|
|
<ul class="weather-map-ul-warning">
|
|
<li><span class="blue-color"></span>蓝色预警</li>
|
|
<li><span class="yellow-color"></span>黄色预警</li>
|
|
<li><span class="orange-color"></span>橙色预警</li>
|
|
<li><span class="red-color"></span>红色预警</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- flex-l end -->
|
|
<!-- flex-l begin -->
|
|
<div class="flex-1" style="height: 100%;">
|
|
<div class="com_box_zsy mgn_r_15"><span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>国内游分布</span></h3>
|
|
</div>
|
|
<div class="gird_content" style="height: 100%;">
|
|
<div class="warning-text-box">
|
|
<div class="warning-box">
|
|
<p>当前预警</p>
|
|
<div id="waring_ci">-次</div>
|
|
</div>
|
|
<div class="warning-box">
|
|
<p>涉及团队数</p>
|
|
<div id="waring_tuan">-团</div>
|
|
</div>
|
|
<div class="warning-box">
|
|
<p>涉及人数</p>
|
|
<div id="waring_ren">-人</div>
|
|
</div>
|
|
</div>
|
|
<ul class="warning-text-box-list" id="warning-ul">
|
|
<li><span
|
|
style="display: inline-block;font-size:5rem;float:left;width:80px;height:80px;"> <img
|
|
src="${ctx}/theme/common/images/warning.jpg" width="75" height="65"></span>
|
|
<div style="float:left;margin-left: 20px;width: calc(100% - 100px);">
|
|
<p class="warning-info-title">------</p>
|
|
<div style="height:40px;line-height: 30px;"><span
|
|
class="warning-info-text">出游团队 <span>-个</span> ,出游人数 <span>--人</span></span>
|
|
<span class="warning-info-time">-----</span></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- flex-l end -->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</bl:block>
|
|
|
|
<bl:block name="script-secondary">
|
|
<script src="${ctx }/hbcyjc/kll/kll_structure/areacode.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/resource/js/echarts/echarts.min.js"></script>
|
|
<script src="${ctx}/hbcyjc/tour_group/js/tour_group_ui.js"></script>
|
|
<script src="${ctx}/hbcyjc/tour_group/js/outbound.js"></script>
|
|
<script type="text/javascript" src="${ctx }/js/laydate5.09/laydate.js"></script>
|
|
<script type="text/javascript" src="${ctx }/util/date_region_filter.js"></script>
|
|
<script src="https://webapi.amap.com/maps?v=1.4.12&key=8ccbf0076c5d6202725eb9c4b3cec772"></script>
|
|
<script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
|
|
|
|
<script>
|
|
<!--自适应高度-->
|
|
window.onload = function() {
|
|
initMap();
|
|
setSatellite(); // 卫星地图
|
|
// hideSatellite(); // 数字地图
|
|
function auto_height() {
|
|
//iframe高度自适应
|
|
$(".jiaoz_1").height(document.documentElement.clientHeight - 190 + "px");
|
|
}
|
|
auto_height();
|
|
onresize = auto_height;
|
|
};
|
|
var map;
|
|
var heatmap; // 热力图
|
|
var infoWindow ;
|
|
var statellite = new AMap.TileLayer.Satellite();//卫星图定义
|
|
var mapssklldata;
|
|
//选项卡
|
|
function setTab(name,cursel,n){
|
|
sszttiaojian = "";
|
|
|
|
for(i=1;i<=n;i++){
|
|
var menu=document.getElementById(name+i);
|
|
var con=document.getElementById("con_"+name+"_"+i);
|
|
menu.className=i==cursel?"hover":"";
|
|
con.style.display=i==cursel?"block":"none";
|
|
}
|
|
|
|
//解决-多次点击后选择5A选不中问题，先让他不先中
|
|
var aclass = $('#a_' + 5).attr('class');
|
|
if (aclass == "che_jbxz") {
|
|
$('#a_' + 5).removeClass("che_jbxz");
|
|
$('#a_' + 5).addClass("che_jbxz active");
|
|
} else {
|
|
$('#a_' + 5).removeClass("che_jbxz active");
|
|
$('#a_' + 5).addClass("che_jbxz");
|
|
}
|
|
|
|
getVals(5);//景区实时客流量
|
|
}
|
|
|
|
function getIcon(type) {
|
|
var icon = '';
|
|
switch (type) {
|
|
case 'hail':
|
|
icon = '/theme/common/images/bigbingbao_ico3.jpg';
|
|
break;
|
|
case 'hot':
|
|
icon = '/theme/common/images/warning.jpg';
|
|
break;
|
|
}
|
|
return icon;
|
|
}
|
|
|
|
var warningInfo = {
|
|
'tourGroupNum': 0,
|
|
'tourGroupTouristNum': 0
|
|
}
|
|
// hail 冰雹
|
|
var waringList = [
|
|
/*{
|
|
title: '',
|
|
type: 'hail',
|
|
tourGroupNum: 0,
|
|
tourGroupTouristNum: 0,
|
|
time: ''
|
|
}*/
|
|
];
|
|
$('#waring_ci').html(waringList.length + '次');
|
|
$('#waring_tuan').html(warningInfo.tourGroupNum + '团');
|
|
$('#waring_ren').html(warningInfo.tourGroupTouristNum + '人');
|
|
|
|
var dom = $('#warning-ul');
|
|
dom.empty();
|
|
var html = "";
|
|
/* for (var i = 0; i < waringList.length; i++) {
|
|
var item = waringList[i];
|
|
html += '<li><span\n' +
|
|
' style="display: inline-block;font-size:5rem;float:left;width:80px;height:80px;"> <img\n' +
|
|
' src="' + getIcon(item.type) + '" width="75" height="65"></span>\n' +
|
|
' <div style="float:left;margin-left: 20px;width: calc(100% - 100px);">\n' +
|
|
' <p class="warning-info-title">' + item.title + '</p>\n' +
|
|
' <div style="height:40px;line-height: 30px;"><span\n' +
|
|
' class="warning-info-text"> <span>'
|
|
+ item.tourGroupNum +
|
|
'个</span> ,出游人数 <span>' + item.tourGroupTouristNum + '人</span></span>\n' +
|
|
' <span class="warning-info-time">' + item.time + '</span></div>\n' +
|
|
' </div>\n' +
|
|
' </li>';
|
|
}*/
|
|
dom.append(html);
|
|
|
|
|
|
</script>
|
|
<!-- 景区地图map展示 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_currtime/kll_map.js"></script>
|
|
</bl:block>
|
|
|
|
<bl:finish/> |