代码拉取完成，页面将自动刷新
同步操作将从 celticsv5/畅行吉林_hzs 强制同步，此操作会覆盖自 Fork 仓库以来所做的任何修改，且无法恢复！！！
确定后同步将在后台操作，完成时将刷新页面，请耐心等待。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>路况信息</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/all_css.css" />
<link rel="stylesheet" type="text/css" href="css/weui/base.css" />
<link rel="stylesheet" type="text/css" href="lib/weui.css" />
<link rel="stylesheet" type="text/css" href="css/weui/jquery-weui.css" />
<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css" />
<style type="text/css">
body {
overflow-x: hidden;
word-break: break-all;
}
#free_main {
max-width: 640px;
min-width: 320px;
margin: 0px auto;
width: 100%;
}
.app_head_left {
float: left;
width: 30%;
padding-top: 8px;
padding-left: 6px;
}
.app_head_left a {
color: #FFFFFF;
font-size: 1.5em;
font-weight: bold;
}
.app_head_mid {
float: left;
width: 40%;
padding-top: 5px;
}
.app_head_right {
float: right;
height: 100%;
}
.app_head_right img {
height: 38px;
margin-top: 4px;
}
#app_head_title {
text-align: center;
color: #FFFFFF;
font-size: 1.6em;
font-family: "宋体";
font-weight: bold;
}
#l-map {
width: 100%;
}
/*----导航栏样式----*/
.weui_bar_item_on {
background-color: #FFFFFF !important;
color: #0070B4 !important;
}
.weui_navbar_item {
color: #FFFFFF;
background-color: #CCCCCC;
}
.weui_navbar_item b {
display: block;
height: 2em;
line-height: 2em;
border-right: 1px solid #FFFFFF;
}
/* 搜索框区域样式 */
.sec_line {
width: 100%;
background-color: #F5F5F5;
padding: 7px 0px;
border-bottom: 1px solid #DEDEDE;
}
#InputLine {
margin-left: 2%;
margin-right: 2%;
margin-top: 3px;
width: 96%;
border: 1px solid #DEDEDE;
border-radius: 7px;
height: 44px;
background-color: #FFFFFF;
opacity: 0.92;
}
#freeway_suggestId {
padding-left: 1em;
width: 40%;
height: 100%;
border: none;
float: left;
outline: medium;
color: #969696;
font-size: 1.05em;
font-weight: bold;
}
#freeEnd_suggestId {
border-radius: 0;
float: left;
outline: none;
border: medium;
height: 100%;
line-height: 43px;
color: #B0B0B0;
font-size: 1.05em;
font-weight: bold;
border-left: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
width: 48%;
text-align: left;
padding-left: 1.1em;
}
#searchBtn {
display: block;
float: right;
width: 8.5%;
padding-right: 10px;
color: #666666;
font-size: 2em;
text-align: right;
position: relative;
left: -5px;
}
/*底部弹出框 头部样式*/
.toolbar {
height: 50px;
background-color: #0070B4;
}
.toolbar-inner {}
.title {
color: #FFFFFF !important;
/*font-family: "黑体";*/
/*color: #fafafa;*/
letter-spacing: 0;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555;
}
.close-picker {
color: #FFFFFF !important;
font-weight: bold;
margin-top: 3px;
margin-right: 5px;
font-size: 1.1em;
}
/*---遮罩层---*/
.opacity {
opacity: 0.7;
filter: alpha(opacity=30);
background-color: #000;
}
.mask {
position: fixed;
height: 100%;
width: 100%;
z-index: 99;
}
html,
body {
height: 100%;
}
/* ul li样式 */
#freewayAll_Ul li {
border-bottom: 2px dashed #999999;
color: #666666;
padding: 12px;
box-shadow: 0px 5px 4px #DDDDDD;
margin-top: 3px;
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
#freewayAll_Ul li p {
/*height: 70px;*/
line-height: 35px;
}
#freewayAll_Ul li:last-child {
border: none !important;
}
#freewayAll_Ul li p a {
/*display: block;*/
color: #1296DB;
font-size: 16px;
border-bottom: 1px dashed;
}
#freewayAll_Ul li p span {
display: block;
width: 50%;
float: left;
font-size: 0.9em;
}
/*.huanhang {
height: auto !important;
}*/
.freewayTitle {
color: red;
font-size: 1.15em;
}
/* 返回顶部按钮 */
.returnTopBtn {
position: fixed;
right: 15px;
bottom: 80px;
width: 45px;
height: 43px;
border-radius: 8px;
z-index: 9999;
background-color: #CCCCCC;
padding: 6px;
}
/*---遮罩层---*/
.opacity {
opacity: 0.6;
filter: alpha(opacity=30);
background-color: #000;
}
.mask {
position: fixed;
top: 0;
height: 100%;
width: 100%;
z-index: 100;
}
html,
body {
height: 100%;
}
/*图层loading*/
#tcLoading {
position: absolute;
top: 40%;
left: 32%;
width: 35%;
height: 15%;
font-size: 0.9em;
background-image: url(img/index/yjzPic.gif);
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: right;
z-index: 100000;
color: #FFFFFF;
}
.BMap_pop>img {
display: none;
}
#noResult_freeway {
width: 100%;
text-align: center;
margin-top: 180px;
font-size: 1.8em;
color: #666666;
font-family: "宋体";
}
footer li {
width: 50%;
position: relative;
top: -3px;
}
footer li:first-child img {
width: 18%;
}
footer li:last-child img {
width: 20%;
}
.weui_tab {
padding-top: 70px;
overflow: hidden;
padding-bottom: 50px;
}
.zanwuBs {
position: fixed;
top: 45%;
width: 50%;
left: 25%;
text-align: center;
color: #999999;
font-weight: bold;
font-size: 1.8em;
box-shadow: 0px 0px 5px #999999;
}
footer li {
width: 33.3%;
position: relative;
top: -3px;
}
footer li p {
position: relative;
top: -5px;
}
footer li:first-child img {
width: 18%;
}
footer li:last-child img {
width: 20%;
}
footer li p {
position: relative;
top: -5px;
}
#myselfBsUl li {
height: 265px;
background-image: url(img/bs/borderIMG_BS.jpg);
background-size: 100% 100%;
margin-top: 30px;
width: 92%;
margin-left: 4%;
padding: 25px 10%;
}
#myselfBsUl li p {
height: 30px;
line-height: 30px;
white-space: nowrap;
/* 不换行 */
overflow: hidden;
/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow: ellipsis;
/* 当对象内文本溢出时显示省略标记(...) */
}
</style>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=MMh4H9m5FLBpizlht86GnGynuaM0oGKz"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
<link href="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" />
</head>
<body ontouchstart>
<div class="mask opacity" id="opacityDiv_freeway" style="display: none;">
<div id="tcLoading">
努力加载中...
</div>
</div>
<div id="free_main">
<div class="index_head" id="firTitle">
<div class="app_head_left">
<a href="index01.html" class="iconfont"></a>
</div>
<div class="app_head_mid">
<p id="app_head_title">高速信息</p>
</div>
<div class="app_head_right">
<a href="freeway_tolls.html">
<img src="img/freeway/moneyIcon.png" />
</a>
</div>
</div>
<div class="weui_tab">
<div class="weui_tab_bd">
<div id="searchList" class="weui_tab_bd_item weui_tab_bd_item_active">
<div id="noResult_freeway" style="display: none;">无相关信息</div>
<ul id="myselfBsUl">
<!--js内添加dom-->
</ul>
</div>
</div>
</div>
<footer>
<li>
<a href="freeway.html" id="index01">
<div>
<img src="img/freeway_foot/JHnotchoose.png" />
</div>
<p style="color: #8a8a8a;">计划阻断</p>
</a>
</li>
<li>
<a href="javascript:;">
<div>
<img src="img/freeway_foot/timeChoose.png" />
</div>
<p style="color: #1296db;">限制信息</p>
</a>
</li>
<li>
<a href="moreHtml/glgg.html">
<div>
<img src="img/freeway_foot/gl_icon.png" />
</div>
<p style="color: #8a8a8a;">公路公告</p>
</a>
</li>
</footer>
</div>
<div class="zanwuBs" style="display: none;">暂无信息</div>
<img src="img/index/returnTop2.png" style="display: none;" class="returnTopBtn" />
<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/md5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/back_end.js" type="text/javascript" charset="utf-8"></script>
<script src="js/weui/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// var dateNowStr = "";
// getNowDate();
$(function() {
var h = document.documentElement.clientHeight - 65;
// var w = document.documentElement.clientWidth;
// $("#free_main").width(w);
$("#l-map").height(h);
getAllFreeway();
});
//
// //左上角返回按钮 点击事件
// function freeway_returnBtn() {
// if(!$("#chooseMap").hasClass("weui_bar_item_on")) {
// //当页面位于高速信息列表时
// window.location.href = "javascript:history.go(-1)";
// } else {
// //当页面位于地图时
// $("#chooseList").click();
// }
// }
//
// //获取当前时间
// function getNowDate() {
// var date = new Date();
// var y = date.getFullYear();
// var m = date.getMonth() + 1;
// m = m >= 10 ? m : "0" + m;
// var d = date.getDate();
// d = d >= 10 ? d : "0" + d;
// var h = date.getHours();
// h = h >= 10 ? h : "0" + h;
// var min = date.getMinutes();
// min = min >= 10 ? min : "0" + min;
// var s = date.getSeconds();
// s = s >= 10 ? s : "0" + s;
// dateNowStr = y + '-' + m + '-' + d + ' ' + h + ':' + min + ':' + s;
// // nyrStr = dateNowStr.split(" ")[0];
// // console.log(dateNowStr);
// }
//获取所有高速公路路况信息方法
function getAllFreeway() {
$("#opacityDiv_freeway").show();
$.ajax({
type: "post",
url: Url,
data: {
"type": "query_report_info"
// 获取实时路况信息
// type = query_report_info
// ROADNAME = 路段名称
},
async: false,
cache: false,
dataType: "jsonp", //数据类型为jsonp
jsonp: "callbackparam", //服务端用于接收callback调用的function名的参数
jsonpCallback: "jsonpCallback1",
success: function(data) {
$("#opacityDiv_freeway").hide();
var d = data.DATA;
var m = data.MDATA;
if(isEncrypt(d, m)) {
d = eval(d).reverse(); //倒序显示
console.log(d);
if(d.length == 0) {
$(".zanwuBs").show();
} else {
$(".zanwuBs").hide();
for(var i = 0; i < d.length; i++) {
var planTime = d[i].PLANSUANCETIME;
var p1 = $("<p><span>填报单位<br/><a>" + d[i].REPORTUNIT + "</a></span><span>填报日期<br/><a>" + d[i].REPORTDATE.substr(0, 16) + "</a></span></p>");
var p2;
if(planTime.indexOf("1970-01-01") > -1) {
p2 = $('<p><span>事件日期 <br/><a>' + d[i].EVENTTIME.substr(0, 16) + '</a></span><span>计划恢复<br/><a>待定</a></span></p>');
} else {
p2 = $('<p><span>事件日期 <br/><a>' + d[i].EVENTTIME.substr(0, 16) + '</a></span><span>计划恢复<br/><a>' + planTime.substr(0, 16) + '</a></span></p>');
}
var p3 = $('<p><span>报送人<br/><a>' + d[i].REPORTER + '</a></span><span>联系电话<br/><a>' + d[i].REPORT_PHONE + '</a></span></p>');
var p4 = $('<p>高速名称<br/><a>' + d[i].ROADID + '</a></p>');
var p5;
if(d[i].REPORTSORT == "1") {
p5 = $('<p><span>起点桩号<br/><a>' + d[i].STARTNUM + '</a></span><span>终点桩号<br/><a>' + d[i].ENDNUN + '</a></span></p>');
} else if(d[i].REPORTSORT == "2") {
var zb = d[i].BEGINCOORDINATE;
var zb_y = zb.split(",")[0].substr(1);
var zb_x = zb.split(",")[1].substr(0, zb.split(",")[1].length - 1);
if(zb_y.length > 9 || zb_x.length > 8) {
zb_y = zb_y.substring(0, 9);
zb_x = zb_x.substring(0, 8);
var zb_new = "(" + zb_y + "," + zb_x + ")";
p5 = $('<p><span>收费站<br/><a>' + d[i].SHOUFEIZHAN + '</a></span><span>事件地点/坐标<br/><a>' + zb_new + '</a></span></p>');
} else {
p5 = $('<p><span>收费站<br/><a>' + d[i].SHOUFEIZHAN + '</a></span><span>事件地点/坐标<br/><a>' + d[i].BEGINCOORDINATE + '</a></span></p>');
}
} else {
var zb = d[i].BEGINCOORDINATE;
var zb_y = zb.split(",")[0].substr(1);
var zb_x = zb.split(",")[1].substr(0, zb.split(",")[1].length - 1);
if(zb_y.length > 9 || zb_x.length > 8) {
zb_y = zb_y.substring(0, 9);
zb_x = zb_x.substring(0, 8);
var zb_new = "(" + zb_y + "," + zb_x + ")";
p5 = $('<p><span>服务区<br/><a>' + d[i].FUWUQU + '</a></span><span>事件地点/坐标<br/><a>' + zb_new + '</a></span></p>');
} else {
p5 = $('<p><span>服务区<br/><a>' + d[i].FUWUQU + '</a></span><span>事件地点/坐标<br/><a>' + d[i].BEGINCOORDINATE + '</a></span></p>');
}
}
var p6 = $('<p><span>当前状态<br/><a>' + d[i].STATE + '</a></span><span>事件类型<br/><a>' + d[i].EVENTTYPE + '</a></span></p>');
var p7 = $('<p class="huanhang">事件内容<br/><a>' + d[i].CONTENT + '</a></p>');
var li = $('<li></li>');
$(li).append(p1, p2, p3, p4, p5, p6, p7);
$("#myselfBsUl").append(li);
}
}
} else {
$("#opacityDiv_freeway").hide();
errMD();
}
},
error: function(data) {
$.alert("连接超时，请稍后再试", "提示");
$("#opacityDiv_freeway").hide();
}
});
}
// //初始化时间选择插件
// $("#freeEnd_suggestId").datetimePicker();
// $("#freeEnd_suggestId").change(function() {
// var nowTimeStr = dateNowStr.replace(/\-/g, "").replace(/\:/g, "").replace(" ", "").substring(0, 10);
// var myTimeStr = this.value.replace(/\-/g, "").replace(/\:/g, "").replace(" ", "").substring(0, 10);
// if(myTimeStr < nowTimeStr) {
// //当所选时间小于当前时间 禁止
// }
// });
window.onscroll = function() {
var scroll_top = $(document).scrollTop();
if(scroll_top != 0) {
$(".returnTopBtn").show();
} else if(scroll_top == 0) {
$(".returnTopBtn").hide();
}
};
// //每当点击地图按钮的时候，页面都返回顶部
// $("#chooseMap").click(function() {
// $(window).scrollTop(0);
// });
$(".returnTopBtn").click(function() {
$("body").animate({
scrollTop: 0
}, 300) //0.3秒回到顶部动画效果
});
// var map = new BMap.Map("l-map");
// var point = new BMap.Point(125.10973333, 44.09094444); //地图加载时位于长春市中心点
// map.centerAndZoom(point, 11);
// // map.enableScrollWheelZoom(true);
// // var ctrl = new BMapLib.TrafficControl({
// // showPanel: true //是否显示路况提示面板
// // });
// // map.addControl(ctrl);
// // ctrl.setAnchor(BMAP_ANCHOR_TOP_RIGHT);
//
// //在高速名称Input框输入内容时
// var timeout;
// $("#freeway_suggestId").keyup(function() {
// var linkName = $(this).val();
// var pattern = /^[\u4e00-\u9fa5]*$/;
// if(!pattern.test(linkName)) {
// $.alert("请输入中文", "提示", function() {
// $("#freeway_suggestId").val("");
// });
// } else {
//
// $("#noResult_freeway").hide();
// if(this.value == "") {
// $("#opacityDiv_freeway").show();
// $("#freewayAll_Ul").html(""); //清空li
// clearTimeout(timeout);
// timeout = setTimeout("getAllFreeway()", 800);
// // getAllFreeway();
// } else {
// clearTimeout(timeout);
// timeout = setTimeout("freewayInputTS()", 800);
// }
// }
// });
//
// //方法：输入框输入信息模糊查询
// function freewayInputTS() {
// var BLOCKENDDATE = "";
// $("#opacityDiv_freeway").show();
// $("#noResult_freeway").hide();
// $("#freewayAll_Ul").html(""); //清空所有li
// if($("#freeEnd_suggestId").val() == "") {
// dateNowStr = "";
// } else {
// getNowDate();
// BLOCKENDDATE = $("#freeEnd_suggestId").val() + ":00";
// }
//
// $.ajax({
// type: "post",
// url: Url,
// data: {
// "type": "plan_traffic_info_by_name_or_date", //计划阻断信息模糊匹配名称和时间区间
// "ROADNAME": $("#freeway_suggestId").val(), //道路名称字符串
// "BLOCKSTARTDATE": dateNowStr, //"阻断开始时间"
// "BLOCKENDDATE": BLOCKENDDATE //"阻断恢复时间"
// },
// async: false,
// cache: false,
// dataType: "jsonp", //数据类型为jsonp
// jsonp: "callbackparam", //服务端用于接收callback调用的function名的参数
// jsonpCallback: "jsonpCallback1",
// success: function(data) {
// console.log(data);
// var d = data.DATA;
// var m = data.MDATA;
// if(isEncrypt(d, m)) {
// d = eval(d);
// console.log(d);
// if(d.length == 0) {
// $("#noResult_freeway").show();
// } else {
// $("#noResult_freeway").hide();
// for(var i = 0; i < d.length; i++) {
// var backtime = d[i].comebackTime;
// if(backtime == "") {
// backtime = d[i].intendingComebackTime;
// }
// var beginInfo = d[i].beginCoordinate;
// beginInfo = beginInfo.split(",").reverse().join(",");
// var endInfo = d[i].endCoordinate;
// endInfo = endInfo.split(",").reverse().join(",");
//
// var gslk;
// if(d[i].caseBewrite.substring(0, 1) == "请") {
// //当caseBewrite字段内容不全时，在它的前面加locality字段内容补全
// gslk = d[i].locality + "，" + d[i].caseBewrite;
// } else {
// gslk = d[i].caseBewrite;
// }
//
// var li = $('<li data-endnum="' + endInfo + '" data-biginnum="' + beginInfo + '" onclick="jumpToFreewWayMsgMap(this)"><span>高速名称： </span><b class="freewayTitle">' + d[i].roadName + '</b><br/><span>高速路况： </span><a class="gslkMsg">' +
// gslk + '</a><br/><span>开始时间： </span><a class="start_time">' + d[i].begintime.substr(0, 16) + '</a><br/><span>预计结束： </span><a class="end_time">' + backtime.substr(0, 16) + '</a></li>');
// $("#freewayAll_Ul").append(li);
// }
// }
// $("#opacityDiv_freeway").hide();
// // $("#freewayAll_Ul").html("");
// // if(data.length == 0) {
// // $("#noResult").show();
// // $("#opacityDiv_freeway").hide();
// // } else {
// // $("#noResult").hide();
// // for(var i = 0; i < data.length; i++) {
// // // console.log(data);
// // var li = $('<li data-position="' + data[i].position + '" data-business="' + data[i].business + '" data-phone="' + data[i].phonenumber + '" data-weizhiX="' + data[i].coordinateX + '" data-weizhiY="' + data[i].coordinateY + '" onclick="jumpToTollStationMsg(this)">' + data[i].serviceName + '</li>');
// // $("#tollStationAll_Ul").append(li);
// // $("#opacityDiv_freeway").hide();
// // }
// } else {
// errMD();
// }
// },
// error: function(data) {
// $.alert("连接超时，请稍后再试", "提示");
// $("#opacityDiv_freeway").hide();
// }
// });
// };
// $("#searchBtn").click(function() {
// freewayInputTS();
// });
// //点击进入地图详情显示
// function jumpToFreewWayMsgMap(tt) {
// map.clearOverlays();
// var a = $(tt).children("b").html(); //高速名称
// var b = $(tt).children(".gslkMsg").html(); //高速内容
// var ctime = $(tt).children(".start_time").html() + " ～ " + $(tt).children(".end_time").html();
// var beginInfo = $(tt).attr("data-biginnum");
// var endInfo = $(tt).attr("data-endnum");
// $("#chooseMap").click();
// $.ajax({
// type: 'post',
// url: 'http://api.map.baidu.com/direction/v1?mode=driving&origin=' + beginInfo + '&destination=' + endInfo + '&output=json&origin_region=吉林省&destination_region=吉林省&ak=LBmf187Ps3VW7694BIu6bLrxVCffBAs2',
// async: false,
// cache: false,
// dataType: 'jsonp',
// //服务端用于接收callback调用的function名的参数
// success: function(data) {
// var newPathArray = [];
// console.log(data);
// if(data.status == 0) {
// var pathInfo = data.result.routes[0].steps[0].path;
// pathInfo = pathInfo.split(";");
// for(var i = 0; i < pathInfo.length; i++) {
// var c = pathInfo[i];
// c = c.split(",");
// c[0] = Number(c[0]);
// c[1] = Number(c[1]);
// newPathArray.push(new BMap.Point(c[0], c[1]))
// }
// var point1 = newPathArray[Math.floor((newPathArray.length - 1) / 2)];
// var opts = {
// width: 300, // 信息窗口宽度
// title: "高速阻断信息", // 信息窗口标题
// }
// var content = "<p>名称: " + a + "</p>" +
// "<p>事件: </br>" + b + "</p>" +
// "<p>起止时间: </br>" + ctime + "</p>"
// var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象
// map.openInfoWindow(infoWindow, point1); //开启信息窗口
//
// // //创建折线
// var polyline = new BMap.Polyline(newPathArray, {
// strokeColor: "red",
// strokeWeight: 10,
// strokeOpacity: 0.8
// });
// polyline.addEventListener("longpress", function() {
// map.openInfoWindow(infoWindow, point1); //开启信息窗口
// });
// // infoWindow.addEventListener("clickclose", function(){
// // //点击小窗口关闭按钮时
// // alert("dasdas");
// // });
// map.addOverlay(polyline);
// //让线路试应屏幕
// map.setViewport(newPathArray);
// map.setZoom(15);
// // $(".BMap_bottom").next().next().next().next().hide();
//
// }
// }
// })
// };
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手