You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
330 lines
6.9 KiB
HTML
330 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<title>抽水蓄能电站智能化状态监测系统</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<link href="__PUBLIC__/style/bootstrap.css" rel="stylesheet">
|
|
|
|
<link href="__PUBLIC__/style/font-awesome.css" rel="stylesheet">
|
|
|
|
<link href="__PUBLIC__/style/weather-icons.css" rel="stylesheet">
|
|
|
|
|
|
|
|
<!--Beyond styles-->
|
|
|
|
<link id="beyond-link" href="__PUBLIC__/style/beyond.css" rel="stylesheet" type="text/css">
|
|
|
|
<link href="__PUBLIC__/style/demo.css" rel="stylesheet">
|
|
|
|
<link href="__PUBLIC__/style/typicons.css" rel="stylesheet">
|
|
|
|
<link href="__PUBLIC__/style/animate.css" rel="stylesheet">
|
|
|
|
<script src="__IMG__/cssjs/js/jquery-1.8.3.min.js"></script>
|
|
|
|
<script src="__IMG__/cssjs/js/jquery_002.js"></script>
|
|
|
|
<script src="__PUBLIC__/style/bootstrap.js"></script>
|
|
|
|
<script src="__IMG__/cssjs/js/jquery.js"></script>
|
|
|
|
<!--Beyond Scripts-->
|
|
|
|
<script src="__PUBLIC__/style/beyond.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="widget" >
|
|
|
|
<div class="widget-header ">
|
|
|
|
<span class="widget-caption">数据记录</span>
|
|
|
|
<div class="widget-buttons">
|
|
|
|
<div class="btn-group">
|
|
|
|
<a class="btn btn-blue btn-sm " href="javascript:void(0);">导出</a>
|
|
|
|
<a class="btn btn-blue btn-sm dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);"><i class="fa fa-angle-down"></i></a>
|
|
|
|
<ul class="dropdown-menu dropdown-blue pull-left">
|
|
|
|
<li>
|
|
|
|
<a href="{:url('ExcelOne')}" target="_blank">导出当前</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="{:url('ExcelAll')}" target="_blank">导出全部</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="widget-body">
|
|
|
|
<div role="grid" id="simpledatatable_wrapper" class="dataTables_wrapper form-inline no-footer" >
|
|
|
|
<div role="grid" class="dataTables_wrapper form-inline no-footer" style="width: 150px;float: left">
|
|
|
|
<div class="checkbox">
|
|
|
|
<label>
|
|
|
|
<input id="cb1" name="subcb" checked="checked" type="checkbox">
|
|
|
|
<span class="text">温度</span>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
<div class="checkbox">
|
|
|
|
<label>
|
|
|
|
<input id="cb2" name="subcb" checked="checked" type="checkbox">
|
|
|
|
<span class="text">湿度</span>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
<div class="checkbox">
|
|
|
|
<label>
|
|
|
|
<input id="allcb" checked="checked" type="checkbox">
|
|
|
|
<span class="text">全选</span>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div role="grid" class="dataTables_wrapper form-inline no-footer" style="margin-left: 160px;overflow-x: auto;">
|
|
|
|
<table class="table table-striped table-bordered table-hover dataTable no-footer" id="simpledatatable" aria-describedby="simpledatatable_info">
|
|
|
|
<thead>
|
|
|
|
<tr role="row">
|
|
|
|
<th class="text-center" style="text-wrap: none">采样时间</th>
|
|
|
|
<th class="text-center" style="text-wrap: none">温度</th>
|
|
|
|
<th class="text-center" style="text-wrap: none">湿度</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
{volist name="data" id="v"}
|
|
|
|
<tr>
|
|
|
|
<td class="text-center">{$v['d_time']}</td>
|
|
<td class="text-center">{$v['tmp1']}</td>
|
|
<td class="text-center">{$v['hum1']}</td>
|
|
|
|
</tr>
|
|
|
|
{/volist}
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
<div class="row DTTTFooter" style="padding-top:15px;">
|
|
|
|
<div class="col-sm-4">
|
|
|
|
<div class="dataTables_info" id="simpledatatable_info" role="alert" aria-live="polite" aria-relevant="all">
|
|
|
|
<span> </span>
|
|
|
|
当前显示<span>{$data->currentPage()}</span>
|
|
|
|
<span>/</span><span>{$data->lastPage()}</span>
|
|
|
|
<span> </span>
|
|
|
|
共<span>{$data->total()}</span>条记录
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-sm-8" align="right">
|
|
|
|
<div class="dataTables_paginate paging_bootstrap" id="simpledatatable_paginate">
|
|
|
|
{$data->render()}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- /头部 -->
|
|
|
|
|
|
<script type="text/javascript" language="JavaScript">
|
|
|
|
$("#allcb").click(function() {
|
|
|
|
|
|
|
|
if(this.checked)
|
|
|
|
{
|
|
|
|
$('input[name="subcb"]').prop("checked", true);
|
|
|
|
for(var i=1;i<3;i++)
|
|
|
|
{
|
|
|
|
if (!($('table tr').find('td:eq('+i+')').show()))
|
|
|
|
{
|
|
|
|
$('table tr').find('td:eq('+i+')').show();
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!($('table tr').find('th:eq('+i+')').show()))
|
|
|
|
{
|
|
|
|
$('table tr').find('th:eq('+i+')').show();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
$('input[name="subcb"]').attr("checked",false);
|
|
|
|
for(var i=1;i<3;i++)
|
|
|
|
{
|
|
|
|
if ($('table tr').find('td:eq('+i+')').show())
|
|
|
|
{
|
|
|
|
$('table tr').find('td:eq('+i+')').hide();
|
|
|
|
}
|
|
|
|
if ($('table tr').find('th:eq('+i+')').show())
|
|
|
|
{
|
|
|
|
$('table tr').find('th:eq('+i+')').hide();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
$("input[name='subcb']").click(function(){
|
|
|
|
if(this.checked)
|
|
|
|
{
|
|
|
|
$('table tr').find('td:eq('+parseInt(this.id.substr(2))+')').show();
|
|
|
|
$('table tr').find('th:eq('+parseInt(this.id.substr(2))+')').show();
|
|
|
|
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
$('table tr').find('td:eq('+parseInt(this.id.substr(2))+')').hide();
|
|
|
|
$('table tr').find('th:eq('+parseInt(this.id.substr(2))+')').hide();
|
|
|
|
}
|
|
|
|
if($("input[name='subcb']").lenegth==$("input[name='subcb']:checked").lenegth)
|
|
|
|
{
|
|
|
|
$("#allcb").prop("checked",true)
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
$("#allcb").attr("checked",false);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</body></html>
|