<!DOCTYPE html>
|
<html class="no-js css-menubar" lang="zh-cn">
|
|
<head>
|
|
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
|
<script type="text/javascript" src="../../lib/jquery/jquery-2.1.4.min.js"></script>
|
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
|
<link href="./view.css" rel="stylesheet" type="text/css" />
|
<script type="text/javascript" src="../../js/changable_params.js"></script>
|
<script type="text/javascript" src="../../js/function_1001.js"></script>
|
<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
|
<link href="../../css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
|
<style type="text/css">
|
.form-horizontal .controls{
|
margin-left: 0;
|
}
|
.container{
|
display: inline-block;
|
}
|
.container .form-horizontal {
|
margin: 0;
|
display: inline-block;
|
}
|
.controls input{
|
width: 120px;
|
font-size: 13px;
|
}
|
button{
|
margin-top: -20px;
|
}
|
#body{
|
border: rgba(0,0,0,0);
|
}
|
</style>
|
</head>
|
|
<body id="body">
|
<div class="layui-row">
|
<span class="layui-breadcrumb" lay-separator="|">
|
<a href="#"></a>
|
<a href="#" style="color: white!important;">设备定位</a>
|
<a href="#"></a>
|
</span>
|
<div class="search">
|
<div class="container">
|
<form action="" class="form-horizontal">
|
<fieldset>
|
<div class="controls input-append date form_datetime" data-date="2019-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
|
<input size="16" type="text" value="2019-10-01 10:07:00" readonly class="time1">
|
<!-- <span class="add-on"><i class="icon-remove"></i></span> -->
|
<span class="add-on"><i class="icon-th"></i></span>
|
</div>
|
<input type="hidden" id="dtp_input1" value="" />
|
<span style="color: white;">--</span>
|
<div class="controls input-append date form_datetime" data-date="2019-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
|
<input size="16" type="text" value="2019-10-01 12:00:00" readonly class="time2">
|
<!-- <span class="add-on"><i class="icon-remove"></i></span> -->
|
<span class="add-on"><i class="icon-th"></i></span>
|
</div>
|
<input type="hidden" id="dtp_input1" value="" />
|
</fieldset>
|
</form>
|
</div>
|
<button class="search_time_btn">查询</button>
|
</div>
|
<table id="table_head" class="layui-table no_bgc_table top_10_table" lay-skin="nob">
|
<thead>
|
<tr style="background-color: rgba(0, 0, 0, 0); color: #FF5722;">
|
<th style="font-weight: bold;">
|
<select id="equipment_name">
|
<option value ="all">所有</option>
|
</select>
|
</th>
|
<th style="font-weight: bold;">时间</th>
|
<th style="font-weight: bold;">
|
<select id="qindex_selection">
|
<option value ="all">楼层</option>
|
</select>
|
</th>
|
<th style="font-weight: bold;">设备ID</th>
|
<th style="font-weight: bold;">位置</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
|
<div id="data_div" class="layui-row" style="padding-left:1%;padding-right:1%;overflow-x:hidden;height:450px;">
|
|
<table id="table_body" class="layui-table no_bgc_table top_10_table" lay-skin="nob">
|
|
<tbody id="top10Tb" style="cursor: pointer;">
|
</tbody>
|
</table>
|
</div>
|
|
<script type="text/javascript" src="./view.js"></script>
|
<script src="../../js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
|
<script type="text/javascript" src="../../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.js"></script>
|
<script type="text/javascript" src="../../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.zh-CN.js"></script>
|
<script type="text/javascript">
|
// 设置时间选择框的日期格式
|
$('.form_datetime').datetimepicker({
|
language: 'zh-CN', //设置为中文
|
format : 'yyyy-mm-dd hh:ii:00', //设置日期格式
|
weekStart: 1,
|
todayBtn: 1,
|
autoclose: 1,
|
todayHighlight: 1,
|
startView: 2,
|
forceParse: 0,
|
showMeridian: 1
|
});
|
</script>
|
</body>
|
</html>
|
