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

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>