bonus
/
jyyhq
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
jyyhq/witDisplay/page/airConditioner/electricityConsumption.html

127 lines
7.3 KiB
HTML
Raw Normal View History

first commit
2025-02-10 12:18:11 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>智慧空调用电统计</title>
<link rel="stylesheet" type="text/css" href="../../css/core/layui.css"/>
<link rel="stylesheet" href="../../js/dtree/dtree.css">
<link rel="stylesheet" href="../../js/dtree/font/dtreefont.css">
<link rel="stylesheet" type="text/css" href="../../css/airConditioner/electricityConsumption.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;
}
</style>
</head>
<body>
<div class="entirety">
<div class="title">
<span> 区域列表 </span>
<div title="详情" onclick="statisticsClick()"></div>
</div>
<div class="content">
<div class="left">
<div class="layui-field-box" style="height: 96%">
<div class="layui-row layui-col-space10" style="margin-top: 10px;height: 100%">
<div class="layui-col-xs12" style="height: 100%">
<div id="toolbarDiv" style="overflow: auto;height: 100%;padding: 0 0 0 18px;">
<ul id="demoTree" class="dtree" data-id="0" style="color: #FFFFFF"></ul>
</div>
</div>
</div>
</div>
</div>
<div class="right">
<div class="right-top">
<div class="deviceStatus">
<div class="title title-left" style="background-image: url(../../img/air/airTotality.png)"></div>
<div class="title title-right" style="background-image: url(../../img/air/airTotality01.png)" onclick="thresholdValueClick()">
<span id="totalNum" class="count">100</span>
<span class="status">设备总数</span>
</div>
</div>
<div class="deviceStatus">
<div class="title title-left" style="background-image: url(../../img/air/airOnline.png)"></div>
<div class="title title-right" style="background-image: url(../../img/air/airOnline01.png)" onclick="thresholdValueClick()">
<span id="online" class="count">100</span>
<span class="status">在线设备</span>
</div>
</div>
<div class="deviceStatus">
<div class="title title-left" style="background-image: url(../../img/air/airOffline.png)"></div>
<div class="title title-right" style="background-image: url(../../img/air/airOffline01.png)" onclick="thresholdValueClick()">
<span id="offline" class="count">100</span>
<span class="status">离线设备</span>
</div>
</div>
<!-- <div class="deviceStatus">-->
<!-- <div class="title title-left" style="background-image: url(../../img/air/airAbnormal.png)"></div>-->
<!-- <div class="title title-right" style="background-image: url(../../img/air/airAbnormal01.png)">-->
<!-- <span class="count">100</span>-->
<!-- <span class="status">异常设备</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="deviceStatus" id="year-chart" style="width: 90%;height: 90%">-->
<!-- </div>-->
</div>
<div class="right-down" id="container">
<!-- <div class="content">-->
<!-- <div class="content-on">-->
<!-- <div class="title title-up" style="background-image: url(../../img/air/yellowBar.png)">-->
<!-- <span id="6" style="margin-left: 12%;">XXXXXXXX（在线）</span>-->
<!-- <div class="icon-button icon-1" style="margin-left: 33%;" onclick=""></div>-->
<!-- <div class="icon-button icon-2" style="margin-left: 6%;" onclick=" "></div>-->
<!-- </div>-->
<!-- <div class="title title-down" style="background-image: url(../../img/air/yellowFrame.png)">-->
<!-- <div>设备状态：<span id="1">运行</span></div>-->
<!-- <div>当前模式：<span id="2">制冷</span></div>-->
<!-- <div>运行温度：<span id="3">25℃</span></div>-->
<!-- <div>运行湿度：<span id="4">60</span></div>-->
<!-- <div>设备类型：<span id="5">壁挂</span></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="content-on">-->
<!-- </div>-->
<!-- <div class="content-on">-->
<!-- </div>-->
<!-- <div class="content-on">-->
<!-- </div>-->
<!-- <div class="content-on">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="content">-->
<!-- <div class="content-on">-->
<!-- </div>-->
<!-- <div class="content-on">-->
<!-- </div>-->
<!-- <div class="content-on">-->
<!-- </div>-->
<!-- <div class="content-on">-->
<!-- </div>-->
<!-- <div class="content-on">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="content"></div>-->
<!-- <div class="content"></div>-->
<!-- <div class="content"></div>-->
</div>
</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/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-liquidfill.min.js"></script>
<script src="../../js/core/public.js" type="text/javascript"></script>
<script src="../../js/airConditioner/electricityConsumption.js"></script>
</body>
</html>