人员出入管理

css/accessMge/accessMge.css

@@ -26,11 +26,12 @@ body {
 	height: 47%;
 	display: flex;
 	justify-content: space-around;
+	display: none;
 }
 
 .bot-box {
-	width: 100%;
+	width: 98%;
-	height: 47%;
+	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%;
+	width: 40px;
-	height: 70%;
+	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%;
+	/* padding: 0.5% 0% 0% 0%; */
-	width: 12%;
+	width: 40px;
-	height: 100%;
+	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;
+	width: 180px;
-	height: 130px;
+	height: 150px;
-	margin-right: 10px;
+	/* margin-right: 10px; */
 	background-color: transparent;
 	flex-direction: column;
 	justify-content: space-around;
 }
 
 .capacityItem img {
-	width: 180px;
+	width: 170px;
-	height: 100px;
+	height: 120px;
 }
 
 .abnormalAlarmImg {
@@ -194,7 +197,7 @@ body {
 .top-box-left-bot {
 	margin-top: 2%;
 	width: 100%;
-	height: 48%;
+	height: 56%;
 }
 
 

js/pages/accessMge/accessMge.js

@@ -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 zs = Math.floor(list.length / 15);
-				let xs = Math.floor(list.length % 5);
+				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

pages/accessMge/accessMge.html

@@ -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>