人员出入管理
This commit is contained in:
parent
046b16f109
commit
2f73405e30
|
|
@ -26,11 +26,12 @@ body {
|
|||
height: 47%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bot-box {
|
||||
width: 100%;
|
||||
height: 47%;
|
||||
width: 98%;
|
||||
height: 98%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
|
@ -44,7 +45,7 @@ body {
|
|||
|
||||
.top-box-left-top {
|
||||
width: 100%;
|
||||
height: 48%;
|
||||
height: 40%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
|
@ -60,7 +61,7 @@ body {
|
|||
letter-spacing: 1px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
height: 5%;
|
||||
height: 14%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -69,18 +70,19 @@ body {
|
|||
flex-direction: row;
|
||||
height: 30%;
|
||||
width: 100%;
|
||||
margin-top: 6%;
|
||||
/* margin-top: 6%; */
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.imgs {
|
||||
width: 60%;
|
||||
height: 70%;
|
||||
width: 40px;
|
||||
height: 48px;
|
||||
margin: 5% 5%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.today-img {
|
||||
padding: 5% 2% 2% 2%;
|
||||
/* padding: 5% 2% 2% 2%; */
|
||||
background: url("../../img/accessMge/today.png") no-repeat 0 0 / 100% 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -115,14 +117,14 @@ body {
|
|||
letter-spacing: 1px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
height: 5%;
|
||||
height: 14%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cumulative-img {
|
||||
padding: 0.5% 0% 0% 0%;
|
||||
width: 12%;
|
||||
height: 100%;
|
||||
/* padding: 0.5% 0% 0% 0%; */
|
||||
width: 40px;
|
||||
height: 48px;
|
||||
margin: 5.5% 3% 5% 3%;
|
||||
text-align: center;
|
||||
background: url("../../img/accessMge/cumulative.png") no-repeat 0 0 / 100% 100%;
|
||||
|
|
@ -159,6 +161,7 @@ body {
|
|||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
display: flex !important;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.none-data {
|
||||
|
|
@ -171,17 +174,17 @@ body {
|
|||
}
|
||||
|
||||
.capacityItem {
|
||||
width: 200px;
|
||||
height: 130px;
|
||||
margin-right: 10px;
|
||||
width: 180px;
|
||||
height: 150px;
|
||||
/* margin-right: 10px; */
|
||||
background-color: transparent;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.capacityItem img {
|
||||
width: 180px;
|
||||
height: 100px;
|
||||
width: 170px;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.abnormalAlarmImg {
|
||||
|
|
@ -194,7 +197,7 @@ body {
|
|||
.top-box-left-bot {
|
||||
margin-top: 2%;
|
||||
width: 100%;
|
||||
height: 48%;
|
||||
height: 56%;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 50 KiB |
|
|
@ -314,20 +314,20 @@ function getPerStatisticsPhoto(accessType, timeType) {
|
|||
if (result.data.warnList && result.data.warnList.length > 0) {
|
||||
let html = '';
|
||||
let list = result.data.warnList;
|
||||
let zs = Math.floor(list.length / 5);
|
||||
let xs = Math.floor(list.length % 5);
|
||||
let zs = Math.floor(list.length / 15);
|
||||
let xs = Math.floor(list.length % 15);
|
||||
if (zs > 0) {
|
||||
for (let i = 1; i <= zs; i++) {
|
||||
html += '<div>'
|
||||
+ '<div class="pageCapacity">'
|
||||
+ handleData(5, i, list)
|
||||
+ handleData(15, i, list)
|
||||
+ '</div>'
|
||||
+ '</div>'
|
||||
}
|
||||
if (xs > 0) {
|
||||
html += '<div>'
|
||||
+ '<div class="pageCapacity">'
|
||||
+ handleData2(5, zs, xs, list)
|
||||
+ handleData2(15, zs, xs, list)
|
||||
+ '</div>'
|
||||
+ '</div>'
|
||||
}
|
||||
|
|
@ -342,7 +342,7 @@ function getPerStatisticsPhoto(accessType, timeType) {
|
|||
carousel.render({
|
||||
elem: '#ID-carousel-demo-image',
|
||||
width: '1000px',
|
||||
height: '160px',
|
||||
height: '460px',
|
||||
interval: 5000,
|
||||
// indicator:'none'
|
||||
});
|
||||
|
|
@ -433,7 +433,7 @@ function getPerStatisticsList(bidCode) {
|
|||
url: url,
|
||||
skin: 'line',
|
||||
page: true,
|
||||
height: 'full-560',
|
||||
height: 'full-140',
|
||||
headers: {
|
||||
decrypt: "decrypt",
|
||||
"Authorization": token
|
||||
|
|
|
|||
|
|
@ -196,13 +196,13 @@
|
|||
<div class="cumulative-img">
|
||||
<span class="font-style" id="threesrPer"></span>
|
||||
</div>
|
||||
<span class="span-style">，</span>
|
||||
<!-- <span class="span-style">，</span> -->
|
||||
<div class="cumulative-img">
|
||||
<span class="font-style" id="foursrPer"></span>
|
||||
</div>
|
||||
<span class="span-style">人</span>
|
||||
</div>
|
||||
<div class="cumulative-font" style="margin-top: 10%;">当月累计出场</div>
|
||||
<div class="cumulative-font" style="margin-top: 6%;">当月累计出场</div>
|
||||
<div class="direction" style="margin-top: 0%;">
|
||||
<div class=" cumulative-img">
|
||||
<span class="font-style" id="onescPer"></span>
|
||||
|
|
@ -213,7 +213,7 @@
|
|||
<div class=" cumulative-img">
|
||||
<span class="font-style" id="threescPer"></span>
|
||||
</div>
|
||||
<span class="span-style">，</span>
|
||||
<!-- <span class="span-style">，</span> -->
|
||||
<div class=" cumulative-img">
|
||||
<span class="font-style" id="fourscPer"></span>
|
||||
</div>
|
||||
|
|
@ -222,7 +222,7 @@
|
|||
</div>
|
||||
<div class="top-box-left-top-bot">
|
||||
<div class="img-style" id="photos">
|
||||
<div class="layui-carousel" id="ID-carousel-demo-image2">
|
||||
<div class="layui-carousel" id="ID-carousel-demo-image2" style="margin-top: 20%;">
|
||||
<div id="img-carousel2" carousel-item>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -282,7 +282,7 @@
|
|||
</div>
|
||||
</form>
|
||||
|
||||
<div class="right-down-right">
|
||||
<div class="right-down-right" style="overflow: visible;">
|
||||
<table id="demo2" lay-filter="test"></table>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue