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.
131 lines
3.7 KiB
131 lines
3.7 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>疫情监控</title>
|
|
<link rel="stylesheet" href="../static/css/main.css"/>
|
|
<script src="../static/js/dist/echarts.min.js" type="text/javascript"></script>
|
|
<script src="../static/js/dist/china.js" type="text/javascript"></script>
|
|
<script src="../static/js/jquery-3.4.1.min.js"></script>
|
|
<script type="text/javascript"
|
|
src="https://www.echartsjs.com/examples/vendors/echarts/map/js/world.js?_v_=1584687926098"></script>
|
|
</head>
|
|
<body>
|
|
<div id=title >
|
|
<div class="title">疫情实时展示</div>
|
|
<button type="button" class="button" onclick="go_to_update()" class="mui-btn mui-btn-blue mui-btn-outlined">点我去更新数据</button>
|
|
<button type="button" class="button1" onclick="go_to_update1()" class="mui-btn mui-btn-blue mui-btn-outlined">点我去识别谣言</button>
|
|
<button type="button" class="button2" onclick="go_to_update2()" class="mui-btn mui-btn-blue mui-btn-outlined">点我查看医院信息</button>
|
|
</div>
|
|
|
|
|
|
|
|
<div id=c2>
|
|
<table class="table table-hover table-striped table-bordered table-sm" id="resultshow">
|
|
<tr>
|
|
<th>国家</th>
|
|
<th>总病例</th>
|
|
</tr>
|
|
|
|
<c:forEach var="l" items="<%=list %>" varStatus="i">
|
|
|
|
<tr>
|
|
|
|
|
|
<td>${l.getProvince()}</td>
|
|
<td>${l.getConfirmed_num()}</td>
|
|
|
|
|
|
</tr>
|
|
</c:forEach>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id=l1 >
|
|
<div class="num"><h1>123</h1></div>
|
|
<div class="num"><h1>123</h1></div>
|
|
<div class="num"><h1>123</h1></div>
|
|
<div class="num"><h1>123</h1></div>
|
|
<div class="txt"><h3>现有确诊</h3></div>
|
|
<div class="txt"><h3>总死亡</h3></div>
|
|
<div class="txt"><h3>总确诊</h3></div>
|
|
<div class="txt"><h3>境外输入</h3></div>
|
|
</div>
|
|
|
|
|
|
<div id=l2>l2</div>
|
|
<div id=r1>
|
|
<div class="num2"><h1>123</h1></div>
|
|
<div class="num2"><h1>123</h1></div>
|
|
<div class="num2"><h1>123</h1></div>
|
|
<div class="txt2"><h3>现有确诊</h3></div>
|
|
<div class="txt2"><h3>总死亡</h3></div>
|
|
<div class="txt2"><h3>总确诊</h3></div>
|
|
</div>
|
|
<div id=r2>r222</div>
|
|
<script src="../static/js/world.js" type="text/javascript"></script>
|
|
<script src="../static/js/mapp.js" type="text/javascript"></script>
|
|
<script>
|
|
function get_c1_data(){
|
|
$.ajax({
|
|
url:"/c1",
|
|
success:function(data){
|
|
$(".num h1").eq(0).text(data.now_confirm);
|
|
$(".num h1").eq(1).text(data.dead);
|
|
$(".num h1").eq(2).text(data.input);
|
|
$(".num h1").eq(3).text(data.confirm);
|
|
},
|
|
error:function(xhr,type,errorThrown){
|
|
|
|
}
|
|
})
|
|
}
|
|
function get_r1_data(){
|
|
$.ajax({
|
|
url:"/r1",
|
|
success:function(data){
|
|
$(".num2 h1").eq(0).text(data.now_confirm);
|
|
$(".num2 h1").eq(1).text(data.dead);
|
|
$(".num2 h1").eq(2).text(data.confirm);
|
|
},
|
|
error:function(xhr,type,errorThrown){
|
|
|
|
}
|
|
})
|
|
}
|
|
function l1_update_city(){
|
|
$.ajax({
|
|
url:"/upcity",
|
|
success:function(a){
|
|
alert("更新中···请稍候")
|
|
alert(a);
|
|
},
|
|
error:function(xhr,type,errorThrown){
|
|
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
function go_to_update(){
|
|
window.location.href="update-ctrl"
|
|
}
|
|
function go_to_update1(){
|
|
window.location.href="rumor"
|
|
}
|
|
function go_to_update2(){
|
|
window.location.href="hospital"
|
|
}
|
|
</script>
|
|
<script type="text/javascript">
|
|
setInterval(get_c1_data,3000)
|
|
setInterval(get_r1_data,3000)
|
|
</script>
|
|
</body>
|
|
</html>
|