112 lines
3.8 KiB
HTML
112 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>智慧空调</title>
|
|
<link rel="stylesheet" type="text/css" href="../../css/airConditioner/airConditioner.css"/>
|
|
<style>
|
|
.layui-layer {
|
|
background-color: rgba(0, 0, 0, 0) !important;
|
|
background-image: url(../../img/bgSecondLevel.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.layui-layer-title {
|
|
border-bottom: 0px solid #f0f0f0 !important;
|
|
color: white !important;;
|
|
}
|
|
|
|
.container {
|
|
position: relative;
|
|
top: -35.5%;
|
|
left: 0.1%;
|
|
}
|
|
|
|
.image {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="left">
|
|
<div class="video">
|
|
<div class="title">
|
|
<span>楼层用电量统计</span>
|
|
<div title="详情" onclick="electricityConsumptionClick()"></div>
|
|
<div class="time-options">
|
|
<div id="daily" onclick="changeBackground('daily')">本日</div>
|
|
<div id="weekly" onclick="changeBackground('weekly')">本周</div>
|
|
<div id="monthly" onclick="changeBackground('monthly')">本月</div>
|
|
</div>
|
|
</div>
|
|
<div class="content" id="floorElectricity">
|
|
</div>
|
|
</div>
|
|
<div class="readLine">
|
|
<div class="title">
|
|
<span style="padding-left: 10px;">设备类型用电量统计</span>
|
|
<div class="time-options">
|
|
<div id="daily-type" onclick="changeTypeBackground('daily')">本日</div>
|
|
<div id="weekly-type" onclick="changeTypeBackground('weekly')">本周</div>
|
|
<div id="monthly-type" onclick="changeTypeBackground('monthly')">本月</div>
|
|
</div>
|
|
</div>
|
|
<div id="chart"></div>
|
|
</div>
|
|
</div>
|
|
<div class="center">
|
|
<div class="electricity">
|
|
<div class="title">
|
|
<span>年度用电详情</span>
|
|
</div>
|
|
<div class="chart">
|
|
<div id="year-chart"></div>
|
|
<div id="year-container"></div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
<div class="electricity1">
|
|
<div class="title">
|
|
<span>近12月用电量统计</span>
|
|
</div>
|
|
<div id="monthly-chart" class="chart"></div>
|
|
</div>
|
|
<div class="electricity2">
|
|
<div class="title">
|
|
<span>近7日用电量统计</span>
|
|
</div>
|
|
<div id="weekly-chart" class="chart"></div>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="dayWarn">
|
|
<div class="title">
|
|
<span style="margin-left: -9%;">全部设备用电量统计</span>
|
|
<!-- <div title="详情" onclick="electricityConsumptionClick()"></div>-->
|
|
<div class="time-options">
|
|
<div id="daily-equipment" onclick="changeBackgrounds('daily')">本日</div>
|
|
<div id="weekly-equipment" onclick="changeBackgrounds('weekly')">本周</div>
|
|
<div id="monthly-equipment" onclick="changeBackgrounds('monthly')">本月</div>
|
|
</div>
|
|
</div>
|
|
<div class="table">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="../../js/core/jquery-3.6.0.js"></script>
|
|
<script src="../../js/core/layui2.7.6/layui.js"></script>
|
|
<script src="../../js/home.js"></script>
|
|
<script src="../../js/core/public.js" type="text/javascript"></script>
|
|
<script src="../../js/core/echarts-v5.4.2/echarts.min.js"></script>
|
|
<script src="../../js/core/echarts-v5.4.2/echarts.js"></script>
|
|
<script src="../../js/core/echarts-v5.4.2/echarts-gl.min.js"></script>
|
|
<script src="../../js/core/echarts-v5.4.2/echarts-liquidfill.min.js"></script>
|
|
<script src="../../js/airConditioner/airConditioner.js"></script>
|
|
|
|
</body>
|
|
</html>
|