107 lines
3.5 KiB
HTML
107 lines
3.5 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">
|
|
<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/energy.css" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<div class="top-bar">
|
|
<div class="left" id="back"><img src="../../image/back.png" /></div>
|
|
<span>能耗分析</span>
|
|
<div class="right"></div>
|
|
</div>
|
|
</header>
|
|
<div style="height:6.5rem;"></div>
|
|
|
|
|
|
<div class="tabs bg-white">
|
|
<div class="tab active" id="compare-tab">对比分析</div>
|
|
<div class="tab" id="time-tab">分时分析</div>
|
|
</div>
|
|
<div class="content-container">
|
|
<div class="searcher">
|
|
|
|
<div class="btn" id="btn-pick-number">选择回路</div>
|
|
<div>
|
|
<select class="time-select" name="time-select" id="time-selector">
|
|
<option value="2" id="day"> 日数据</option>
|
|
<option value="3"> 月数据</option>
|
|
<option value="4"> 年数据</option>
|
|
<option value="1" class="hour"> 时数据</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="search-line">
|
|
|
|
<div class="datetime-line">
|
|
<div class="center iptime-group" id="start-time">
|
|
<img class="img-drop-down" src="../../image/arrow.png" />
|
|
<span class="datetime underline-yellow" id="lbStartTime">开始日期</span>
|
|
<input class="iptime" type="date" id="startTime-select">
|
|
</div>
|
|
<span class="datetime-range">至</span>
|
|
<div class="center iptime-group" id="end-time">
|
|
<img class="img-drop-down" src="../../image/arrow.png" />
|
|
<span class="datetime underline-yellow" id="lbEndTime">结束日期</span>
|
|
<input class="iptime" type="date" id="endTime-select">
|
|
</div>
|
|
<input class="search-criteria bg-yellow btn-touch" id="query" type="button" value="查询" />
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="height2"></div>
|
|
<div class="content bg-white">
|
|
<div class="tab-panel" id="compare-tab-panel">
|
|
<div class="compare-AChart" id="compare-AChart"></div>
|
|
<div class="compare-ATable-con" id="compare-ATable-con">
|
|
<table id="compareATable">
|
|
</table>
|
|
</div>
|
|
<div class="empty-tips" id="compare-panel-empty-tips">
|
|
<div></div>
|
|
<span>查找不到数据</span>
|
|
</div>
|
|
<div class="height30"></div>
|
|
</div>
|
|
|
|
<div class="tab-panel" id="time-tab-panel" style="display: none;font-size:0.8rem;">
|
|
<div class="time-AChart" id="time-AChart"></div>
|
|
<div class="time-BCChart-con">
|
|
<div class="time-BChart" id="time-BChart"></div>
|
|
<div class="time-CChart" id="time-CChart"></div>
|
|
</div>
|
|
<div class="empty-tips" id="time-panel-empty-tips">
|
|
<div></div>
|
|
<span>查找不到数据</span>
|
|
</div>
|
|
<div class="height30"></div>
|
|
</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/echarts.min.js"></script>
|
|
<script type="text/javascript" src="../../script/dateUtils.js"></script>
|
|
<script type="text/javascript" src="../../script/feature/energy.js"></script>
|
|
|
|
</html>
|