<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta content="always" name="referrer" />
<title>迎新实时数据分析</title>
<link rel="stylesheet" type="text/css" href="./static/css/home.css" />
<link rel="stylesheet" type="text/css" href="./static/css/swiper.min.css" />
<style>
body {
width: 16rem;
height: 9rem;
background: url(./static/images/bg1.jpg) center 0 no-repeat #0f102b;
background-size: contain;
}
</style>
<script type="text/javascript" src="./static/js/jquery.min.js"></script>
<script type="text/javascript" src="./static/js/swiper.min.js"></script>
<script type="text/javascript" src="./static/js/echarts.min.js"></script>
<script type="text/javascript" src="./static/js/china.js"></script>
<!--滚动条美化-->
<script type="text/javascript" src="./static/js/jquery.nicescroll.js"></script>
<!--滚动插件-->
<script type="text/javascript" src="./static/js/jquery.vticker-min.js"></script>
<script type="text/javascript" src="./static/js/bigdata.js"></script>
<script type="text/javascript">
var paramData = {"studentType":''};
var studentType = "";
$(function(){
regData();
// originRegisterRate();
studentRegisterTime();
map();
stuNation();
affairNum();
studentAge();
studentBedData();
// setInterval(getServerDate,1000);
setInterval(regData,1000*10);
setInterval(studentRegisterTime,1000*10);
setInterval(map,1000*10);
setInterval(stuNation,1000*10);
setInterval(affairNum,1000*10);
setInterval(studentAge,1000*10);
//setInterval(selectCollege,1000*30);
setInterval(studentBedData,1000*10);
})
</script>
<script type="text/javascript">
/*
useREM.resize() 立即刷新
useREM.set({max: 400000}) 设置参数，并立即刷新
max - 最大宽度
min - 最小宽度
num - 块数
delay - 事件触发resize的时间间隔*/
(function() {
var timer, style = document.head.appendChild(document.createElement("style"));
var useREM = window.useREM = Object.create({
resize: function() {
var config = this.config;
this.size = Math.max(config.min, Math.min(config.max, document.documentElement.clientWidth)) / config.num;
style.innerHTML = "html{font-size: " + this.size + "px !important;}"
return this;
},
set: function(newConfig) {
if (newConfig) {
for (var a in newConfig) {
if (this.config.hasOwnProperty(a)) {
this.config[a] = newConfig[a];
}
}
}
this.resize();
return this;
}
}, {
size: {
value: 20,
writable: true,
configurable: false,
enumerable: true
},
config: {
value: {
max: 400000,
min: 300,
num: 16,
delay: 50
},
writable: false,
configurable: false,
enumerable: true
}
});
addEventListener("resize", function() {
clearTimeout(timer);
timer = setTimeout(this.resize.bind(this), this.config.delay);
}.bind(useREM));
useREM.set();
window.onload=window.onresize=function(){
useREM.resize();
}
})();
$(document).ready(function(){
/*趋势图轮播*/
var myswiper = new Swiper('.swiper-container', {
effect: 'coverflow',
grabCursor: true,
slidesPerView: '4',
autoplay: true,
initialSlide:0,
loop:true,
autoplay:{
disableOnInteraction: false,//默认true
delay:2000
},
coverflowEffect: {
rotate: -25,
stretch: 0,
// depth: 120,
modifier: 1,
slideShadows : false
},
pagination: {
el: '.swiper-pagination',
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
});
/* $(".J_page1").hide();
$(".J_page2").show(); */
setInterval(function(){
if($(".J_page1").is(':visible')){
$(".J_page1").hide();
$(".J_page2").fadeIn('slow', function() {
});
}else{
$(".J_page2").hide();
$(".J_page1").fadeIn('slow', function() {});
}
},1000*60);
});
</script>
<style>html{font-size: 115.9375px !important;}</style>
</head>
<body>
<input type="hidden" id="school" value="上海" />
<div class="g-title">
上海交通大学-迎新实时大数据
</div>
<div class="g-sub-title">
<div class="time" id="time">
2023-04-04 星期二 10:19:25
</div>已报到人数
<em id="factTotalNum">12030</em>人
</div>
<div class="g-grid-a g-total-data">
<a class="g-block"> 录取人数 <span id="totalNum">10131</span> </a>
<a class="g-block"> 报到占比 <span id="totalNumRate">99.5%</span> </a>
</div>
<div class="g-left left-wrap">
<div class="g-box J_page1">
<div class="box-title">
<img src="./static/images/img12.png" />
</div>
<div class="box-content">
<div class="g-grid-a part1">
<a class="g-block" id="bd1" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqbdzbqk(this.id);"> <em id="manNumsRate">99%</em> <span>男生</span> <label id="factMan">男生报到5717/5774人</label> </a>
<a class="g-block" id="bd0" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqbdzbqk(this.id);"> <em id="womanNumsRate">98.9%</em> <span>女生</span> <label id="factWoman">女生报到4313/4357人</label> </a>
</div>
<div class="item-box part2">
<div class="item-title">
报到人数前八省份
</div>
<div class="item-content">
<dl id="originRegisterRate">
<dd id="河南" style="cursor:pointer;" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqsyyxrs(this.id);">
<label>上海</label>
<span class="line"><span style="width: 95.3%"></span></span>6791
</dd>
<dd id="安徽" style="cursor:pointer;" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqsyyxrs(this.id);">
<label>安徽</label>
<span class="line"><span style="width: 93.7%"></span></span>2314
</dd>
<dd id="河北" style="cursor:pointer;" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqsyyxrs(this.id);">
<label>河北</label>
<span class="line"><span style="width: 90.6%"></span></span>290
</dd>
<dd id="山西" style="cursor:pointer;" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqsyyxrs(this.id);">
<label>山西</label>
<span class="line"><span style="width: 88.7%"></span></span>235
</dd>
<dd id="山东" style="cursor:pointer;" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqsyyxrs(this.id);">
<label>山东</label>
<span class="line"><span style="width: 87.3%"></span></span>219
</dd>
<dd id="四川" style="cursor:pointer;" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqsyyxrs(this.id);">
<label>四川</label>
<span class="line"><span style="width: 82%"></span></span>218
</dd>
<dd id="湖南" style="cursor:pointer;" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqsyyxrs(this.id);">
<label>湖南</label>
<span class="line"><span style="width: 80.8%"></span></span>137
</dd>
<dd id="江苏" style="cursor:pointer;" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqsyyxrs(this.id);">
<label>江苏</label>
<span class="line"><span style="width: 80.1%"></span></span>122
</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="g-box J_page2 hide">
<div class="box-title">
<img src="./static/images/img15.png" />
</div>
<div class="box-content">
<div class="g-grid-a part1">
<a class="g-block" id="rz1" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqbdzbqk(this.id);"> <em id="manNumsRate2">99%</em> <span>男生</span> <label id="factMan2">男生报到5717/5774人</label> </a>
<a class="g-block" id="rz0" href="https://gitee.com/iGaoWei/big-data-view" onclick="hqbdzbqk(this.id);"> <em id="woman
【前端模板】107 上海XX大学迎新实时大数据看板.zip
版权申诉
8 浏览量
2024-03-19
23:42:43
上传
评论
收藏 1.73MB ZIP 举报
【前端模板】107 上海XX大学迎新实时大数据看板.zip （39个子文件） 
107 上海XX大学迎新实时大数据看板 
index.html 25KB static 
更多内容关注公众号.gif 368KB picture 更多内容关注公众号.gif 368KB
img16.png;jsessionid=3398be82b438e66c4a318ee48501477e 2KB img19.png;jsessionid=3398be82b438e66c4a318ee48501477e 2KB img15.png;jsessionid=3398be82b438e66c4a318ee48501477e 2KB img13.png;jsessionid=3398be82b438e66c4a318ee48501477e 3KB img12.png;jsessionid=3398be82b438e66c4a318ee48501477e 2KB js bigdata.js 35KB jquery.nicescroll.js 122KB jquery.vticker-min.js 2KB china.js 60KB echarts.min.js 701KB swiper.min.js 120KB jquery.min.js 94KB css home.css 9KB swiper.min.css 21KB images 
img15.png 2KB num2.png 390B img12.png 2KB img3.png 264B 更多内容关注公众号.gif 368KB bg2.png 6KB num4.png 372B img19.png 2KB
bg1.jpg 227KB img13.png 3KB bg0.png 6KB bg3.png 8KB r-arrow.png 8KB bg1.png 9KB num1.png 350B l-arrow.png 8KB img1.png 268B img6.png 13KB img0.png 4KB num3.png 404B img16.png 2KB img5.png 13KB资源评论
