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.
299 lines
12 KiB
299 lines
12 KiB
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
|
<%@ include file="/common/ctx.jsp"%>
|
|
<%@ page import="com.cjy.sysuser.entity.SysUser" %>
|
|
<%@ page import="com.cjy.sysdept.entity.SysDept" %>
|
|
<%
|
|
sysUser = (SysUser) request.getSession().getAttribute("admin");
|
|
SysDept sysDept = (SysDept) request.getSession().getAttribute("region");
|
|
String earecode = sysDept.getDcode();
|
|
String areacode = "";
|
|
if(sysDept.getLevel() == 1){//省级
|
|
areacode = sysDept.getDremark().substring(0, 2);
|
|
}else if(sysDept.getLevel() == 2){//市级
|
|
// areacode = sysDept.getDremark().substring(0, 4);
|
|
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();
|
|
}
|
|
%>
|
|
<!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" />
|
|
|
|
|
|
<%--<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style.css"/>--%>
|
|
<%--<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style2.css" />--%>
|
|
<%--<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_zlmxg.css" />--%>
|
|
<%@ include file="/common/theme_css.jsp" %>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/jquery-3.7.0.min.js"></script>
|
|
<!-- 各地市json对应名称js -->
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/hikvision_cll/allregion.js"></script>
|
|
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/echarts.min.js"></script>
|
|
<%-- <script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/china.js"></script> --%>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/china.js"></script>
|
|
<script type="text/javascript" src="${ctx }/js/common/cjy_form.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<title>车流量监测系统</title>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
var sysName = "车流量监测系统";
|
|
$("#sysName").html(sysName);
|
|
$("#bottom_menu").css('display','none');
|
|
$("#current_page").css('display','none');
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body class="">
|
|
<div class="xingk"></div>
|
|
<%@include file="/common/menu.jsp" %>
|
|
<!-- <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 class="gy_sx">
|
|
<a class="bttn_tssx"><span class="bttn_sxdh"></span></a>
|
|
<div class="sx_nr" id="div_search">
|
|
<a href="javascript:changedate('DAY')" name="datefx" id="a_DAY" class="xsflx active">按日分析</a>
|
|
<a href="javascript:changedate('MONTH')" name="datefx" id="a_MONTH" class="xsflx">按月分析</a>
|
|
<a href="javascript:changedate('YEAR')" name="datefx" id="a_YEAR" class="xsflx">按年分析</a>
|
|
<div class="sx_form sx_form2">
|
|
<div class="form_input2" id="tDAY" style="display: none;"><input id="openingTimeDAY" name="OpeningTime"></div>
|
|
<div class="form_input2" id="tMONTH" style="display: none;"><input id="openingTimeMONTH" name="OpeningTime"></div>
|
|
<div class="form_input2" id="tYEAR" style="display: none;"><input id="openingTimeYEAR" name="OpeningTime"></div>
|
|
|
|
<input type="hidden" id="dtype" name="dtype"/>
|
|
<input type="hidden" id="ddate" name="ddate"/>
|
|
<input type="hidden" id="areacode" name="areacode" value="<%=areacode %>"/>
|
|
<input type="hidden" id="earecode" name="earecode" value="<%=earecode%>"/>
|
|
|
|
<div id="dept_sheng" class="form_select" style="width:150px;">
|
|
<select class="form-control " id = "videoRegionS" name = "videoRegionS" onchange="getSelectSysRegion()">
|
|
</select>
|
|
</div>
|
|
<div id="dept_shi" class="form_select" style="width:150px;">
|
|
<select class="form-control " id = "videoRegionShi" name = "videoRegionShi" onchange="getSelectSysRegion('videoRegion')" >
|
|
</select>
|
|
</div>
|
|
<div id="dept_xian" class="form_select" style="width:150px;">
|
|
<select class="form-control " id = "videoRegion" name = "videoRegion" onchange="setareacode()">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<span class="jb-leftx"></span>
|
|
<span class="jb-rights"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="che_caid">
|
|
<a class="bttn_caid"><span class="bttn_sxdh"></span></a>
|
|
<div class="caid_nr" style="width:140px;" id = "leftlowermenu">
|
|
<a href="${ctx }/hbcyjc/cll/cll_currtime.jsp" class="caid_xiang">车流量实时监测</a>
|
|
<a href="${ctx }/hbcyjc/cll/cll_flow.jsp" class="caid_xiang active">车流量分析</a>
|
|
<span class="jb-lefts"></span>
|
|
<span class="jb-leftx"></span>
|
|
<span class="jb-rights"></span>
|
|
<span class="jb-rightx"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="zt_cotent">
|
|
<div class="che_fx_dt">
|
|
<div class="che_fx_lxfx" id="type">
|
|
<h2 class="che_fx_lxfxbt">车辆类型分析</h2>
|
|
<div class="che_fx_lxfxsj">
|
|
<div class="che_fx_lxfxtxzs" style="display: none;">
|
|
<div class="che_fx_lxfxtxzs"><img src="${ctx }/hbcyjc/resourceNew/images/che_lxfx_xx.png" /></div>
|
|
<div class="che_fx_lxfxsjzs"><p><span id="xiaoname"></span><strong id="xiao"></strong></p></div>
|
|
</div>
|
|
<div class="che_fx_lxfxtxzs" style="display: none;">
|
|
<div class="che_fx_lxfxtxzs"><img src="${ctx }/hbcyjc/resourceNew/images/che_lxfx_zx.png" /></div>
|
|
<div class="che_fx_lxfxsjzs"><p><span id="zhongname"></span><strong id="zhong"></strong></p></div>
|
|
</div>
|
|
<div class="che_fx_lxfxtxzs" style="display: none;">
|
|
<div class="che_fx_lxfxtxzs"><img src="${ctx }/hbcyjc/resourceNew/images/che_lxfx_dx.png" /></div>
|
|
<div class="che_fx_lxfxsjzs"><p><span id="daname"></span><strong id="da"></strong></p></div>
|
|
</div>
|
|
<div class="che_fx_lxfxtxzs" style="display: none;">
|
|
<div class="che_fx_lxfxtxzs"><img src="${ctx }/hbcyjc/resourceNew/images/che_lxfx_qt.png" /></div>
|
|
<div class="che_fx_lxfxsjzs"><p><span id="qitaname"></span><strong id="qita"></strong></p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="che_fx_dtzs">
|
|
<h2 class="che_fx_dtbt">车辆来源地(全国)</h2>
|
|
<div class="" style="width:100%; height:440px; margin: 0px auto;">
|
|
<div id="cll_sourcecon" style="height:440px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="che_fx_dtright">
|
|
<div class="ty_sjbox che_fx_cllxq">
|
|
<h2 class="che_sjkxbt">车辆流量详情</h2>
|
|
<div class="che_jqcjk">
|
|
<div id="div_park">
|
|
|
|
</div>
|
|
<div class="che_fx_bgtmfy">
|
|
<input id="currpageno" type="hidden" value="1"/>
|
|
<!-- <input id="totalpage" type="hidden" value="2"/> -->
|
|
|
|
<a href="javascript:gotoSyy()" class="che_fx_fyan">上一页</a>
|
|
<a href="javascript:gotoNext()" class="che_fx_fyan">下一页</a>
|
|
<p class="che_fx_bgymtj">第<span id="currnum">1</span>/<span id="totalpage">2</span>页</p>
|
|
<p class="che_fx_bghj">合计：<span id="totalnum"></span> 条</p>
|
|
</div>
|
|
</div>
|
|
<span class="jb-lefts"></span>
|
|
<span class="jb-leftx"></span>
|
|
<span class="jb-rights"></span>
|
|
<span class="jb-rightx"></span>
|
|
</div>
|
|
<div class="ty_sjbox che_fx_cllxq" style="display: none;">
|
|
<h2 class="che_sjkxbt">停留时长</h2>
|
|
<div id="cll_stop" class="" style="height:170px;">
|
|
</div>
|
|
<span class="jb-lefts"></span>
|
|
<span class="jb-leftx"></span>
|
|
<span class="jb-rights"></span>
|
|
<span class="jb-rightx"></span>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div class="che_fx_bottom">
|
|
<div class="che_fx_csclfb">
|
|
<div class="ty_sjbox">
|
|
<h2 class="che_sjkxbt">车辆来源地(省内)</h2>
|
|
<div id="cll_sourcepro" class="" style="height:120px;">
|
|
</div>
|
|
<span class="jb-lefts"></span>
|
|
<span class="jb-leftx"></span>
|
|
<span class="jb-rights"></span>
|
|
<span class="jb-rightx"></span>
|
|
</div>
|
|
</div>
|
|
<div class="che_fx_clqst">
|
|
<div class="ty_sjbox">
|
|
<h2 class="che_sjkxbt">车辆趋势图</h2>
|
|
<div id="cll_trend" class="" style="height:120px;">
|
|
</div>
|
|
<span class="jb-lefts"></span>
|
|
<span class="jb-leftx"></span>
|
|
<span class="jb-rights"></span>
|
|
<span class="jb-rightx"></span>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 获取当前时间js -->
|
|
<script src="${ctx }/js/dateutil.js"></script>
|
|
<!--时间选择器-->
|
|
<script type="text/javascript" src="${ctx }/js/laydate5.09/laydate.js"></script>
|
|
<script>
|
|
var laydate = layui.laydate;
|
|
</script>
|
|
<!--筛选隐藏显示-->
|
|
<script>
|
|
$(document).ready(function(){
|
|
$(".bttn_tssx").click(function(){
|
|
$(".sx_nr").fadeToggle();
|
|
});
|
|
});
|
|
</script>
|
|
<!-- 车辆类型分析 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_flow/cll_type.js"></script>
|
|
<!-- 车辆流量详情 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_flow/cll_park.js"></script>
|
|
<!-- 停留时长 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_flow/cll_stop.js"></script>
|
|
<!-- 车辆来源地全国 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_flow/cll_source_cou.js"></script>
|
|
<!-- 车辆来源地省内 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_flow/cll_source_pro.js"></script>
|
|
<!-- 车辆趋势 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_flow/cll_trend.js"></script>
|
|
|
|
<script src="${ctx }/hbcyjc/cll/cll_flow/cll_trend_new.js"></script>
|
|
|
|
<!-- 查询条件 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_flow/cll_flow_search.js"></script>
|
|
<script type="text/javascript">
|
|
//初始化数据
|
|
$(function(){
|
|
init();
|
|
});
|
|
var earecode = document.getElementById('earecode').value; //模拟当前登录人所属行政地域编码
|
|
function init(){
|
|
Selectionxzqh();//三級联动
|
|
changedate('DAY');
|
|
}
|
|
|
|
getLeftlowermenu();
|
|
//获得左下角菜单
|
|
//加个id--leftlowermenu
|
|
function getLeftlowermenu(){
|
|
var dicnum = '012402'; //测试，需要换成自己当前菜单dicnum --> sys_menu_item_dictionary
|
|
$.ajax({
|
|
url : "${ctx}/hbcyjclogin/getzccd.do",
|
|
data : {"dicnum" : dicnum},
|
|
type : "post",
|
|
dataType : "json",
|
|
success : function(data) {
|
|
var leftlowerhtml = "";
|
|
if(data.success){
|
|
var zcdlist = data.data;
|
|
for(var i = 0;i<zcdlist.length;i++){
|
|
var menuurl = zcdlist[i].menuurl; //配置的链接
|
|
var dicname = zcdlist[i].dicname; //名称
|
|
if(dicnum == zcdlist[i].dicnum){
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang active\">"+dicname+"</a>";
|
|
}else{
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang\">"+dicname+"</a>";
|
|
}
|
|
}
|
|
}
|
|
|
|
leftlowerhtml += "<span class=\"jb-lefts\"></span>"+
|
|
"<span class=\"jb-leftx\"></span>"+
|
|
"<span class=\"jb-rights\"></span>"+
|
|
"<span class=\"jb-rightx\"></span>";
|
|
$("#leftlowermenu").html(leftlowerhtml);
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|