122 lines
4.6 KiB
HTML
122 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>智慧空调</title>
|
|
<link rel="stylesheet" type="text/css" href="../../js/core/layui/css/layui.css"/>
|
|
<link rel="stylesheet" type="text/css" href="../../css/airConditioner/airConditionerSet.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;
|
|
} */
|
|
.layui-table-view{
|
|
background-color: transparent;
|
|
}
|
|
.layui-table-tool{
|
|
display: none;
|
|
}
|
|
.layui-table-header{
|
|
background-color: transparent !important;
|
|
}
|
|
.layui-table{
|
|
background-color: transparent !important;
|
|
font-size: 50px;
|
|
}
|
|
.layui-table thead tr{
|
|
background-color: transparent !important;
|
|
}
|
|
.layui-table th{
|
|
font-size: 18px;
|
|
}
|
|
.layui-table-header th{
|
|
color: white !important;
|
|
border: 1px solid #008080 !important;
|
|
}
|
|
.layui-table-main td{
|
|
color: white !important;
|
|
border: 1px solid #008080 !important;
|
|
}
|
|
.layui-table tr {
|
|
height: 25px; /* 设置行高 */
|
|
}
|
|
|
|
.layui-table td, .layui-table th {
|
|
line-height: 25px; /* 设置行内文本垂直居中 */
|
|
}
|
|
.layui-table-cell {
|
|
height: 22px;
|
|
}
|
|
.layui-table-hover{
|
|
background-color: #284251;
|
|
}
|
|
.layui-table tbody tr:hover{
|
|
background-color: #284251;
|
|
}
|
|
.layui-laypage-count{
|
|
color: white !important;
|
|
}
|
|
.layui-laypage-skip{
|
|
color: white !important;
|
|
margin-left: 20px;
|
|
}
|
|
.layui-icon{
|
|
color: white !important;
|
|
}
|
|
.layui-laypage-curr{
|
|
color: white !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="left">
|
|
<div class="left-one"><font style="color: #ffffff;">遥控器控制</font></div>
|
|
<div class="left-two"><font class="left-two-font">制冷模式：低于<font style="color: red;" id="remoteSummer"></font>度将立即回到此温度</font></div>
|
|
<div class="left-three"><font class="left-three-font">制热模式：高于<font style="color: red;" id="remoteWinter"></font>度将立即回调此温度</font><a class="left-three-a"><font style="color: #1F70CE;" id="remoteEitd">修改</font></a></div>
|
|
<div class="left-four"><button class="left-four-button" id="remoteButton">更换控制方式</button></div>
|
|
<div class="left-five">
|
|
<table id="remoteTable" lay-filter="remoteTable" ></table>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="right-one"><font style="color: #ffffff;">手动控制</font></div>
|
|
<div class="right-two"><font class="right-two-font">制冷模式：低于<font style="color: red;" id="handSummer"></font>度将一小时后回到此温度</font></div>
|
|
<div class="right-three"><font class="right-three-font">制热模式：高于<font style="color: red;" id="handWinter"></font>度将一小时后回调此温度</font><a class="right-three-a"><font style="color: #1F70CE;" id="handEitd">修改</font></a></div>
|
|
<div class="right-four"><button class="right-four-button" id="handButton">更换控制方式</button></div>
|
|
<div class="right-five">
|
|
<table id="handTable" lay-filter="handTable"></table>
|
|
</div>
|
|
</div>
|
|
<div style="display: none;" id="showDiv">
|
|
<div style="margin-top: 30px;margin-left: 50px;">
|
|
<span style="color: red;">*</span>更换控制模式：<button id="handType">手动控制</button> <button id="remoteType">遥控器控制</button>
|
|
</div>
|
|
</div>
|
|
<div style="display: none;" id="updateSetDiv">
|
|
<div style="margin-top: 30px;margin-left: 50px;">
|
|
<span style="color: red;">*</span>制冷模式：温度小于<input autocomplete="off" id="winterMin" type="number" name="quantity" min="15" max="35" style="width: 30px;"/>度时，将回调至此区间
|
|
</div>
|
|
<div style="margin-top: 30px;margin-left: 50px;">
|
|
<span style="color: red;">*</span>制热模式：温度高于<input autocomplete="off" id="summerMax" type="number" style="width: 30px;"/>度时，将回调至此区间
|
|
</div>
|
|
</div>
|
|
<script src="../../js/core/jquery-3.6.0.js"></script>
|
|
<script type="text/javascript" src="../../js/core/layui2.7.6/layui.js"></script>
|
|
<script src="../../js/core/public.js" type="text/javascript"></script>
|
|
<!--<script src="../../js/core/mqtt.min.js"></script>-->
|
|
<!--<script src="../../js/webSocket/sockjs.min.js"></script>-->
|
|
<!--<script src="../../js/webSocket/stomp.js"></script>-->
|
|
<!--<script src="../../js/webSocket/webSocket.js"></script>-->
|
|
|
|
<script src="../../js/airConditioner/airConditionerSet.js"></script>
|
|
|
|
</body>
|
|
</html>
|