144 lines
8.5 KiB
HTML
144 lines
8.5 KiB
HTML
<!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/airOffline.png)"></div>-->
|
||
<!-- <div class="title title-right" style="background-image: url(../../img/air/airOffline01.png)" onclick="thresholdValueClick()">-->
|
||
<!-- <span id="haveNo" 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>
|
||
<div style="display: none;" id="updateSetDiv" >
|
||
<div style="margin-top: 30px;margin-left: 50px;color: white">
|
||
<span style="color: red;">*</span>制冷模式：温度小于<input autocomplete="off" id="summerMax" type="number" name="quantity" min="15" max="35" style="width: 30px;"/>度时，将回调至此温度
|
||
</div>
|
||
<div style="margin-top: 30px;margin-left: 50px;color: white">
|
||
<span style="color: red;">*</span>制热模式：温度高于<input autocomplete="off" id="winterMin" type="number" style="width: 30px;"/>度时，将回调至此温度
|
||
</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/dtree/dtree.js"></script>
|
||
<script src="../../js/airConditioner/electricityConsumption.js"></script>
|
||
</body>
|
||
</html> |