<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
<title>智能机房管理平台</title>
|
|
<link rel="shortcut icon" href="favicon.ico">
|
<link rel="stylesheet" type="text/css" href="./plugins/layui/css/layui.css"/>
|
<link rel="stylesheet" type="text/css" href="css/page/record-his.css" />
|
</head>
|
|
<body>
|
<div class="i-container div-body">
|
<div class="jmkt-main">
|
|
<div class="layui-col-space20">
|
<div class="layui-col-lg5 layui-col-md5">
|
<div class="pdgxq-m1-left pdgxq-m1-box" style="padding: 15px 0 15px 0;">
|
<i class="i"></i>
|
<form class="layui-form" id="form-param" lay-filter="form-param"
|
action="">
|
<div style="margin: 0 20px;">
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<label class="layui-form-label">设备名称:</label>
|
<div class="layui-input-block">
|
<select lay-ignore="" class="layui-input" id="deviceId">
|
<option value="" selected="true">请选择</option>
|
<!-- <option value="">设备1</option>-->
|
<!-- <option value="">设备2</option>-->
|
<!-- <option value="">设备3</option>-->
|
<!-- <option value="">设备4</option>-->
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<label class="layui-form-label">开始时间:</label>
|
<div class="layui-input-block">
|
<input type="text" id="start" autocomplete="off"
|
placeholder="开始时间" class="layui-input"/>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<label class="layui-form-label">结束时间:</label>
|
<div class="layui-input-block">
|
<input type="text" id="end" autocomplete="off"
|
placeholder="结束时间" class="layui-input"/>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<div class="layui-input-block btns" style="margin-left: 15px">
|
<button class="layui-btn layui-btn-normal"
|
onclick="javaScript:queryRecord('1'); return false;">查询
|
</button>
|
<button class="layui-btn layui-btn-warm"
|
onclick="javaScript:generateClick(); return false;">导出Excel
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<div class="layui-col-lg7 layui-col-md7">
|
<div class="pdgxq-m1-right pdgxq-m1-box">
|
<div class="pdgxq-table jmkt-table-wrap">
|
<i class="i"></i>
|
<div class="div-body" style="">
|
<table class="layui-table pdgxq-table1" id="record-his-list" lay-skin="nob"
|
style="width: 100%;">
|
<thead id="thead">
|
<tr>
|
<th style="width: 100px;">设备ID</th>
|
<th style="width: 180px;">设备名称</th>
|
<th style="width: 180px;">时间</th>
|
<th style="width: 120px;">数据</th>
|
</tr>
|
</thead>
|
<tbody class="table-tbody" id="recordList">
|
</tbody>
|
</table>
|
</div>
|
<div class="pdgxq-pagebox">
|
<div id="pdgxq-page"></div>
|
</div>
|
|
<div style="display: none;">
|
<table id="record-his-list-none">
|
<thead>
|
<tr>
|
<th>设备ID</th>
|
<th>设备名称</th>
|
<th>时间</th>
|
<th>数据</th>
|
</tr>
|
</thead>
|
<tbody id="recordList-none">
|
</tbody>
|
</table>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
|
<!--警报弹窗-->
|
<div id="editWarnDom" style=" display: none;overflow: hidden;">
|
<div class="i-popBox-tit layui-clear bor-b-1">
|
<div class="pdgxq-H">
|
<h3><i></i>详细信息</h3>
|
</div>
|
<i class="i-popclose layui-icon-close layui-icon layui-anim layui-anim-rotate" onclick="closepopBtn();"></i>
|
</div>
|
|
<div class="popCon">
|
<div class="popCon-div" style="">
|
<div id="popTable" class="popTable">
|
<div class="table-thead">
|
<table class="layui-table pdgxq-table1 poptable" lay-skin="nob">
|
<colgroup>
|
<col width="50%">
|
<col>
|
</colgroup>
|
<thead>
|
<tr>
|
<th>监控属性</th>
|
<th>监 控 值</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="table-tbody">
|
<table class="layui-table pdgxq-table1 poptable" lay-skin="nob">
|
<colgroup>
|
<col width="50%">
|
<col>
|
</colgroup>
|
<tbody id="tbody">
|
|
</tbody>
|
</table>
|
</div>
|
|
<div style="height: 15px;border-top: 1px solid #444d58;"></div>
|
|
</div>
|
|
</div><!--popCon end-->
|
</div>
|
|
|
<script type="text/javascript" src="./js/jquery.min.js"></script>
|
<script src="./plugins/layui/layui.js"></script>
|
|
<script src="plugins/external/jszip.min.js"></script>
|
<script src="plugins/external/FileSaver.js"></script>
|
<script src="plugins/external/excel-gen.js"></script>
|
|
<script src="js/constant.js"></script>
|
<script src="js/page/record-his.js"></script>
|
<script type="text/javascript">
|
|
</script>
|
</body>
|
|
</html>
|