100 lines
3.1 KiB
HTML
100 lines
3.1 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/rtData.css" />
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
background: #ffffff
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div>
|
||
|
|
<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">
|
||
|
|
<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-type" type="button" value="-" />
|
||
|
|
<input class="search-criteria bg-touch" id="btn-filter" type="button" value="筛选" />
|
||
|
|
</div>
|
||
|
|
<div style="height: 2rem"></div>
|
||
|
|
<!-- <div id="chart" style="height: 10rem;background: red"></div> -->
|
||
|
|
<!-- <div style="height: 2rem"></div> -->
|
||
|
|
</div>
|
||
|
|
<div class="panel-height" style="background:white"></div>
|
||
|
|
|
||
|
|
<!-- chart -->
|
||
|
|
<div class="chart-content">
|
||
|
|
<div class="chart">
|
||
|
|
<div id="chart" style="height:100%"></div>
|
||
|
|
</div>
|
||
|
|
<div style="height:20rem"></div>
|
||
|
|
</div>
|
||
|
|
<!-- table -->
|
||
|
|
<div class="table-content">
|
||
|
|
<table id="table-header" class="ai-table table-header">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<td id="purpose" style="background:#E9BE2B">用途</td>
|
||
|
|
<td>实时值</td>
|
||
|
|
<td>单位</td>
|
||
|
|
<td>查看曲线</td>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="header-height"></div>
|
||
|
|
<!-- 空记录提示 -->
|
||
|
|
<div class="empty-tips" id="empty-tips" style="display: none; margin: 2rem 0 0 0;">
|
||
|
|
<div></div>
|
||
|
|
<span style="margin:1rem 0 0 0">没有数据</span>
|
||
|
|
</div>
|
||
|
|
<table id="data-table" class="ai-table table-body">
|
||
|
|
<tbody id="rtlist">
|
||
|
|
<!--<tr>
|
||
|
|
<td>高压进线柜 有用功电度总</td>
|
||
|
|
<td>832</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>高压进线柜 有用功电度总</td>
|
||
|
|
<td>832</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>高压进线柜 有用功电度总</td>
|
||
|
|
<td>832</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>高压进线柜 有用功电度总</td>
|
||
|
|
<td>832</td>
|
||
|
|
</tr>-->
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script type="text/javascript" src="../../script/api.js"></script>
|
||
|
|
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||
|
|
<script type="text/javascript" src="../../script/echarts.min.js"></script>
|
||
|
|
<script type="text/javascript" src="../../script/dateUtils.js"></script>
|
||
|
|
<script type="text/javascript" src="../../script/common.js"></script>
|
||
|
|
<script type="text/javascript" src="../../script/feature/rtData.js"></script>
|
||
|
|
|
||
|
|
</html>
|