代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>开封市电动自行车头盔佩戴专项整治数据</title>
<link rel="stylesheet" type="text/css" href="css/app.css" />
<style type="text/css">
.box {
position: relative;
left: 0;
top: 260px;
margin: 0 15px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 4px;
height: 150px;
}
.section {
margin: auto 15px;
font-size: 16px;
font-weight: bold;
padding-top: 15px;
padding-bottom: 10px;
}
.row2 {
height: 40px;
line-height: 40px;
display: flex;
margin: 2px 15px;
font-size: 14px;
background-color: rgba(255, 255, 255, 0);
justify-content: space-between;
align-items: center;
color: #FFFFFF;
font-size: 14px;
}
.line {
background-color: rgba(255, 255, 255, 0.6);
height: 1px;
line-height: 1px;
margin: 0 15px;
}
</style>
</head>
<body>
<div class="bg2">
<div class="box">
<div id="section" class="section">第一大队</div>
<div class="row2">
<div id="title">文明劝导次数</div>
<div id="counts1">0次 </div>
</div>
<div class="line"></div>
<div class="row2">
<div id="title">租借头盔次数</div>
<div id="counts2">0次 </div>
</div>
</div>
</div>
</body>
<script src="js/jquery-3.5.1.min.js"></script>
<script>
// function fun() {
// this.policeMessageCount()
// this.policeHelmetCount()
// }
// //间隔1000ms周期性调用函数fun
// setInterval("fun()", 1000);
window.onload = function() {
var police_id = window.getQueryVariable("police_id")
if (police_id == 1) {
document.getElementById("section").innerText = '第一大队'
} else if (police_id == 2) {
document.getElementById("section").innerText = '第二大队'
} else if (police_id == 3) {
document.getElementById("section").innerText = '第三大队'
} else if (police_id == 4) {
document.getElementById("section").innerText = '第四大队'
} else if (police_id == 5) {
document.getElementById("section").innerText = '第五大队'
} else if (police_id == 6) {
document.getElementById("section").innerText = '祥符区大队'
} else if (police_id == 7) {
document.getElementById("section").innerText = '第七大队'
} else if (police_id == 8) {
document.getElementById("section").innerText = '杞县大队'
} else if (police_id == 9) {
document.getElementById("section").innerText = '尉氏大队'
} else if (police_id == 10) {
document.getElementById("section").innerText = '兰考大队'
} else if (police_id == 11) {
document.getElementById("section").innerText = '通许大队'
} else if (police_id == 66) {
document.getElementById("section").innerText = '第六大队'
}
this.policeMessageCount(police_id)
this.policeHelmetCount(police_id)
}
// 获取url参数
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
return (false);
}
function policeMessageCount(police_id) {
$.ajax({
type: 'POST',
url: "https://mini.tangdoush.com/api/police/policeMessageCount",
contentType: 'application/json',
async: true,
dataType: 'JSON',
contentType: 'application/x-www-form-urlencoded;charset=utf-8',
data: {},
success: function(res) {
console.log(res)
for (var item of res.data) {
if (item.police_id == 1 && police_id ==1) {
$("#counts1").html(item.counts + '次')
} else if (item.police_id == 2 && police_id ==2) {
$("#counts1").html(item.counts + '次')
} else if (item.police_id == 3 && police_id ==3) {
$("#counts1").html(item.counts + '次')
} else if (item.police_id == 4 && police_id ==4) {
$("#counts1").html(item.counts + '次')
} else if (item.police_id == 5 && police_id ==5) {
$("#counts1").html(item.counts + '次')
} else if (item.police_id == 6 && police_id ==6) {
$("#counts1").html(item.counts + '次')
} else if (item.police_id == 7 && police_id ==7) {
$("#counts1").html(item.counts + '次')
} else if (item.police_id == 8 && police_id ==8) {
$("#counts1").html(item.counts + '次')
} else if (item.police_id == 9 && police_id ==9) {
$("#counts1").html(item.counts + '次')
} else if (item.police_id == 10 && police_id ==10) {
$("#counts1").html(item.counts + '次')
} else if (item.police_id == 11 && police_id ==11) {
$("#counts1").html(item.counts + '次')
} else if (item.police_id == 66 && police_id ==66) {
$("#counts1").html(item.counts + '次')
}
}
}
});
}
function policeHelmetCount(police_id) {
$.ajax({
type: 'POST',
url: "https://mini.tangdoush.com/api/police/policeHelmetCount",
contentType: 'application/json',
async: true,
dataType: 'JSON',
contentType: 'application/x-www-form-urlencoded;charset=utf-8',
data: {},
success: function(res) {
console.log(res)
for (var item of res.data) {
if (item.police_id == 1 && police_id ==1) {
$("#counts2").html(item.counts + '次')
} else if (item.police_id == 2 && police_id ==2) {
$("#counts2").html(item.counts + '次')
} else if (item.police_id == 3 && police_id ==3) {
$("#counts2").html(item.counts + '次')
} else if (item.police_id == 4 && police_id ==4) {
$("#counts2").html(item.counts + '次')
} else if (item.police_id == 5 && police_id ==5) {
$("#counts2").html(item.counts + '次')
} else if (item.police_id == 6 && police_id ==6) {
$("#counts2").html(item.counts + '次')
} else if (item.police_id == 7 && police_id ==7) {
$("#counts2").html(item.counts + '次')
} else if (item.police_id == 8 && police_id ==8) {
$("#counts2").html(item.counts + '次')
} else if (item.police_id == 9 && police_id ==9) {
$("#counts2").html(item.counts + '次')
} else if (item.police_id == 10 && police_id ==10) {
$("#counts2").html(item.counts + '次')
} else if (item.police_id == 11 && police_id ==11) {
$("#counts2").html(item.counts + '次')
} else if (item.police_id == 66 && police_id ==66) {
$("#counts2").html(item.counts + '次')
}
}
}
});
}
</script>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手