297 lines
10 KiB
HTML
297 lines
10 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<link rel="stylesheet" href="../../css/font.css">
|
|||
|
|
<script src="../../js/publics/sm4.js" type="text/javascript"></script>
|
|||
|
|
<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/accessMge/accessMge.css">
|
|||
|
|
<link rel="stylesheet" href="../../plugin/toolTip/mTips.css">
|
|||
|
|
<!-- <link rel="stylesheet" href="../../css/shuiYin/shuiYin.css"> -->
|
|||
|
|
<script src="../../js/publics/jquery-3.6.0.min.js" type="text/javascript"></script>
|
|||
|
|
<script src="../../plugin/layui-v2.9.7/layui/layui.js"></script>
|
|||
|
|
<script src="../../js/publics/public.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/shuiYin.js"></script> -->
|
|||
|
|
<script src="../../plugin/watermark.js"></script>
|
|||
|
|
<title>出入管理</title>
|
|||
|
|
</head>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
let text = nickName +"\r\n"+ roleName +"\r\n" + '建设部';
|
|||
|
|
watermark.load({ watermark_txt: text });
|
|||
|
|
</script>
|
|||
|
|
<body>
|
|||
|
|
<div class="layout main-box">
|
|||
|
|
<div class="top-box">
|
|||
|
|
<div class="img-style vehicle">
|
|||
|
|
<div class="top-box-left">
|
|||
|
|
<div class="top-box-left-top">
|
|||
|
|
<div class="top-box-left-top-left">
|
|||
|
|
<div class="today-font">今日累计入场</div>
|
|||
|
|
<div class="direction">
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="oner"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="twor"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="threer"></span>
|
|||
|
|
</div>
|
|||
|
|
<span class="span-style">辆</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="today-font" style="margin-top: 10%;">今日累计出场</div>
|
|||
|
|
<div class="direction">
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="onec"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="twoc"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="threec"></span>
|
|||
|
|
</div>
|
|||
|
|
<span class="span-style" >辆</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="top-box-left-top-center">
|
|||
|
|
<div class="cumulative-font">当月累计入场</div>
|
|||
|
|
<div class="direction" style="margin-top: 0%;">
|
|||
|
|
<div class="cumulative-img">
|
|||
|
|
<span class="font-style" id="onesr"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="cumulative-img">
|
|||
|
|
<span class="font-style" id="twosr"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="cumulative-img">
|
|||
|
|
<span class="font-style" id="threesr"></span>
|
|||
|
|
</div>
|
|||
|
|
<span class="span-style">，</span>
|
|||
|
|
<div class="cumulative-img">
|
|||
|
|
<span class="font-style" id="foursr"></span>
|
|||
|
|
</div>
|
|||
|
|
<span class="span-style">辆</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="cumulative-font" style="margin-top: 10%;">当月累计出场</div>
|
|||
|
|
<div class="direction" style="margin-top: 0%;">
|
|||
|
|
<div class="cumulative-img">
|
|||
|
|
<span class="font-style" id="onesc"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="cumulative-img">
|
|||
|
|
<span class="font-style" id="twosc"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="cumulative-img">
|
|||
|
|
<span class="font-style" id="threesc"></span>
|
|||
|
|
</div>
|
|||
|
|
<span class="span-style">，</span>
|
|||
|
|
<div class="cumulative-img">
|
|||
|
|
<span class="font-style" id="foursc"></span>
|
|||
|
|
</div>
|
|||
|
|
<span class="span-style">辆</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="top-box-left-top-bot">
|
|||
|
|
<div class="img-style" id="photo">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="top-box-left-bot">
|
|||
|
|
<div style="color: #fff;letter-spacing:1px;font-size: 16px;">异常告警</div>
|
|||
|
|
<div class="abnormalAlarm" id="abnormalAlarm">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="top-box-right">
|
|||
|
|
<div style=" width: 100%;height: 100%;">
|
|||
|
|
<form class="layui-form " onsubmit="return false">
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
|
|||
|
|
<div class="layui-inline">
|
|||
|
|
<label class="layui-form-label">工程名称：</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="proName1" placeholder="请输入工程名称" autocomplete="off"
|
|||
|
|
class="layui-input">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="layui-inline">
|
|||
|
|
<label class="layui-form-label">车牌号：</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="carNum1" placeholder="请输入车牌号" autocomplete="off"
|
|||
|
|
class="layui-input">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="layui-inline">
|
|||
|
|
<label class="layui-form-label" style="width: 60px;">时间：</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="date1" placeholder="请选择时间" readonly style="cursor: pointer;width: 190px;"
|
|||
|
|
class="layui-input">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="layui-inline" style="margin-left: 36px;">
|
|||
|
|
<div class="layui-col-xs12">
|
|||
|
|
<button class="layui-btn" onclick="getQueryList(1)">查询</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="layui-inline" style="margin-left: 10px;">
|
|||
|
|
<div class="layui-col-xs12">
|
|||
|
|
<button class="layui-btn" onclick="exportVehicleData()">导出</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
<div class="right-down-right">
|
|||
|
|
<table id="demo1" lay-filter="test"></table>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bot-box">
|
|||
|
|
<div class="img-style personnel">
|
|||
|
|
<div class="top-box-left">
|
|||
|
|
<div class="top-box-left-top">
|
|||
|
|
<div class="top-box-left-top-left">
|
|||
|
|
<div class="today-font">今日累计入场</div>
|
|||
|
|
<div class="direction">
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="onerPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="tworPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="threerPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<span class="span-style">人</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="today-font" style="margin-top: 10%;">今日累计出场</div>
|
|||
|
|
<div class="direction">
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="onecPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="twocPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="imgs today-img">
|
|||
|
|
<span class="font-style" id="threecPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<span class="span-style" >人</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="top-box-left-top-center">
|
|||
|
|
<div class="cumulative-font">当月累计入场</div>
|
|||
|
|
<div class="direction" style="margin-top: 0%;">
|
|||
|
|
<div class="cumulative-img">
|
|||
|
|
<span class="font-style" id="onesrPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="cumulative-img">
|
|||
|
|
<span class="font-style" id="twosrPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="cumulative-img">
|
|||
|
|
<span class="font-style" id="threesrPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<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="direction" style="margin-top: 0%;">
|
|||
|
|
<div class=" cumulative-img">
|
|||
|
|
<span class="font-style" id="onescPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class=" cumulative-img">
|
|||
|
|
<span class="font-style" id="twoscPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class=" cumulative-img">
|
|||
|
|
<span class="font-style" id="threescPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<span class="span-style">，</span>
|
|||
|
|
<div class=" cumulative-img">
|
|||
|
|
<span class="font-style" id="fourscPer"></span>
|
|||
|
|
</div>
|
|||
|
|
<span class="span-style">人</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="top-box-left-top-bot">
|
|||
|
|
<div class="img-style" id="photos">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="top-box-left-bot">
|
|||
|
|
<div style="color: #fff;letter-spacing:1px;font-size: 16px;">异常告警</div>
|
|||
|
|
<div class="abnormalAlarm" id="abnormalAlarms">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="top-box-right">
|
|||
|
|
<div style=" width: 100%;height: 100%;">
|
|||
|
|
<form class="layui-form " onsubmit="return false">
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
|
|||
|
|
<div class="layui-inline">
|
|||
|
|
<label class="layui-form-label">工程名称：</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="proName2" placeholder="请输入工程名称" autocomplete="off"
|
|||
|
|
class="layui-input">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="layui-inline">
|
|||
|
|
<label class="layui-form-label">姓名：</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="userName" placeholder="请输入司机姓名" autocomplete="off"
|
|||
|
|
class="layui-input">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="layui-inline">
|
|||
|
|
<label class="layui-form-label" style="width: 60px;">时间：</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="date2" placeholder="请选择时间" autocomplete="off" readonly style="cursor: pointer;width: 190px;"
|
|||
|
|
class="layui-input">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="layui-inline" style="margin-left: 36px;">
|
|||
|
|
<div class="layui-col-xs12">
|
|||
|
|
<button class="layui-btn" onclick="getQueryList(2)">查询</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-inline" style="margin-left: 10px;">
|
|||
|
|
<div class="layui-col-xs12">
|
|||
|
|
<button class="layui-btn" onclick="exportPerData()">导出</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
<div class="right-down-right">
|
|||
|
|
<table id="demo2" lay-filter="test"></table>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
<script src="../../js/pages/accessMge/accessMge.js" type="text/javascript"></script>
|
|||
|
|
</html>
|