This commit is contained in:
parent
a3fbe4fdc8
commit
9a1614cc6c
|
|
@ -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%;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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 |
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
|
|
@ -9,8 +9,6 @@ layui.use(['layer', 'element', 'table'], function () {
|
|||
laydate = layui.laydate;
|
||||
table = layui.table;
|
||||
|
||||
$('#ID-laydate-type-datetime').val(getNowDay());
|
||||
|
||||
//下拉选
|
||||
getConstruction();
|
||||
getRegion();
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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%;">
|
||||
|
|
|
|||
Loading…
Reference in New Issue