This commit is contained in:
jjLv 2024-04-03 15:46:40 +08:00
parent a3fbe4fdc8
commit 9a1614cc6c
13 changed files with 56 additions and 33 deletions

View File

@ -330,43 +330,68 @@ th {
height: 60%;
}
.monitor-data:nth-child(1) .monitor-icon {
.left-under .layout .monitor-data.wd .monitor-icon {
background: url("../../img/index/wd.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
background-size: initial;
}
.monitor-data:nth-child(2) .monitor-icon {
.left-under .layout .monitor-data.sd .monitor-icon {
background: url("../../img/index/sd.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
background-size: initial;
}
.monitor-data:nth-child(3) .monitor-icon {
.left-under .layout .monitor-data.zs .monitor-icon {
background: url("../../img/index/zs.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
background-size: initial;
}
.monitor-data:nth-child(4) .monitor-icon {
.left-under .layout .monitor-data.gz .monitor-icon {
background: url("../../img/index/gz.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
background-size: initial;
}
.monitor-data:nth-child(5) .monitor-icon {
.left-under .layout .monitor-data.pm2 .monitor-icon {
background: url("../../img/index/pm2.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
background-size: initial;
}
.monitor-data:nth-child(6) .monitor-icon {
.left-under .layout .monitor-data.pm10 .monitor-icon {
background: url("../../img/index/pm10.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
background-size: initial;
}
.left-under .layout .monitor-data.ryht .monitor-icon {
background: url("../../img/operEnvironment/eyht.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
background-size: initial;
}
.left-under .layout .monitor-data.krqt .monitor-icon {
background: url("../../img/operEnvironment/krqt.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
background-size: initial;
}
.left-under .layout .monitor-data.hyl .monitor-icon {
background: url("../../img/operEnvironment/hyl.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
background-size: initial;
}
.left-under .layout .monitor-data.lhq .monitor-icon {
background: url("../../img/operEnvironment/lhq.png") no-repeat 0 0 / 100% 100%;
background-position: center center !important;
background-size: initial;
}
.environment{
overflow: auto;
width: 100%;

View File

@ -282,7 +282,7 @@ ul li {
}
.drawing-panel {
position: fixed;
bottom: 41.5rem;
bottom: 44.5rem;
margin-left: -49rem;
padding: 1rem 1rem;
border-radius: .25rem;

View File

@ -113,7 +113,7 @@ th {
.background-img{
width: 100%;
height: 100%;
padding: 9% 2% 2% 2%;
padding: 5% 2% 2% 2%;
box-sizing: border-box;
background-position: center center !important;
flex-direction: column;

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
img/operEnvironment/hyl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
img/operEnvironment/lhq.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

View File

@ -9,8 +9,6 @@ layui.use(['layer', 'element', 'table'], function () {
laydate = layui.laydate;
table = layui.table;
$('#ID-laydate-type-datetime').val(getNowDay());
//下拉选
getConstruction();
getRegion();

View File

@ -27,7 +27,7 @@
<div class="layui-inline">
<label class="layui-form-label">时间:</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="ID-laydate-type-datetime" placeholder="HH:mm:ss">
<input type="text" class="layui-input" id="ID-laydate-type-datetime" placeholder="请选择日期">
</div>
</div>
<div class="layui-inline">

View File

@ -76,35 +76,35 @@
<div class="state">异常</div>
</div>
<div class="layout" style="width: 100%;height: 40%;">
<div class="layout monitor-data">
<p><span id="wd">45</span><span></span></p>
<div class="layout monitor-data wd">
<p><span id="wd">0</span><span></span></p>
<p>温度</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="sd">45</span><span>%</span></p>
<div class="layout monitor-data sd">
<p><span id="sd">0</span><span>%</span></p>
<p>湿度</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="zs">45</span><span>分贝</span></p>
<div class="layout monitor-data zs">
<p><span id="zs">0</span><span>分贝</span></p>
<p>噪声</p>
<div class="monitor-icon"></div>
</div>
</div>
<div class="layout" style="width: 100%;height: 40%;">
<div class="layout monitor-data">
<p><span id="gz">45</span><span>kwh</span></p>
<div class="layout monitor-data gz">
<p><span id="gz">0</span><span>kwh</span></p>
<p>光照</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="pm2">45</span><span>μg/m³</span></p>
<div class="layout monitor-data pm2">
<p><span id="pm2">0</span><span>μg/m³</span></p>
<p>PM2.5</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<p><span id="pm10">45</span><span>μg/m³</span></p>
<div class="layout monitor-data pm10">
<p><span id="pm10">0</span><span>μg/m³</span></p>
<p>PM10</p>
<div class="monitor-icon"></div>
</div>
@ -132,22 +132,22 @@
<div class="environment">
</div>
<div class="layout" style="width: 100%;height: 40%">
<div class="layout monitor-data">
<div class="layout monitor-data ryht">
<p><span id="eyht">0</span><span></span></p>
<p>二氧化碳</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<div class="layout monitor-data krqt">
<p><span id="krqt">0</span><span>%</span></p>
<p>可燃气体</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<div class="layout monitor-data hyl">
<p><span id="hyl">0</span><span>分贝</span></p>
<p>含氧量</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<div class="layout monitor-data lhq">
<p><span id="lhq">0</span><span>分贝</span></p>
<p>硫化氢</p>
<div class="monitor-icon"></div>
@ -163,17 +163,17 @@
<div class="environments">
</div>
<div class="layout" style="width: 100%;height: 40%">
<div class="layout monitor-data">
<div class="layout monitor-data wd">
<p><span id="gis_wd">45</span><span></span></p>
<p>温度</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<div class="layout monitor-data sd">
<p><span id="gis_sd">45</span><span>%</span></p>
<p>湿度</p>
<div class="monitor-icon"></div>
</div>
<div class="layout monitor-data">
<div class="layout monitor-data zs">
<p><span id="gis_zs">45</span><span>分贝</span></p>
<p>噪声</p>
<div class="monitor-icon"></div>

View File

@ -53,7 +53,7 @@
</div>
<div class="middle layout-vertical">
<div class="right-down">
<div class="background-img layout-vertical" style="background-image: url('../../img/personnelControl/Location.png');">
<div class="background-img layout-vertical" style="background-image: url('../../img/personnelControl/Location.png'); padding: 4.5% 2% 2% 2%;">
<div id="map"></div>
<ul class="drawing-panel" style="z-index: 99;">
<li id="myButton" class = "btn">电子围栏</li>

View File

@ -22,7 +22,7 @@
<div class="large-frame layout">
<div class="left">
<div class="left-under">
<div class="background-img" style="background-image: url('../../img/personnelControl/PersonnelMovement.png');">
<div class="background-img" style="background-image: url('../../img/personnelControl/electronicFence.png');">
<div id="content" style="height: 100%;width: 100%;overflow: auto;">
<form class="layui-form " onsubmit="return false">
<div class="layui-inline" style="margin-left: 87%;margin-top: 1%;">