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.

86 lines
3.3 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>
a:link{
color: blue;
}
a:visited{
color: blue;
}
a:hover{
color: red;
}
</style>
</head>
<div class="layui-form">
<div align="center">
<img src="../static/wuhan.jpg" alt="照片"/>
<br>
<a href="/"><font size="4">返回主页</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">医院名称</font></th>
<th lay-data="{field:'total_confirmed', width:200}"><font size="3">区名</font></th>
<th lay-data="{field:'total_confirmed', width:200}"><font size="3">床位数量</font></th>
<th lay-data="{field:'new_confirmed', width:200}"><font size="3">检测人数</font></th>
<th lay-data="{field:'imported_cases', width:200}"><font size="3">确诊人数</font></th>
<th lay-data="{field:'new_recovered', width:200}"><font size="3">确诊比例</font></th>
{# <th lay-data="{field:'deaths', width:200}"><font size="3">详细信息</font></th>#}
</tr>
</thead>
<tbody>
{% for item in hosp %}
<tr>
<td align="center" style="width:360px; height: 21px;" valign="middle"><font size="3">{{item.hospital_name}}</font></td>
<td align="center" style="width:100px; height: 21px;" valign="middle"><font size="3">{{item.district_name}}</font></td>
<td align="center" style="width:180px; height: 21px;" valign="middle"><font size="3">{{item.capacity}}</font></td>
<td align="center" style="width:180px; height: 21px;" valign="middle"><font size="3">{{item.test}}</font></td>
<td align="center" style="width:180px; height: 21px;" valign="middle"><font size="3">{{item.confirmed}}</font></td>
<td align="center" style="width:180px; height: 21px;" valign="middle"><font size="3">{{item.rate}}%</font></td>
</tr>
{% endfor %}
</tbody>
</table>
<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>