181 lines
7.3 KiB
HTML
181 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>道闸管理</title>
|
|
<link rel="stylesheet" type="text/css" href="../../css/core/layui.css" />
|
|
<link rel="stylesheet" type="text/css" href="../../css/management/management.css" />
|
|
<style>
|
|
.layui-layer {
|
|
background-color: rgba(0,0,0,0)!important;
|
|
background-image: url(../../img/bgSecondLevel.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.layui-layer-title {
|
|
border-bottom: 0px solid #f0f0f0!important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="left">
|
|
<div class="above">
|
|
<div class="title">
|
|
<span style="padding-left: 10px;">人员概况</span>
|
|
</div>
|
|
<div class="content person-preview">
|
|
<div class="color1 lef-color1" onclick="handleClick('content1')">
|
|
<span class="count" id="personNum"></span>
|
|
<span class="status">人员总数</span>
|
|
</div>
|
|
<div class="color3 lef-color3" onclick="handleClick('content2')">
|
|
<span style="margin-top: -4%;" class="count" id="personEnterExitNum"></span>
|
|
<span class="status">今日出入闸机人次</span>
|
|
<span class="status" id="personEnterNum"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="middle">
|
|
<div class="title">
|
|
<span style="padding-left: 10px;">场内总人数</span>
|
|
</div>
|
|
<div id="chart"></div>
|
|
</div>
|
|
<div class="below">
|
|
<div class="title">
|
|
<span style="padding-left: 10px;">日均时间段出入人次</span>
|
|
</div>
|
|
<div id="charts"></div>
|
|
</div>
|
|
</div>
|
|
<div class="center">
|
|
<div class="above">
|
|
<div class="title">
|
|
<span style="padding-left: 10px;">车辆概况</span>
|
|
</div>
|
|
<div class="content">
|
|
<!-- <div class="color1" onclick="handleClick('content3')">-->
|
|
<div class="color1">
|
|
<span class="count" id="carNum"></span>
|
|
<span class="status">场内车辆总数</span>
|
|
</div>
|
|
<div class="color2" onclick="handleClick('other')">
|
|
<span class="count" style="margin-top: -4%;" id="carEnterExitNum"></span>
|
|
<span class="status">今日出入道闸车次</span>
|
|
<span class="status" id="carEnterNum"></span>
|
|
</div>
|
|
<!-- <div class="color3">-->
|
|
<!-- <span class="count">23</span>-->
|
|
<!-- <span class="status">车辆黑名单</span>-->
|
|
<!-- </div>-->
|
|
</div>
|
|
<div></div>
|
|
</div>
|
|
<div class="middle">
|
|
<div class="title">
|
|
<span style="padding-left: 10px;">场内车辆数</span>
|
|
</div>
|
|
<div id="nonprofit"></div>
|
|
</div>
|
|
<div class="below">
|
|
<div class="title">
|
|
<span style="padding-left: 10px;">日均时间段出入车次</span>
|
|
</div>
|
|
<div id="uptime"></div>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<!-- <div class="interfaceState">-->
|
|
<!-- <div class="title" onclick="interfaceStateClick()"></div>-->
|
|
<!-- <div class="request">-->
|
|
<!-- <span>请求数量 </span>-->
|
|
<!-- <span class="requestNum" id="requestNum" style="color: #30F7FF;"></span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="success">-->
|
|
<!-- <span>成功 </span>-->
|
|
<!-- <span class="successNum" id="successNum" style="color: #93FFB6;"></span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="error">-->
|
|
<!-- <span>异常 </span>-->
|
|
<!-- <span class="errorNum" id="errorNum" style="color: #FF2020;"></span>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<div class="dayWarn">
|
|
<div class="title">
|
|
<span>今日告警</span>
|
|
</div>
|
|
<div class="content">
|
|
<div class="device">
|
|
<img src="../../img/year.png" alt="" class="title"/>
|
|
<div class="content">
|
|
<span id="counts"></span>
|
|
<span>本年告警</span>
|
|
</div>
|
|
</div>
|
|
<div class="device">
|
|
<img src="../../img/month.png" alt="" class="title"/>
|
|
<div class="content">
|
|
<span id="month" style="color: #fba75a"></span>
|
|
<span>本月告警</span>
|
|
</div>
|
|
</div>
|
|
<div class="device">
|
|
<img src="../../img/day.png" alt="" class="title"/>
|
|
<div class="content">
|
|
<span id="currentCounts" style="color: rgb(251, 59, 0)"></span>
|
|
<span>今日告警</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="deviceWarn">
|
|
<div class="title">
|
|
<span>报警信息</span>
|
|
<div title="详情" onclick="managementClick()"></div>
|
|
</div>
|
|
<div class="table">
|
|
<div class="tableList" style="font-size: 14px;font-weight: 600">
|
|
<span style="width: 100px">序号</span>
|
|
<span>设备名称</span>
|
|
<span>报警内容</span>
|
|
<span>报警时间</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="propagates">
|
|
<div class="title">
|
|
<span>道闸控制</span>
|
|
</div>
|
|
<div class="container">
|
|
<div class="button-wrapper-top">
|
|
<img src="../../img/management/open_The_Barrier.png" alt="按钮1" class="button" lay-on="test-skin-btn1">
|
|
</div>
|
|
<div class="button-wrapper-left">
|
|
<img src="../../img/management/open_The_Barrier.png" alt="按钮2" class="button" lay-on="test-skin-btn3">
|
|
</div>
|
|
<img src="../../img/management/gate_Control.png" alt="道闸控制底图" class="base-image">
|
|
<div class="button-wrapper-right">
|
|
<img src="../../img/management/open_The_Barrier.png" alt="按钮3" class="button" lay-on="test-skin-btn2">
|
|
</div>
|
|
<div class="button-wrapper-bottom">
|
|
<img src="../../img/management/open_The_Barrier.png" alt="按钮4" class="button" lay-on="test-skin-btn4">
|
|
</div>
|
|
<img src="../../img/management/camera_Equipment.png" alt="关于图像的描述性文本" class="overlay-image vehicle">
|
|
<img src="../../img/management/access_Control.png" alt="关于图像的描述性文本" class="overlay-image personnel">
|
|
<div class="overlay-text vehicle">
|
|
车辆道闸
|
|
</div>
|
|
<div class="overlay-text personnel">
|
|
人员门禁
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="../../js/core/jquery-3.6.0.js"></script>
|
|
<script src="../../js/core/layui2.7.6/layui.js"></script>
|
|
<script src="../../js/core/public.js"></script>
|
|
<script src="../../js/core/echarts-v5.4.2/echarts.js"></script>
|
|
<script src="../../js/management/management.js"></script>
|
|
</body>
|
|
</html> |