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.
112 lines
3.7 KiB
112 lines
3.7 KiB
5 years ago
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<title>新型冠状病毒肺炎疫情实时更新</title>
|
||
|
<link rel="stylesheet" href="/static/layui/css/layui.css">
|
||
|
<style>
|
||
|
body{background-image: url("/static/background1.jpg");
|
||
|
background-repeat: no-repeat;
|
||
|
background-size: 100% auto;
|
||
|
background-position: top;
|
||
|
background-clip:padding-box;
|
||
|
}
|
||
|
copyright {
|
||
|
font-family: "宋体";
|
||
|
color: #FFFFFF;
|
||
|
position: absolute;
|
||
|
top: 50%;
|
||
|
left: 50%;
|
||
|
transform: translate(-50%, -50%); /* 使用css3的transform来实现 */
|
||
|
font-size: 36px;
|
||
|
height: 40px;
|
||
|
width: 30%;
|
||
|
}
|
||
|
</style>
|
||
|
</head>
|
||
|
<body>
|
||
|
|
||
|
<h1 align="center" colspan="10">疫情实时大数据报告</h1>
|
||
|
<div align="center">
|
||
|
<br>
|
||
|
<br>
|
||
|
|
||
|
<table id = 'tabledemo'lay-filter="test">
|
||
|
<table width="600" cellpadding="5" align="center" border="1" cellspacing="0">
|
||
|
<th align="center" colspan="9">各市病例统计</th>
|
||
|
<tr>
|
||
|
<th lay-data="{field:'name', width:100}">城市名</th>
|
||
|
<th lay-data="{field:'today_confirm'}">新增确诊</th>
|
||
|
<th lay-data="{field:'total_confirm'}">现有确诊</th>
|
||
|
<th lay-data="{field:'total_suspect'}">疑似病例</th>
|
||
|
<th lay-data="{field:'total_dead'}">死亡人数</th>
|
||
|
<th lay-data="{field:'total_heal'}">治愈数</th>
|
||
|
<th lay-data="{field:'total_deadRate'}">死亡率</th>
|
||
|
<th lay-data="{field:'total_healRate'}">治愈率</th>
|
||
|
<th lay-data="{fixed: 'right', width: 160, align:'center', toolbar: '#barDemo'}"></th>
|
||
|
</tr>
|
||
|
{% for item in city_List %}
|
||
|
<tr>
|
||
|
<td>{{item.name}}</td>
|
||
|
<td>{{item.today_confirm}}</td>
|
||
|
<td>{{item.total_confirm}}</td>
|
||
|
<td>{{item.total_suspect}}</td>
|
||
|
<td>{{item.total_dead}}</td>
|
||
|
<td>{{item.total_heal}}</td>
|
||
|
<td>{{item.total_deadRate}}</td>
|
||
|
<td>{{item.total_healRate}}</td>
|
||
|
</tr>
|
||
|
{% endfor %}
|
||
|
</table>
|
||
|
<br>
|
||
|
<table id = 'tabledemo'lay-filter="test">
|
||
|
<table width="800" cellpadding="5" align="center" border="1" cellspacing="0">
|
||
|
<th align="center" colspan="9">各省病例统计</th>
|
||
|
<tr>
|
||
|
<th lay-data="{field:'name', width:100}">省份</th>
|
||
|
<th lay-data="{field:'today_confirm'}">新增确诊</th>
|
||
|
<th lay-data="{field:'total_confirm'}">现有确诊</th>
|
||
|
<th lay-data="{field:'total_suspect'}">疑似病例</th>
|
||
|
<th lay-data="{field:'total_dead'}">死亡人数</th>
|
||
|
<th lay-data="{field:'total_heal'}">治愈数</th>
|
||
|
<th lay-data="{field:'total_deadRate'}">死亡率</th>
|
||
|
<th lay-data="{field:'total_healRate'}">治愈率</th>
|
||
|
<th lay-data="{fixed: 'right', width: 160, align:'center', toolbar: '#barDemo'}"></th>
|
||
|
</tr>
|
||
|
</thead>
|
||
|
<tbody>
|
||
|
{% for item in province_List %}
|
||
|
<tr>
|
||
|
<td>{{item.prov_name}}</td>
|
||
|
<td>{{item.today_confirm}}</td>
|
||
|
<td>{{item.total_confirm}}</td>
|
||
|
<td>{{item.total_suspect}}</td>
|
||
|
<td>{{item.total_dead}}</td>
|
||
|
<td>{{item.total_heal}}</td>
|
||
|
<td>{{item.total_deadRate}}</td>
|
||
|
<td>{{item.total_healRate}}</td>
|
||
|
<td><a href='/alter?prov_id={{item.prov_id}}&prov_name={{ item.prov_name }}&today_confirm={{ item.today_confirm }}&total_confirm={{item.total_confirm}}&total_suspect={{item.total_suspect}}&total_dead={{item.total_dead}}&total_heal={{item.total_heal}}&total_deadRate={{item.total_deadRate}}&total_healRate={{item.total_healRate}}'>编辑</a>
|
||
|
<a href="/delete?id={{ item.prov_id }}">删除</a> </td>
|
||
|
</tr>
|
||
|
{% endfor %}
|
||
|
</tbody>
|
||
|
</table>
|
||
|
|
||
|
</div>
|
||
|
<script type="text/html" id="barDemo">
|
||
|
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
||
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
||
|
</script>
|
||
|
|
||
|
<script src="/static/layui/layui.js"></script>
|
||
|
<script>
|
||
|
layui.use('table',function () {
|
||
|
var table = layui.table;
|
||
|
table.init('test', {
|
||
|
height: 1000,
|
||
|
width:600,
|
||
|
limit:100
|
||
|
});
|
||
|
</script>
|
||
|
</body>
|
||
|
</html>
|