cwchen
/
ah_jjzhgd_webscreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

出入管理-test

This commit is contained in:
cwchen 2024-06-13 17:23:19 +08:00
parent 730a6dc84a
commit d4b9168dd0
3 changed files with 271 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
css/accessMge/accessMge.css
View File

@ -1,70 +1,70 @@
html, html,
body { body {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #fff; color: #fff;
font-family: 'Alibaba PuHuiTi R'; font-family: 'Alibaba PuHuiTi R';
} }
.layout { .layout {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.main-box { .main-box {
width: 100%; width: 100%;
height: 100%; height: 100%;
justify-content: space-evenly; justify-content: space-evenly;
flex-direction: column; flex-direction: column;
} }
.top-box { .top-box {
width: 100%; width: 100%;
height: 47%; height: 47%;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
} }
.bot-box { .bot-box {
width: 100%; width: 100%;
height: 47%; height: 47%;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
} }
.top-box-left{ .top-box-left {
margin-top: 2%; margin-top: 2%;
margin-left: 1%; margin-left: 1%;
width: 49%; width: 49%;
height: 80%; height: 80%;
} }
.top-box-left-top{ .top-box-left-top {
width: 100%; width: 100%;
height: 48%; height: 48%;
display: flex; display: flex;
} }
.top-box-left-top-left{ .top-box-left-top-left {
width: 20%; width: 20%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.today-font{ .today-font {
color: #01E8DB; color: #01E8DB;
letter-spacing:1px; letter-spacing: 1px;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
height: 5%; height: 5%;
width: 100%; width: 100%;
} }
.direction{ .direction {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
height: 30%; height: 30%;
@ -72,22 +72,22 @@ body {
margin-top: 6%; margin-top: 6%;
} }
.imgs{ .imgs {
width: 60%; width: 60%;
height: 70%; height: 70%;
margin: 5% 5%; margin: 5% 5%;
text-align: center; text-align: center;
} }
.today-img{ .today-img {
padding: 5% 2% 2% 2%; padding: 5% 2% 2% 2%;
background: url("../../img/accessMge/today.png") no-repeat 0 0 / 100% 100%; background: url("../../img/accessMge/today.png") no-repeat 0 0 / 100% 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items:center; align-items: center;
} }
.font-style{ .font-style {
font-family: 'zcoolqingkehuangyouti'; font-family: 'zcoolqingkehuangyouti';
color: #fff; color: #fff;
font-size: 28px; font-size: 28px;
@ -96,13 +96,13 @@ body {
justify-content: center; justify-content: center;
} }
.span-style{ .span-style {
color: #fff; color: #fff;
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
} }
.top-box-left-top-center{ .top-box-left-top-center {
margin-left: 5%; margin-left: 5%;
width: 35%; width: 35%;
height: 100%; height: 100%;
@ -110,16 +110,16 @@ body {
flex-direction: column; flex-direction: column;
} }
.cumulative-font{ .cumulative-font {
color: #01E7BE; color: #01E7BE;
letter-spacing:1px; letter-spacing: 1px;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
height: 5%; height: 5%;
width: 100%; width: 100%;
} }
.cumulative-img{ .cumulative-img {
padding: 0.5% 0% 0% 0%; padding: 0.5% 0% 0% 0%;
width: 12%; width: 12%;
height: 100%; height: 100%;
@ -131,52 +131,93 @@ body {
} }
.top-box-left-top-bot{ .top-box-left-top-bot {
width: 40%; width: 40%;
height: 100%; height: 100%;
} }
.abnormalAlarm{ .abnormalAlarm {
height: 90%; height: 90%;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.abnormalAlarmImg{ .layui-carousel {
background-color: transparent;
}
.layui-carousel>[carousel-item]>* {
background-color: transparent;
}
.layui-carousel>[carousel-item]:before {
display: none;
}
.pageCapacity {
width: 100% !important;
height: 100% !important;
display: flex !important;
}
.none-data {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.capacityItem {
width: 200px;
height: 130px;
margin-right: 10px;
background-color: transparent;
flex-direction: column;
justify-content: space-around;
}
.capacityItem img {
width: 180px;
height: 100px;
}
.abnormalAlarmImg {
width: 20%; width: 20%;
height: 100%; height: 100%;
margin-left: 1%; margin-left: 1%;
} }
.top-box-left-bot{ .top-box-left-bot {
margin-top: 2%; margin-top: 2%;
width: 100%; width: 100%;
height: 48%; height: 48%;
} }
.top-box-right{ .top-box-right {
margin-top: 2%; margin-top: 2%;
margin-left: 1%; margin-left: 1%;
width: 49%; width: 49%;
height: 80%; height: 80%;
} }
.bot-box-left{ .bot-box-left {
margin-left: 1%; margin-left: 1%;
width: 38.5%; width: 38.5%;
height: 100%; height: 100%;
} }
.bot-box-right{ .bot-box-right {
margin-right: 1%; margin-right: 1%;
width: 58.5%; width: 58.5%;
height: 100%; height: 100%;
} }
.img-style{ .img-style {
width: 100%; width: 100%;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
@ -184,29 +225,29 @@ body {
} }
.vehicle { .vehicle {
background: url("../../img/accessMge/vehicle.png") no-repeat 0 0 / 100% 100%; background: url("../../img/accessMge/vehicle.png") no-repeat 0 0 / 100% 100%;
display: flex; display: flex;
} }
.personnel { .personnel {
background: url("../../img/accessMge/personnel.png") no-repeat 0 0 / 100% 100%; background: url("../../img/accessMge/personnel.png") no-repeat 0 0 / 100% 100%;
display: flex; display: flex;
} }
.layui-form-item .layui-inline{ .layui-form-item .layui-inline {
margin-right: 0px margin-right: 0px
} }
.layui-form-label{ .layui-form-label {
padding-left: 1px; padding-left: 1px;
padding-right: 1px padding-right: 1px
} }
.layui-form-item .layui-input-inline{ .layui-form-item .layui-input-inline {
width: 150px; width: 150px;
} }
.layui-table-cell { .layui-table-cell {
height: auto; height: auto;
white-space: normal; white-space: normal;
} }

176
js/pages/accessMge/accessMge.js
View File

@ -1,11 +1,12 @@
let layer, table, form, laydate; let layer, table, form, laydate, carousel;
let scheduledTask = false;
const bidCode = parent.$('#bidPro').val(); const bidCode = parent.$('#bidPro').val();
layui.use(['layer', 'table', 'form', 'laydate'], function () { layui.use(['layer', 'table', 'form', 'laydate'], function () {
layer = layui.layer; layer = layui.layer;
table = layui.table; table = layui.table;
form = layui.form; form = layui.form;
laydate = layui.laydate; laydate = layui.laydate;
carousel = layui.carousel;
//时间范围设置 //时间范围设置
laydate.render({ laydate.render({
elem: '#date1', elem: '#date1',
@ -43,8 +44,23 @@ layui.use(['layer', 'table', 'form', 'laydate'], function () {
// //今日、当月人员出入场统计列表 // //今日、当月人员出入场统计列表
getPerStatisticsList(bidCode); getPerStatisticsList(bidCode);
timedRefresh();
}); });
// 出入管理定时刷新
function timedRefresh() {
if (scheduledTask) {
getPerStatistics();
getPerStatisticsPhoto("1", "1");
getPerStatisticsList(bidCode);
} else {
scheduledTask = true;
}
// 两分钟定时刷新一次
setTimeout(timedRefresh, 1000 * 60 * 2);
}
function getVehicleStatistics() { function getVehicleStatistics() {
let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId; let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId;
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData); let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
@ -220,7 +236,6 @@ function getVehicleStatisticsList(bidCode) {
}); });
}, },
done: function (res, curr, count, origin) { done: function (res, curr, count, origin) {
console.log(res);
} }
}) })
} }
@ -282,57 +297,133 @@ function getStatisticsPer(data) {
document.getElementById("threescPer").textContent = dycNums[2]; document.getElementById("threescPer").textContent = dycNums[2];
document.getElementById("fourscPer").textContent = dycNums[3]; document.getElementById("fourscPer").textContent = dycNums[3];
var s = "../../img/video/voi_photo4.png"; // var s = "../../img/video/voi_photo4.png";
var htmls = '<img src ="' + s + '" alt="" style="height:100%;width:100%; margin-top:5%" />'; // var htmls = '<img src ="' + s + '" alt="" style="height:100%;width:100%; margin-top:5%" />';
$('#photos').empty().append(htmls); // $('#photos').empty().append(htmls);
} }
/* 人员出入统计-异常告警 */
function getPerStatisticsPhoto(accessType, timeType) { function getPerStatisticsPhoto(accessType, timeType) {
let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId + '&accessType=' + accessType + '&timeType=' + timeType; let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId + '&accessType=' + accessType + '&timeType=' + timeType;
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData); let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
const url = commonUrl + "screen/largeScreen/accessMge/getPerStatisticsPhoto?params=" + montageParam; // url const url = commonUrl + "screen/largeScreen/accessMge/getPerStatisticsPhoto?params=" + montageParam;
ajaxRequestGet(url, "GET", true, function () { ajaxRequestGet(url, "GET", true, function () {
}, function (result) { }, function (result) {
let html = '';
if (result.code === 200) { if (result.code === 200) {
if (result.data && result.data.length > 0) { console.log(result.data);
var s = "https://unpkg.com/outeres/demo/carousel/720x360-1.jpg"; if (result.data.warnList && result.data.warnList.length > 0) {
var a = "sss"; let html = '';
$.each(result.data, function (index, item) { let list = result.data.warnList;
html += '<div class="abnormalAlarmImg">'; let zs = Math.floor(list.length / 5);
html += '<img src ="' + s + '" alt="" style="height:95%;width:100%; margin-top:5%" />'; let xs = Math.floor(list.length % 5);
html += '<span>' + a + '</span>'; if (zs > 0) {
html += '</div>'; for (let i = 1; i <= zs; i++) {
}) html += '<div>'
+ '<div class="pageCapacity">'
+ handleData(5, i, list)
+ '</div>'
+ '</div>'
}
if (xs > 0) {
html += '<div>'
+ '<div class="pageCapacity">'
+ handleData2(5, zs, xs, list)
+ '</div>'
+ '</div>'
}
} else {
html += '<div>'
+ '<div class="pageCapacity">'
+ handleData3(xs, list)
+ '</div>'
+ '</div>'
}
$('#img-carousel').empty().append(html);
carousel.render({
elem: '#ID-carousel-demo-image',
width: '1000px',
height: '160px',
interval: 5000,
// indicator:'none'
});
} else { } else {
// html += '<div style="color:#71757B;">无数据</div>' $('#abnormalAlarms').empty().append('<div class="none-data"><p>暂无数据</p></div>');
html += '<div class="abnormalAlarmImg">'; }
html += '<img src ="../../img/video/voi_photo.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; if (result.data.noWarnList && result.data.noWarnList.length > 0) {
html += '<span>告警1</span>'; let html = '';
html += '</div>'; let list = result.data.noWarnList;
let zs = Math.floor(list.length / 2);
html += '<div class="abnormalAlarmImg">'; let xs = Math.floor(list.length % 2);
html += '<img src ="../../img/video/voi_photo2.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; if (zs > 0) {
html += '<span>告警2</span>'; for (let i = 1; i <= zs; i++) {
html += '</div>'; html += '<div>'
+ '<div class="pageCapacity">'
html += '<div class="abnormalAlarmImg">'; + handleData(2, i, list)
html += '<img src ="../../img/video/voi_photo3.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; + '</div>'
html += '<span>告警3</span>'; + '</div>'
html += '</div>'; }
if (xs > 0) {
html += '<div class="abnormalAlarmImg">'; html += '<div>'
html += '<img src ="../../img/video/voi_photo4.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; + '<div class="pageCapacity">'
html += '<span>告警4</span>'; + handleData2(2, zs, xs, list)
html += '</div>'; + '</div>'
+ '</div>'
}
} else {
html += '<div>'
+ '<div class="pageCapacity">'
+ handleData3(xs, list)
+ '</div>'
+ '</div>'
}
$('#img-carousel2').empty().append(html);
carousel.render({
elem: '#ID-carousel-demo-image2',
width: '380px',
height: '160px',
interval: 5000,
// indicator:'none'
});
} else {
$('#photos').empty().append('<div class="none-data"><p>暂无数据</p></div>');
} }
} else if (result.code === 500) { } else if (result.code === 500) {
layer.msg(result.msg, { icon: 2 }); layer.msg(result.msg, { icon: 2 });
} }
$('#abnormalAlarms').empty().append(html);
}, function (xhr, status, error) { }, function (xhr, status, error) {
error(xhr, status, error) errorFn(xhr, status, error)
}, aqEnnable); }, aqEnnable);
function handleData(num, index, list) {
let cent = '';
for (var i = num; i >= 1; i--) {
cent += '<div class="capacityItem layout">'
+ '<img src="' + list[index * num - i].base64 + '">'
+ '<p>' + list[index * num - i].personName + '</p>'
+ '</div>';
}
return cent;
}
function handleData2(num, zs, xs, list) {
let cent = '';
for (var i = zs * num; i < zs * num + xs; i++) {
cent += '<div class="capacityItem layout">'
+ '<img src="' + list[i].base64 + '">'
+ '<p>' + list[i].personName + '</p>'
+ '</div>';
}
return cent;
}
function handleData3(index, list) {
let cent = '';
for (var i = 0; i < index; i++) {
cent += '<div class="capacityItem layout">'
+ '<img src="' + list[i].base64 + '">'
+ '<p>' + list[i].personName + '</p>'
+ '</div>';
}
return cent;
}
} }
function getPerStatisticsList(bidCode) { function getPerStatisticsList(bidCode) {
@ -355,9 +446,9 @@ function getPerStatisticsList(bidCode) {
}, },
cols: [[ cols: [[
{ type: 'numbers', title: '序号', width: '10%' }, // 添加序号列 { type: 'numbers', title: '序号', width: '10%' }, // 添加序号列
{ field: 'proName', title: '工程名称', align: 'center', width: '20%' }, { field: 'proName', title: '工程名称', align: 'center', width: '25%' },
{ field: 'userName', title: '姓名', align: 'center', width: '10%' }, { field: 'userName', title: '姓名', align: 'center', width: '15%' },
{ field: 'phone', title: '电话', align: 'center', width: '20%' }, { field: 'phone', title: '电话', align: 'center', width: '10%' },
{ field: 'accessType', title: '状态', align: 'center', width: '10%' }, { field: 'accessType', title: '状态', align: 'center', width: '10%' },
{ field: 'accesssTime', title: '时间', align: 'center', width: '30%' } { field: 'accesssTime', title: '时间', align: 'center', width: '30%' }
]], ]],
@ -370,7 +461,6 @@ function getPerStatisticsList(bidCode) {
}); });
}, },
done: function (res, curr, count, origin) { done: function (res, curr, count, origin) {
console.log(res);
} }
}) })
} }

53
pages/accessMge/accessMge.html
View File

@ -1,11 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../css/font.css"> <link rel="stylesheet" href="../../css/font.css">
<link rel="stylesheet" href="../../plugin/layui-v2.9.7/layui/css/layui.css"> <link rel="stylesheet" href="../../plugin/layui-v2.9.7/layui/css/layui.css">
<link rel="stylesheet" href="../../css/coreTable.css"/> <link rel="stylesheet" href="../../css/coreTable.css" />
<link rel="stylesheet" href="../../css/accessMge/accessMge.css"> <link rel="stylesheet" href="../../css/accessMge/accessMge.css">
<link rel="stylesheet" href="../../plugin/toolTip/mTips.css"> <link rel="stylesheet" href="../../plugin/toolTip/mTips.css">
<script src="../../js/publics/jquery-3.6.0.min.js" type="text/javascript"></script> <script src="../../js/publics/jquery-3.6.0.min.js" type="text/javascript"></script>
@ -13,10 +14,11 @@
<script src="../../js/publics/public.js" type="text/javascript"></script> <script src="../../js/publics/public.js" type="text/javascript"></script>
<script src="../../api/commonRequest.js" type="text/javascript"></script> <script src="../../api/commonRequest.js" type="text/javascript"></script>
<script src="../../js/publics/aescbc.js"></script> <script src="../../js/publics/aescbc.js"></script>
<title>出入管理</title> <title>出入管理</title>
</head> </head>
<body> <body>
<div class="layout main-box"> <div class="layout main-box">
<div class="top-box"> <div class="top-box">
<div class="img-style vehicle"> <div class="img-style vehicle">
<div class="top-box-left"> <div class="top-box-left">
@ -46,7 +48,7 @@
<div class="imgs today-img"> <div class="imgs today-img">
<span class="font-style" id="threec"></span> <span class="font-style" id="threec"></span>
</div> </div>
<span class="span-style" >辆</span> <span class="span-style">辆</span>
</div> </div>
</div> </div>
<div class="top-box-left-top-center"> <div class="top-box-left-top-center">
@ -123,27 +125,27 @@
<div class="layui-inline"> <div class="layui-inline">
<label class="layui-form-label" style="width: 60px;">时间：</label> <label class="layui-form-label" style="width: 60px;">时间：</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<input type="text" id="date1" placeholder="请选择时间" readonly style="cursor: pointer;width: 190px;" <input type="text" id="date1" placeholder="请选择时间" readonly
class="layui-input"> style="cursor: pointer;width: 190px;" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-inline" style="margin-left: 36px;"> <div class="layui-inline" style="margin-left: 36px;">
<div class="layui-col-xs12"> <div class="layui-col-xs12">
<button class="layui-btn" onclick="getQueryList(1)">查询</button> <button class="layui-btn" onclick="getQueryList(1)">查询</button>
</div> </div>
</div> </div>
<div class="layui-inline" style="margin-left: 10px;"> <div class="layui-inline" style="margin-left: 10px;">
<div class="layui-col-xs12"> <div class="layui-col-xs12">
<button class="layui-btn" onclick="exportVehicleData()">导出</button> <button class="layui-btn" onclick="exportVehicleData()">导出</button>
</div> </div>
</div> </div>
</div> </div>
</form> </form>
<div class="right-down-right"> <div class="right-down-right">
<table id="demo1" lay-filter="test"></table> <table id="demo1" lay-filter="test"></table>
</div> </div>
</div> </div>
@ -152,7 +154,7 @@
</div> </div>
<div class="bot-box"> <div class="bot-box">
<div class="img-style personnel"> <div class="img-style personnel">
<div class="top-box-left"> <div class="top-box-left">
<div class="top-box-left-top"> <div class="top-box-left-top">
<div class="top-box-left-top-left"> <div class="top-box-left-top-left">
<div class="today-font">今日累计入场</div> <div class="today-font">今日累计入场</div>
@ -179,7 +181,7 @@
<div class="imgs today-img"> <div class="imgs today-img">
<span class="font-style" id="threecPer"></span> <span class="font-style" id="threecPer"></span>
</div> </div>
<span class="span-style" >人</span> <span class="span-style">人</span>
</div> </div>
</div> </div>
<div class="top-box-left-top-center"> <div class="top-box-left-top-center">
@ -220,14 +222,20 @@
</div> </div>
<div class="top-box-left-top-bot"> <div class="top-box-left-top-bot">
<div class="img-style" id="photos"> <div class="img-style" id="photos">
<div class="layui-carousel" id="ID-carousel-demo-image2">
<div id="img-carousel2" carousel-item>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="top-box-left-bot"> <div class="top-box-left-bot">
<div style="color: #fff;letter-spacing:1px;font-size: 16px;">异常告警</div> <div style="color: #fff;letter-spacing:1px;font-size: 16px;">异常告警</div>
<div class="abnormalAlarm" id="abnormalAlarms"> <div class="abnormalAlarm" id="abnormalAlarms">
<div class="layui-carousel" id="ID-carousel-demo-image">
<div id="img-carousel" carousel-item>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -248,7 +256,7 @@
<div class="layui-inline"> <div class="layui-inline">
<label class="layui-form-label">姓名：</label> <label class="layui-form-label">姓名：</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<input type="text" id="userName" placeholder="请输入司机姓名" autocomplete="off" <input type="text" id="userName" placeholder="请输入姓名" autocomplete="off"
class="layui-input"> class="layui-input">
</div> </div>
</div> </div>
@ -256,26 +264,26 @@
<div class="layui-inline"> <div class="layui-inline">
<label class="layui-form-label" style="width: 60px;">时间：</label> <label class="layui-form-label" style="width: 60px;">时间：</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<input type="text" id="date2" placeholder="请选择时间" autocomplete="off" readonly style="cursor: pointer;width: 190px;" <input type="text" id="date2" placeholder="请选择时间" autocomplete="off" readonly
class="layui-input"> style="cursor: pointer;width: 190px;" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-inline" style="margin-left: 36px;"> <div class="layui-inline" style="margin-left: 36px;">
<div class="layui-col-xs12"> <div class="layui-col-xs12">
<button class="layui-btn" onclick="getQueryList(2)">查询</button> <button class="layui-btn" onclick="getQueryList(2)">查询</button>
</div> </div>
</div> </div>
<div class="layui-inline" style="margin-left: 10px;"> <div class="layui-inline" style="margin-left: 10px;">
<div class="layui-col-xs12"> <div class="layui-col-xs12">
<button class="layui-btn" onclick="exportPerData()">导出</button> <button class="layui-btn" onclick="exportPerData()">导出</button>
</div> </div>
</div> </div>
</div> </div>
</form> </form>
<div class="right-down-right"> <div class="right-down-right">
<table id="demo2" lay-filter="test"></table> <table id="demo2" lay-filter="test"></table>
</div> </div>
</div> </div>
@ -284,5 +292,6 @@
</div> </div>
</div> </div>
</body> </body>
<script src="../../js/pages/accessMge/accessMge.js" type="text/javascript"></script> <script src="../../js/pages/accessMge/accessMge.js" type="text/javascript"></script>
</html> </html>