<!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;
|
}
|
</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" id="timeType">
|
<input type="radio" name="timeType" value="month"
|
title="月统计" checked="true">
|
<input type="radio"
|
name="timeType" value="day" title="日统计">
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<label class="layui-form-label">选择时间：</label>
|
<div class="layui-input-block">
|
<input type="text" name="date" id="checkDate" th:value="${curDate}"
|
lay-verify="date" 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">
|
<div class="layadmin-contact-box" id="chart_top"
|
style="height: 360px;"></div>
|
</div>
|
|
<div class="layui-col-md4">
|
<div class="layadmin-contact-box 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">
|
<div class="layadmin-contact-box" id="chart_main"
|
style="height: 400px;"></div>
|
</div>
|
</div>
|
|
</div>
|
|
<script th:inline="javascript">
|
//业务类型
|
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-overview.js}"></script>
|
|
</body>
|
|
</html>
|
