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.
218 lines
9.8 KiB
HTML
218 lines
9.8 KiB
HTML
2 years ago
|
<!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="http://localhost:8000/xypg/public/static/cssjs/js/jquery-1.8.3.min.js"></script>
|
||
|
|
<script src="__PUBLIC__/style/jquery_002.js"></script>
|
||
|
|
<script src="__PUBLIC__/style/bootstrap.js"></script>
|
||
|
|
<script src="__PUBLIC__/style/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="javascript:void(0);">导出当前</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="javascript:void(0);">导出全部</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: 180px;float: left">
|
||
|
|
<div class="checkbox" style="width: 180px;">
|
||
|
|
<label>
|
||
|
|
<input id="cb1" name="subcb" checked="checked" type="checkbox">
|
||
|
|
<span class="text">CH4ppm</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<div class="checkbox" style="width: 180px;">
|
||
|
|
<label>
|
||
|
|
<input id="cb2" name="subcb" checked="checked" type="checkbox">
|
||
|
|
<span class="text">C2H4ppm</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<div class="checkbox" style="width: 180px;">
|
||
|
|
<label>
|
||
|
|
<input id="cb3" name="subcb" checked="checked" type="checkbox">
|
||
|
|
<span class="text">C2H6ppm</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<div class="checkbox" style="width: 180px;">
|
||
|
|
<label>
|
||
|
|
<input id="cb4" name="subcb" checked="checked" type="checkbox">
|
||
|
|
<span class="text">C2H2ppm</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<div class="checkbox" style="width: 180px;">
|
||
|
|
<label>
|
||
|
|
<input id="cb5" name="subcb" checked="checked" type="checkbox">
|
||
|
|
<span class="text">H2ppm</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<div class="checkbox" style="width: 180px;">
|
||
|
|
<label>
|
||
|
|
<input id="cb6" name="subcb" checked="checked" type="checkbox">
|
||
|
|
<span class="text">COppm</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<div class="checkbox" style="width: 180px;">
|
||
|
|
<label>
|
||
|
|
<input id="cb7" name="subcb" checked="checked" type="checkbox">
|
||
|
|
<span class="text">CO2ppm</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<div class="checkbox" style="width: 180px;">
|
||
|
|
<label>
|
||
|
|
<input id="cb8" name="subcb" checked="checked" type="checkbox">
|
||
|
|
<span class="text">TotalHydrocarb</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<div class="checkbox" style="width: 180px;">
|
||
|
|
<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: 180px;">
|
||
|
|
<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">d_Time</th>
|
||
|
|
<th class="text-center" style="text-wrap: none">CH4ppm</th>
|
||
|
|
<th class="text-center" style="text-wrap: none">C2H4ppm</th>
|
||
|
|
<th class="text-center" style="text-wrap: none">C2H6ppm</th>
|
||
|
|
<th class="text-center" style="text-wrap: none">C2H2ppm</th>
|
||
|
|
<th class="text-center" style="text-wrap: none">H2ppm</th>
|
||
|
|
<th class="text-center" style="text-wrap: none">COppm</th>
|
||
|
|
<th class="text-center" style="text-wrap: none">CO2ppm</th>
|
||
|
|
<th class="text-center" style="text-wrap: none">TotalHydrocarb</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
{volist name="data" id="v"}
|
||
|
|
<tr>
|
||
|
|
<td class="text-center">{$v['d_Time']}</td>
|
||
|
|
<td class="text-center">{$v['CH4ppm']}</td>
|
||
|
|
<td class="text-center">{$v['C2H4ppm']}</td>
|
||
|
|
<td class="text-center">{$v['C2H6ppm']}</td>
|
||
|
|
<td class="text-center">{$v['C2H2ppm']}</td>
|
||
|
|
<td class="text-center">{$v['H2ppm']}</td>
|
||
|
|
<td class="text-center">{$v['COppm']}</td>
|
||
|
|
<td class="text-center">{$v['CO2ppm']}</td>
|
||
|
|
<td class="text-center">{$v['TotalHydrocarbon']}</td>
|
||
|
|
</tr>
|
||
|
|
{/volist}
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<div class="row DTTTFooter">
|
||
|
|
<div class="col-sm-6">
|
||
|
|
<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-6" align="right">
|
||
|
|
<div class="dataTables_paginate paging_bootstrap" id="simpledatatable_paginate">
|
||
|
|
{$data->render()}
|
||
|
|
<span> </span>
|
||
|
|
</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<9;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<9;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']").length==$("input[name='subcb']:checked").length)
|
||
|
|
{
|
||
|
|
$("#allcb").prop("checked",true)
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
$("#allcb").attr("checked",false);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body></html>
|