|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>Global information</title>
|
|
|
<link rel="stylesheet" href="/static/layui/css/layui.css">
|
|
|
<style>
|
|
|
a:link{
|
|
|
color: blue;
|
|
|
}
|
|
|
a:visited{
|
|
|
color: blue;
|
|
|
}
|
|
|
a:hover{
|
|
|
color: red;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<div class="layui-form">
|
|
|
<div align="center">
|
|
|
<img src="../static/images.jpg" alt="照片"/>
|
|
|
<br>
|
|
|
<a href="/"><font size="4">return home page</font></a>
|
|
|
</div>
|
|
|
<body>
|
|
|
<div align="center">
|
|
|
<br>
|
|
|
<table id = 'tabledemo'lay-filter="test">
|
|
|
<table width="1080px" border="2" cellspacing="0" cellpadding="0">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
|
|
|
<th lay-data="{field:'date', width:300}"><font size="3">date</font></th>
|
|
|
<th lay-data="{field:'new_confirmed', width:200}"><font size="3">cumlative_confirmed</font></th>
|
|
|
<th lay-data="{field:'active_cases', width:200}"><font size="3">new_confirmed</font></th>
|
|
|
<th lay-data="{field:'imported_cases', width:200}"><font size="3">cumulative_deaths</font></th>
|
|
|
<th lay-data="{field:'recovered', width:200}"><font size="3">new_deaths</font></th>
|
|
|
<th lay-data="{field:'new_deaths', width:200}"><font size="3">More information</font></th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
{% for item in world %}
|
|
|
<tr>
|
|
|
<td align="center" style="width:180px; height: 21px;" valign="middle"><font size="3">{{item[0]}}</font></td>
|
|
|
<td align="center" style="width:180px; height: 21px;" valign="middle"><font size="3">{{item[1]}}</font></td>
|
|
|
<td align="center" style="width:180px; height: 21px;" valign="middle"><font size="3">{{item[2]}}</font></td>
|
|
|
<td align="center" style="width:180px; height: 21px;" valign="middle"><font size="3">{{item[3]}}</font></td>
|
|
|
<td align="center" style="width:180px; height: 21px;" valign="middle"><font size="3">{{item[4]}}</font></td>
|
|
|
<td align="center" style="width:180px; height: 21px;" valign="middle"><font size="3"><a href="/region?date={{item[0]}}">region's information</a></font></td>
|
|
|
|
|
|
</tr>
|
|
|
{% endfor %}
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script>
|
|
|
|
|
|
layui.use('table', function () {
|
|
|
var table = layui.table;
|
|
|
|
|
|
//转换静态表格
|
|
|
table.init('test', {
|
|
|
height: 1000,
|
|
|
width: 800//设置高度
|
|
|
,limit:100
|
|
|
});
|
|
|
table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
|
|
|
var data = obj.data //获得当前行数据
|
|
|
,layEvent = obj.event; //获得 lay-event 对应的值
|
|
|
if(layEvent === 'detail'){
|
|
|
layer.msg('查看操作');
|
|
|
} else if(layEvent === 'del'){
|
|
|
layer.confirm('真的删除行么', function(index){
|
|
|
location.href='/delete?id='+data.id;
|
|
|
});
|
|
|
} else if(layEvent === 'edit'){
|
|
|
location.href='/alter?id=' + data.id + "&provincename=" +data.provincename + "&cityname=" + data.cityname + "&usernumber=" + data.usernumber;
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
//监听行工具事件
|
|
|
|
|
|
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
