140 lines
4.3 KiB
HTML
140 lines
4.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
||
|
|
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||
|
|
<title>历史数据</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="../../css/feature/historyData.css" />
|
||
|
|
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
background: #ffffff
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<header id="header">
|
||
|
|
<div id="statusBarHeight"></div>
|
||
|
|
<div class="top-bar">
|
||
|
|
<div class="back" id="back"><img src="../../image/back.png" /></div>
|
||
|
|
<span>历史数据</span>
|
||
|
|
<div class="width-back"></div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<div class="heightHeader" id="heightHeader"></div>
|
||
|
|
<div class="stackpanel-vertical fix-top" id="searcher">
|
||
|
|
<div style="height: 2rem"></div>
|
||
|
|
<div class="search-line">
|
||
|
|
<input class="search-criteria bg-touch" id="btn-location" type="button" value="-" />
|
||
|
|
<input class="search-criteria bg-touch" id="btn-ddnumber" type="button" value="-" />
|
||
|
|
<input class="search-criteria bg-touch" id="btn-time" type="button" value="-" />
|
||
|
|
<input class="search-criteria bg-touch" id="btn-filter" type="button" value="筛选" />
|
||
|
|
</div>
|
||
|
|
<div style="height: 1.3rem"></div>
|
||
|
|
<div class="search-line">
|
||
|
|
<div class="datetime-line">
|
||
|
|
<div class="center" id="divStartTime">
|
||
|
|
<img class="img-drop-down" src="../../image/drop-down.png" />
|
||
|
|
<span class="datetime underline-yellow" id="lbStartTime">2017-01-16</span>
|
||
|
|
</div>
|
||
|
|
<span class="datetime">至</span>
|
||
|
|
<div class="center" id="divEndTime">
|
||
|
|
<img class="img-drop-down" src="../../image/drop-down.png" />
|
||
|
|
<span class="datetime underline-yellow" id="lbEndTime">2017-03-16</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<input class="search-criteria bg-yellow btn-touch" id="btn-quary" type="button" value="查询" />
|
||
|
|
</div>
|
||
|
|
<div style="height: 2rem"></div>
|
||
|
|
<div style="height: 1rem;border-top:1px solid #d9d9d9"></div>
|
||
|
|
</div>
|
||
|
|
<!-- Add start 2018/8/23 10:01 kangzhi -->
|
||
|
|
<!-- 展示 chart 图表 start -->
|
||
|
|
<div id="echarts-container">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- 展示 chart 图表 end -->
|
||
|
|
<!-- Add end 2018/8/23 10:01 kangzhi -->
|
||
|
|
|
||
|
|
<div class="empty-tips" id="empty-tips" style="margin: 2rem 0 0 0">
|
||
|
|
<p style="height:10rem"></p>
|
||
|
|
<div></div>
|
||
|
|
<span style="margin:1rem 0 0 0">没有数据，请重新选择查询条件</span>
|
||
|
|
</div>
|
||
|
|
<div class="table-panel" id="table-panel">
|
||
|
|
<div class="table-head" id="table-head">
|
||
|
|
<table id="table-head-left">
|
||
|
|
<tr>
|
||
|
|
<td class="time-title-cell bg-yellow">时间</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<div id="table-head-right" class="table-head-right">
|
||
|
|
<table id="header-table">
|
||
|
|
<tbody>
|
||
|
|
<tr id="table-header-list">
|
||
|
|
<td colspan="3">-</td>
|
||
|
|
</tr>
|
||
|
|
<tr id="table-title-list">
|
||
|
|
<td style="width: 3rem">-</td>
|
||
|
|
<td style="width: 3rem">-</td>
|
||
|
|
<td style="width: 3rem">-</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="table-body" id="table-body">
|
||
|
|
|
||
|
|
<div class="table-body-left" id="table-body-left">
|
||
|
|
<table id="timeColumn">
|
||
|
|
<tr>
|
||
|
|
<td>-</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>-</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="table-body-right" id="table-body-right">
|
||
|
|
|
||
|
|
<table id="tbHistroyValue">
|
||
|
|
<tr>
|
||
|
|
<td style="width: 3rem">-</td>
|
||
|
|
<td style="width: 3rem">-</td>
|
||
|
|
<td style="width: 3rem">-</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tr>
|
||
|
|
<td>-</td>
|
||
|
|
<td>-</td>
|
||
|
|
<td>-</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
<script type="text/javascript" src="../../script/api.js"></script>
|
||
|
|
<script type="text/javascript" src="../../script/common.js"></script>
|
||
|
|
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||
|
|
<script type="text/javascript" src="../../script/moment.min.js"></script>
|
||
|
|
<!-- Add start 2018/8/23 10:00 kangzhi -->
|
||
|
|
<!-- 引入 echarts -->
|
||
|
|
<script type="text/javascript" src="../../script/echarts.min.js"></script>
|
||
|
|
<!-- Add end 2018/8/23 10:00 kangzhi -->
|
||
|
|
<script type="text/javascript" src="../../script/feature/historyData.js"></script>
|
||
|
|
|
||
|
|
</html>
|