<!DOCTYPE html>
|
<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<title>智慧粮库管理平台-能耗管理</title>
|
<meta name="keywords" content="能耗管理-能耗详细">
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<link rel="stylesheet"
|
th:href="@{../../static/plugins/layui/css/layui.css?v=2.5.5}">
|
<link rel="stylesheet"
|
th:href="@{../../static/plugins/layui/css/admin2.css}">
|
|
<link rel="stylesheet" th:href="@{../../static/admin/nhgl/style.css}">
|
|
<style type="text/css">
|
.layui-fluid {
|
position: relative;
|
margin: 0 auto;
|
padding: 15px 15px;
|
}
|
|
.layadmin-maillist-fluid .layadmin-contact-box {
|
padding: 10px;
|
background-color: #fff;
|
border: 1px solid #e7eaec;
|
overflow: hidden;
|
}
|
|
.layui-card-header {
|
position: relative;
|
height: 40px;
|
line-height: 40px;
|
padding: 0 10px;
|
border-bottom: 1px solid #f6f6f6;
|
color: #333;
|
border-radius: 2px 2px 0 0;
|
font-size: 14px;
|
}
|
|
.left-label-140 {
|
width: 140px !important;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="layui-fluid layadmin-maillist-fluid">
|
<!-- 条件控制 -->
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md12">
|
<div class="layui-card">
|
<div class="layui-tab layui-tab-brief">
|
<ul class="layui-tab-title">
|
<li class="layui-this">条件筛选</li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<form class="layui-form">
|
<div class="layui-form-item" style="margin-bottom: 0px;">
|
|
<div class="layui-inline">
|
<label class="layui-form-label">仓库列表：</label>
|
<div class="layui-input-block">
|
<select name="depotId" id="depotId">
|
<option value=""></option>
|
<option th:each="depot,depotSet:${listDepot}"
|
th:value="${depot.id}" th:text="${depot.name}"></option>
|
</select>
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<label class="layui-form-label">开始时间：</label>
|
<div class="layui-input-block">
|
<input type="text" name="date" id="start" th:value="${start}"
|
placeholder="yyyy-MM-dd" autocomplete="off"
|
class="layui-input">
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<label class="layui-form-label">截至时间：</label>
|
<div class="layui-input-block">
|
<input type="text" name="date" id="end" id="start" th:value="${end}"
|
placeholder="yyyy-MM-dd" autocomplete="off"
|
class="layui-input">
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<button type="button" onclick="query()" class="layui-btn">
|
<i class="layui-icon layui-icon-search"></i>刷新
|
</button>
|
</div>
|
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!-- 统计信息 -->
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md8 layui-card">
|
<div class="layui-card-header">能耗统计</div>
|
<div class="layui-card-body" id="chart_top" style="height: 340px;"></div>
|
</div>
|
|
<div class="layui-col-md4 layui-card"
|
style="margin-bottom: 15px !important;">
|
<div class="layui-card-header">能耗对比</div>
|
<div class="layui-card-body data">
|
|
<div class="elc-today">
|
<div class="number">
|
<h2>当前</h2>
|
<hr>
|
</div>
|
<div id="hb_lbltoday" class="elc-today2">当前条件用量</div>
|
<div id="hb_today" class="elc-today3 pull-right">
|
<span id="esCur" style="font-size: 20px;">0</span>
|
</div>
|
</div>
|
|
<div class="elc-yesterday">
|
<div class="number2">
|
<h2>上月</h2>
|
<hr>
|
</div>
|
<div class="elc-yesterday2">上月用量</div>
|
<div id="hb_yesterday" class="elc-yesterday3 pull-right">
|
<span id="esMom" style="font-size: 20px;">0</span>
|
</div>
|
</div>
|
|
<div class="elc-ring">
|
<div class="number3">
|
<h2>去年</h2>
|
</div>
|
<div class="elc-ring2">去年当前月</div>
|
<div id="hb_rate" class="elc-ring3 pull-right">
|
<span id="esYoy" style="font-size: 20px;">0</span>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
</div>
|
|
<!-- 实时信息-->
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md12 layui-card"
|
style="margin-bottom: 15px !important;">
|
<div class="layui-card-header">实时数据</div>
|
<div class="layui-card-body" id="chart_cur" style="height: 300px;"></div>
|
</div>
|
</div>
|
|
|
<!-- 下面部分统计信息 -->
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md12 layui-card">
|
<div class="layui-card-header">用电走势（默认最近30天）</div>
|
<div class="layui-card-body" id="chart_main" style="height: 450px;"></div>
|
</div>
|
</div>
|
|
</div>
|
|
<script th:inline="javascript">
|
//仓库列表
|
var listDepot = [[${listDepot}]];
|
//业务类型
|
var bizType = [[${bizType}]];
|
//userId
|
var userId = [[${loginUser.username}]];
|
var companyId = [[${loginUser.companyId}]];
|
</script>
|
|
<script th:src="@{../../static/plugins/echarts/echarts.min.js}"></script>
|
<script th:src="@{../../static/plugins/layui/layui.js}"></script>
|
<script th:src="@{../../static/js/jquery.min.js}"></script>
|
<script th:src="@{../../static/js/igds-common.js}"></script>
|
<script th:src="@{../../static/admin/nhgl/es-detail.js}"></script>
|
|
</body>
|
|
</html>
|
