<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>拉西瓦水电站监测展示后台</title>
|
<link rel="stylesheet" href="/css/zxx/indexPublic.css">
|
<link rel="stylesheet" href="/css/zxx/logQuery.css">
|
<link rel="stylesheet" href="/layui/css/layui.css">
|
<!--<link th:href="@{/ruoyi/css/ry-ui.css}" rel="stylesheet"/>-->
|
<link rel="stylesheet" href="/ajax/libs/datapicker/bootstrap-datetimepicker.min.css"/>
|
<!--<script src="/js/jquery.min.js"></script>-->
|
<!--<script src="/js/zxx/flexible.js"></script>-->
|
|
<!--<script src="/layui/layui.js"></script>-->
|
<!--<script src="/ajax/libs/datapicker/bootstrap-datetimepicker.min.js"></script>-->
|
|
<link th:href="@{/ruoyi/css/ry-ui.css}" rel="stylesheet"/>
|
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
|
<script src="../static/js/zxx/flexible.js" th:src="@{/js/zxx/flexible.js}"></script>
|
<script src="/js/zxx/ajaxUtil.js"></script>
|
<script src="/layui/layui.js"></script>
|
<script src="../static/ajax/libs/datapicker/bootstrap-datetimepicker.min.js" th:src="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.js}"></script>
|
<script th:src="@{/ruoyi/js/common.js?v=4.3.1}"></script>
|
<style>
|
.layui-laypage a {
|
background-color:rgba(0,0,0,0) !important;
|
color:#fff !important;
|
}
|
.layui-laypage-spr {
|
background-color:rgba(0,0,0,0) !important;
|
color:#fff !important;
|
}
|
</style>
|
<style>
|
*{
|
font-family: "微软雅黑 Light";
|
}
|
.work-tanBox{
|
position: fixed;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 100%;
|
background-color: rgba(0,0,0,0.7);
|
}
|
.work-tanBox-inside{
|
width: 100%;
|
height: 100%;
|
position: relative;
|
}
|
.work-tanBox-bj{
|
background:url("/img/zxx/work-tanImg.png") no-repeat center;
|
background-size: 100% 100%;
|
width: 4.53125rem;
|
height: 4rem;
|
position: absolute;
|
left: calc(50% - 2.265625rem);
|
top:calc(50% - 1.7448rem);
|
padding: 0.2083rem;
|
box-sizing: border-box;
|
}
|
.work-tanBox-title{
|
position: absolute;
|
left: calc(50% - 2.265625rem);
|
top:calc(45% - 1.7448rem);
|
width: 4.53125rem;
|
text-align: center;
|
color: #fff;
|
font-size: 0.1354rem;
|
}
|
.work-tan-line{
|
display: flex;
|
align-items: center;
|
}
|
.work-tan-block{
|
display: flex;
|
align-items: center;
|
margin-right: 0.2604rem;
|
}
|
.work-tan-line h1{
|
color: #00f0ff;
|
font-size: 0.09375rem;
|
line-height: 2;
|
}
|
.work-tan-line h2{
|
color: #fff;
|
font-size: 0.09375rem;
|
margin-left: 0.0521rem;
|
line-height: 2.5;
|
}
|
.work-tan-line h3{
|
color: #fff;
|
font-size: 0.0729rem;
|
margin-left: 0.1042rem;
|
line-height: 2.5;
|
}
|
.work-tan-top{
|
border-bottom: 2px dotted #00eaff; /*no*/
|
}
|
.work-tan-bottom{
|
display: flex;
|
flex-direction: column;
|
}
|
.work-tab-bottom-line{
|
display: flex;
|
}
|
.work-tab-bottom-line h1{
|
color: #00f0ff;
|
font-size: 0.09375rem;
|
flex: 1;
|
text-align: center;
|
margin-top: 0.1042rem;
|
line-height: 2.5;
|
}
|
.work-tab-bottom-line h2{
|
color: #fff;
|
font-size: 0.0729rem;
|
flex: 1;
|
text-align: center;
|
line-height: 2.5;
|
}
|
.work-tab-bottom-scroll{
|
max-height:1.4rem;
|
overflow-y: scroll;
|
}
|
.work-tab-bottom-scroll::-webkit-scrollbar{
|
width: 0!important;
|
}
|
.work-tab-bottom-scroll{
|
-ms-overflow-style: none;
|
}
|
.work-tab-bottom-scroll{
|
scrollbar-width:none;
|
}
|
.closeButton{
|
position: absolute;
|
right: -0.15625rem;
|
top:-0.15625rem;
|
width: 0.0833rem;
|
height: 0.0833rem;
|
cursor: pointer;
|
}
|
.shouquandidian{
|
max-height: 0.7rem;
|
overflow-y: scroll;
|
align-items: baseline;
|
}
|
#o_areaName{
|
width: 78%;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="index-wrap">
|
<div class="index-header">
|
<div class="titlesBox">
|
<!--<h1 class="title1">拉西瓦水电站监测展示后台</h1>
|
<h2 class="title2">Laxiwa Hydropower Station monitoring display background</h2>-->
|
<img class="hearLogo" src="/img/zxx/hearLogo.png" alt="">
|
<div class="titleName">
|
<h1>青海黄河水电公司拉西瓦发电分公司</h1>
|
<h2>智慧门禁管理平台：日志查询</h2>
|
</div>
|
</div>
|
<ul class="nav-left" onclick="goFirstPage()">
|
<li class="nav-block">
|
<img src="/img/zxx/backIcon.png" alt="">
|
<span class="back">首页</span>
|
</li>
|
</ul>
|
</div>
|
<div class="log-main-box">
|
<div class="log-tabs-box">
|
<div class="tab-block" id="visitLogEvent">
|
<!--<img data-e="1" src="../img/zxx/tabIcon1-1.png" alt="">-->
|
<div class="tab tabIcon1-1"></div>
|
<h1 class="tabActive1">人员进出记录</h1>
|
</div>
|
<div class="tab-block" id="orderDataLogEvent" onclick="orderDataPushSearch()">
|
<!--<img data-e="2" src="../img/zxx/tabIcon2.png" alt="">-->
|
<div class="tab tabIcon2"></div>
|
<h1>许可授权记录</h1>
|
</div>
|
<div class="tab-block" id="HardwareExceptinLogEvent" onclick="searchEquipmentLog()">
|
<!--<img data-e="3" src="../img/zxx/tabIcon3.png" alt="">-->
|
<div class="tab tabIcon3" data-e="3"></div>
|
<h1>硬件异常记录</h1>
|
</div>
|
<div class="tab-block" id="HnweEvent" onclick="searchHnwe()">
|
<!--<img data-e="3" src="../img/zxx/tabIcon3.png" alt="">-->
|
<div class="tab tabIcon3" data-e="3"></div>
|
<h1>霍尼韦尔记录</h1>
|
</div>
|
</div>
|
<div class="tabs-content-placeholder">
|
<div class="log-main-content">
|
<div class="log-search">
|
<div class="log-selected">
|
<div class="layui-input-inline logBlock">
|
<select id="direction" class="selectBox" lay-verify="required" lay-search="">
|
<option value="">请选择方向</option>
|
<option value="0">进门</option>
|
<option value="1">出门</option>
|
</select>
|
</div>
|
<!--<div class="logBlock">-->
|
<!--<input type="text" class="time-input" id="startTime" placeholder="开始时间"/>-->
|
<!--</div>-->
|
<!--<div class="logBlock">-->
|
<!--<input type="text" class="time-input" id="endTime" placeholder="结束时间"/>-->
|
<!--</div>-->
|
<!--<div class="layui-input-inline logBlock">-->
|
<!--<input type="text" id="deptNameId" class="selectBox" placeholder="请输入部门名称">-->
|
<!--</div>-->
|
<div class="layui-input-inline logBlock">
|
<input type="text" id="userName" class="selectBox" placeholder="请输入用户名称">
|
</div>
|
<div class="layui-input-inline logBlock">
|
<input type="text" id="areaName" class="selectBox" placeholder="请输入区域名称">
|
</div>
|
</div>
|
<div class="searchBtn" onclick="searchVisitLog()">
|
<img src="/img/zxx/searchIcon.png" alt="">
|
<h1>查询</h1>
|
</div>
|
</div>
|
<div class="logList-box">
|
<div id="visitLogId" style="width: 100%;height: 90%;min-height:90%;margin-bottom:2px;background-size: 100% 100%;display: flex;flex-direction: column;box-sizing: border-box;"></div>
|
<div id="test2"></div>
|
</div>
|
</div>
|
<div class="log-main-content logNo">
|
<div class="log-search">
|
<div class="log-selected">
|
<div class="layui-input-inline logBlock">
|
<select id="authTypeId" class="selectBox" lay-verify="required" lay-search="">
|
<option value="">请选择许可类型</option>
|
<option value="0">临时授权</option>
|
<option value="1">工作票授权</option>
|
<option value="2">外包工程工作票授权</option>
|
</select>
|
</div>
|
<div class="logBlock">
|
<input type="text" id="authUserNameId" class="selectBox" placeholder="请输入负责人名称">
|
</div>
|
<div class="logBlock">
|
<input type="text" class="time-input" id="xkStartTime" placeholder="许可开始时间"/>
|
</div>
|
<div class="logBlock">
|
<input type="text" class="time-input" id="xkEndTime" placeholder="许可结束时间"/>
|
</div>
|
<!-- <div class="layui-input-inline logBlock">
|
<select class="selectBox" lay-verify="required" lay-search="">
|
<option value="1">layer</option>
|
<option value="2">form</option>
|
<option value="3">layim</option>
|
<option value="4">element</option>
|
<option value="5">laytpl</option>
|
<option value="6">upload</option>
|
<option value="7">laydate</option>
|
</select>
|
</div>-->
|
<div class="layui-input-inline logBlock">
|
<input type="text" id="taskNameId" class="selectBox" placeholder="请输入许可名称">
|
</div>
|
<!--<div class="layui-input-inline logBlock">-->
|
<!--<input type="text" id="togetherUserNameId" class="selectBox" placeholder="请输入同行人名称">-->
|
<!--</div>-->
|
<div class="layui-input-inline logBlock">
|
<input type="text" id="authAreaNameId" class="selectBox" placeholder="请输入授权位置名称">
|
</div>
|
<div class="layui-input-inline logBlock">
|
<input type="text" id="createById" class="selectBox" placeholder="请输入授权人名称">
|
</div>
|
</div>
|
<div class="searchBtn" onclick="orderDataPushSearch()">
|
<img src="/img/zxx/searchIcon.png" alt="">
|
<h1>查询</h1>
|
</div>
|
<!--<div class="searchBtn" onclick="toNew()">-->
|
<!--<img src="/img/zxx/searchIcon.png" alt="">-->
|
<!--<h1>更多</h1>-->
|
<!--</div>-->
|
</div>
|
<div class="logList-box" >
|
<div style="width: 100%;height: 90%;min-height:90%;margin-bottom:2px;background-size: 100% 100%;display: flex;flex-direction: column;box-sizing: border-box;" id="orderPushDataLogId"></div>
|
<div id="test1"></div>
|
</div>
|
</div>
|
<div class="log-main-content logNo">
|
<div class="log-search">
|
<div class="log-selected">
|
<div class="logBlock">
|
<input type="text" class="time-input" id="yCstartTime" placeholder="开始时间"/>
|
</div>
|
<div class="logBlock">
|
<input type="text" class="time-input" id="yCendTime" placeholder="结束时间"/>
|
</div>
|
<!--<div class="layui-input-inline logBlock">-->
|
<!--<input type="text" id="equiAreaNameId" class="selectBox" placeholder="请输入区域名称">-->
|
<!--<!–<select class="selectBox" lay-verify="required" lay-search="">-->
|
<!--<option value="1">layer</option>-->
|
<!--<option value="2">form</option>-->
|
<!--<option value="3">layim</option>-->
|
<!--<option value="4">element</option>-->
|
<!--<option value="5">laytpl</option>-->
|
<!--<option value="6">upload</option>-->
|
<!--<option value="7">laydate</option>-->
|
<!--</select>–>-->
|
<!--</div>-->
|
<!--<div class="layui-input-inline logBlock">-->
|
<!--<input type="text" id="equiDoorNameId" class="selectBox" placeholder="请输入门名称">-->
|
<!--<!–<select class="selectBox" lay-verify="required" lay-search="">-->
|
<!--<option value="1">layer</option>-->
|
<!--<option value="2">form</option>-->
|
<!--<option value="3">layim</option>-->
|
<!--<option value="4">element</option>-->
|
<!--<option value="5">laytpl</option>-->
|
<!--<option value="6">upload</option>-->
|
<!--<option value="7">laydate</option>-->
|
<!--</select>–>-->
|
<!--</div>-->
|
<div class="layui-input-inline logBlock">
|
<select id="hardWareTypeId" class="selectBox" lay-verify="required" lay-search="">
|
<option value="">硬件类型</option>
|
<option value="0">指纹读头</option>
|
|
</select>
|
</div>
|
</div>
|
<div class="searchBtn" onclick="searchEquipmentLog()">
|
<img src="/img/zxx/searchIcon.png" alt="">
|
<h1>查询</h1>
|
</div>
|
</div>
|
<div class="logList-box">
|
<div id="equipmentExceptionId" style="width: 100%;height: 90%;min-height:90%;margin-bottom:2px;background-size: 100% 100%;display: flex;flex-direction: column;box-sizing: border-box;"></div>
|
<div id="test3"></div>
|
</div>
|
</div>
|
|
<div class="log-main-content logNo">
|
<div class="log-search">
|
<div class="log-selected">
|
<div class="layui-input-inline logBlock">
|
<input type="text" id="site" class="selectBox" placeholder="请输入位置名称">
|
</div>
|
<div class="layui-input-inline logBlock">
|
<input type="text" id="cardHolderName" class="selectBox" placeholder="请输入打卡人名称">
|
</div>
|
</div>
|
<div class="searchBtn" onclick="searchHnwe()">
|
<img src="/img/zxx/searchIcon.png" alt="">
|
<h1>查询</h1>
|
</div>
|
</div>
|
<div class="logList-box">
|
<div id="hnweId" style="width: 100%;height: 90%;min-height:90%;margin-bottom:2px;background-size: 100% 100%;display: flex;flex-direction: column;box-sizing: border-box;"></div>
|
<div id="test4"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
<div class="work-tanBox" style="display: none">
|
<div class="work-tanBox-inside">
|
<h1 class="work-tanBox-title">工作票执行情况</h1>
|
<div class="work-tanBox-bj">
|
<img class="closeButton" src="/img/zxx/closeBtn.png" alt="">
|
<div class="work-tan-top">
|
<div class="work-tan-line">
|
<h1>工作票名称 :</h1>
|
<h2 id="o_name">6F机组蜗壳盘型阀关闭</h2>
|
<h3 id="o_time">2020-10-21 09:25——2020-10-21 10:25</h3>
|
</div>
|
<div class="work-tan-line">
|
<div class="work-tan-block">
|
<h1>工作票类型 :</h1>
|
<h2 id="o_type">临时授权</h2>
|
</div>
|
<div class="work-tan-block">
|
<h1>工作票编号 :</h1>
|
<h2 id="o_no">25362486356</h2>
|
</div>
|
</div>
|
<div class="work-tan-line">
|
<h1>负责人 :</h1>
|
<h2 id="o_fuzeren">张三丰</h2>
|
</div>
|
<div class="work-tan-line">
|
<h1>同行人 :</h1>
|
<h2 id="o_tongxingren">胡康宝</h2>
|
</div>
|
<div class="work-tan-line">
|
<div class="work-tan-block">
|
<h1>工作票授权人 :</h1>
|
<h2 id="o_shouquanren">吴丽丽</h2>
|
</div>
|
<div class="work-tan-block">
|
<h1>工作票授权时间 :</h1>
|
<h2 id="o_shouquanTime">2020-10-21 14:00</h2>
|
</div>
|
</div>
|
<div class="work-tan-line shouquandidian">
|
<h1>授权地点 :</h1>
|
<h2 id="o_areaName"></h2>
|
</div>
|
</div>
|
<div class="work-tan-bottom">
|
<div class="work-tab-bottom-line">
|
<h1>点位</h1>
|
<h1>进门时间</h1>
|
<h1>出门时间</h1>
|
<h1>工作时长</h1>
|
</div>
|
<div class="work-tab-bottom-scroll" id="logContent">
|
<div class="work-tab-bottom-line">
|
<h2>6F机组技术供水1号</h2>
|
<h2>2020-10-21 14:00</h2>
|
<h2>2020-10-21 16:45</h2>
|
<h2>2小时45分钟</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script th:src="@{/ruoyi/js/common.js?v=4.3.1}"></script>
|
<script>
|
$(function () {
|
|
$('.tab-block').each(function (index,ele) {
|
$('.tab-block').eq(index).click(function () {
|
if(index == 0) {
|
$('.tab-block .tab').eq(0).addClass('tabIcon1-1').removeClass('tabIcon1')
|
$('.tab-block .tab').eq(1).addClass('tabIcon2').removeClass('tabIcon2-1')
|
$('.tab-block .tab').eq(2).addClass('tabIcon3').removeClass('tabIcon3-1')
|
$('.tab-block h1').eq(0).addClass('tabActive1')
|
$('.tab-block h1').eq(1).removeClass('tabActive2')
|
$('.tab-block h1').eq(2).removeClass('tabActive3')
|
$('.log-main-content').eq(0).removeClass('logNo')
|
$('.log-main-content').eq(1).addClass('logNo')
|
$('.log-main-content').eq(2).addClass('logNo')
|
$('.log-main-content').eq(3).addClass('logNo')
|
$('.tab-block h1').eq(3).removeClass('tabActive4')
|
$('.tab-block .tab').eq(3).addClass('tabIcon4').removeClass('tabIcon4-1')
|
}
|
if(index == 1) {
|
$('.tab-block .tab').eq(1).addClass('tabIcon2-1').removeClass('tabIcon2')
|
$('.tab-block .tab').eq(0).addClass('tabIcon1').removeClass('tabIcon1-1')
|
$('.tab-block .tab').eq(2).addClass('tabIcon3').removeClass('tabIcon3-1')
|
$('.tab-block h1').eq(1).addClass('tabActive2')
|
$('.tab-block h1').eq(0).removeClass('tabActive1')
|
$('.tab-block h1').eq(2).removeClass('tabActive3')
|
$('.log-main-content').eq(0).addClass('logNo')
|
$('.log-main-content').eq(1).removeClass('logNo')
|
$('.log-main-content').eq(2).addClass('logNo')
|
$('.log-main-content').eq(3).addClass('logNo')
|
$('.tab-block h1').eq(3).removeClass('tabActive4')
|
$('.tab-block .tab').eq(3).addClass('tabIcon4').removeClass('tabIcon4-1')
|
}
|
if(index == 2) {
|
$('.tab-block .tab').eq(2).addClass('tabIcon3-1').removeClass('tabIcon3')
|
$('.tab-block .tab').eq(0).addClass('tabIcon1').removeClass('tabIcon1-1')
|
$('.tab-block .tab').eq(1).addClass('tabIcon2').removeClass('tabIcon2-1')
|
$('.tab-block h1').eq(2).addClass('tabActive3')
|
$('.tab-block h1').eq(0).removeClass('tabActive1')
|
$('.tab-block h1').eq(1).removeClass('tabActive2')
|
$('.log-main-content').eq(2).removeClass('logNo')
|
$('.log-main-content').eq(0).addClass('logNo')
|
$('.log-main-content').eq(1).addClass('logNo')
|
$('.log-main-content').eq(3).addClass('logNo')
|
$('.tab-block h1').eq(3).removeClass('tabActive4')
|
$('.tab-block .tab').eq(3).addClass('tabIcon4').removeClass('tabIcon4-1')
|
}
|
if(index == 3) {
|
$('.tab-block .tab').eq(3).addClass('tabIcon4-1').removeClass('tabIcon4')
|
$('.tab-block .tab').eq(0).addClass('tabIcon1').removeClass('tabIcon1-1')
|
$('.tab-block .tab').eq(1).addClass('tabIcon2').removeClass('tabIcon2-1')
|
$('.tab-block .tab').eq(2).addClass('tabIcon3').removeClass('tabIcon3-1')
|
$('.tab-block h1').eq(3).addClass('tabActive4')
|
$('.tab-block h1').eq(0).removeClass('tabActive1')
|
$('.tab-block h1').eq(1).removeClass('tabActive2')
|
$('.tab-block h1').eq(2).removeClass('tabActive3')
|
$('.log-main-content').eq(3).removeClass('logNo')
|
$('.log-main-content').eq(0).addClass('logNo')
|
$('.log-main-content').eq(1).addClass('logNo')
|
$('.log-main-content').eq(2).addClass('logNo')
|
}
|
})
|
})
|
|
var type = GetQueryString("type");
|
if(type===2){
|
orderDataPushSearch()
|
}else if(type===3){
|
searchEquipmentLog()
|
}
|
})
|
|
|
//人员进出记录点击事件
|
function visitLogEvent() {
|
$.operate.post("/station/log/list", {}, getVisitLog);
|
}
|
if(!window.localStorage.getItem("user")){
|
goLogin()
|
}
|
//console.log(layui)
|
|
var pageNum = 1;
|
var pageSize = 10;
|
//许可授权记录
|
layui.use('laypage', function(){
|
var laypage = layui.laypage;
|
let ltotal = 0
|
window.orderPushDataLogEvent = function (form) {
|
if(form != null || typeof form != "undefined") {
|
$.operate.post("/station/pushLog/list", form, getorderPushDataLogLog);
|
}else {
|
$.operate.post("/station/pushLog/list", {}, getorderPushDataLogLog);
|
}
|
|
function getorderPushDataLogLog(res) {
|
ltotal = res.total
|
lcurr = res.page
|
laypage.render({
|
elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
|
,limit: 10
|
,curr: lcurr || 1
|
,count: ltotal //数据总数，从服务端得到
|
,jump: function(obj, first){
|
//obj包含了当前分页的所有参数，比如：
|
//pageNum = obj.curr; //得到当前页，以便向服务端请求对应页的数据。
|
//pageSize = obj.limit; //得到每页显示的条数
|
//首次不执行
|
if(!first){
|
if (typeof form == "undefined") {
|
form = {}
|
}
|
form.pageNum = obj.curr
|
form.pageSize = obj.limit
|
orderPushDataLogEvent(form)
|
}
|
}
|
});
|
if(res.code == 0) {
|
var pushDataArr = [];
|
if(res.rows != null) {
|
pushDataArr.push('<ul class="logList-title">');
|
pushDataArr.push('<li>序号</li>');
|
pushDataArr.push('<li>票号</li>');
|
pushDataArr.push('<li>负责人</li>');
|
pushDataArr.push('<li>许可类型</li>');
|
pushDataArr.push('<li>许可名称</li>');
|
// pushDataArr.push('<li>授权时间范围</li>');
|
pushDataArr.push('<li>同行人员</li>');
|
pushDataArr.push('<li>授权位置</li>');
|
pushDataArr.push('<li>授权人</li>');
|
pushDataArr.push('<li>授权日期</li>');
|
pushDataArr.push('<li>状态</li>');
|
pushDataArr.push('<li>操作</li>');
|
pushDataArr.push('</ul>');
|
pushDataArr.push('<div class="logList">');
|
$.each(res.rows, function (k, val) {
|
pushDataArr.push('<ul class="logList-title2">');
|
pushDataArr.push('<li>'+(Number(k+1))+'</li>');
|
pushDataArr.push('<li>'+(val.orderNo==null?"":val.orderNo)+'</li>');
|
pushDataArr.push('<li>'+(val.userName==null?"未知":val.userName)+'</li>');
|
if(val.openMode != null){
|
if(val.openMode == 0) {
|
pushDataArr.push('<li>临时授权</li>');
|
}else if(val.openMode == 1) {
|
pushDataArr.push('<li>工作票授权</li>');
|
}else {
|
pushDataArr.push('<li>外包工程工作票授权</li>');
|
}
|
}
|
pushDataArr.push('<li>'+(val.taskName==null?"未知":val.taskName)+'</li>');
|
// if(val.startTime != null && val.endTime != null) {
|
// pushDataArr.push('<li>'+(val.startTime+"-"+val.endTime)+'</li>');
|
// }
|
pushDataArr.push('<li>'+(val.togetherUserNames==null?"无":val.togetherUserNames)+'</li>');
|
pushDataArr.push('<li>'+(val.areaName==null?"未知":val.areaName)+'</li>');
|
pushDataArr.push('<li>'+(val.createBy==null?"未知":val.createBy)+'</li>');
|
pushDataArr.push('<li>'+(val.createTime==null?"未知":val.createTime)+'</li>');
|
var statuss = dateUtil(val.startTime,val.endTime)
|
pushDataArr.push('<li>'+statuss+'</li>');
|
pushDataArr.push("<li><div style='cursor:pointer' onclick='view("+ JSON.stringify(val) +")'>查看详情</div></li>");
|
pushDataArr.push('</ul>');
|
})
|
pushDataArr.push('</div>');
|
$("#orderPushDataLogId").empty().append(pushDataArr.join(""));
|
}
|
}else {
|
//goLogin()
|
//layer.msg('获取许可授权记录失败，请联系管理员！', {time: 1000, icon:6});
|
}
|
}
|
}
|
|
window.view = function(v) {
|
$('#o_name').html(v.taskName);
|
$('#o_time').html(v.startTime+" -- "+v.endTime);
|
$('#o_fuzeren').html(v.userName);
|
$('#o_tongxingren').html(v.togetherUserNames);
|
|
$('#o_no').html(v.orderNo);
|
if(v.openMode==0){
|
$('#o_type').html("临时授权");
|
}
|
if(v.openMode==1){
|
$('#o_type').html("工作票授权");
|
}
|
if(v.openMode==2){
|
$('#o_type').html("外包工程工作票授权");
|
}
|
$('#o_shouquanTime').html(v.createTime);
|
$('#o_shouquanren').html(v.createBy);
|
$('#o_areaName').html(v.areaName);
|
|
$.operate.post("/station/log/list2", {workOrderId:v.orderId}, pushLogByOrderId);
|
$(".work-tanBox").show()
|
}
|
$(".closeButton").click(function () {
|
$(".work-tanBox").hide()
|
})
|
|
window.view2 = function(v2) {
|
$.operate.post("/station/pushLog/findById", {id:v2.workOrderId}, function (res) {
|
var v = res;
|
$('#o_name').html(v.taskName);
|
$('#o_time').html(v.startTime+" -- "+v.endTime);
|
$('#o_fuzeren').html(v.userName);
|
$('#o_tongxingren').html(v.togetherUserNames);
|
|
$('#o_no').html(v.orderNo);
|
if(v.openMode==0){
|
$('#o_type').html("临时授权");
|
}
|
if(v.openMode==1){
|
$('#o_type').html("工作票授权");
|
}
|
if(v.openMode==2){
|
$('#o_type').html("外包工程工作票授权");
|
}
|
$('#o_shouquanTime').html(v.createTime);
|
$('#o_shouquanren').html(v.createBy);
|
$('#o_areaName').html(v.areaName);
|
});
|
|
|
$.operate.post("/station/log/list2", {workOrderId:v2.workOrderId}, pushLogByOrderId);
|
$(".work-tanBox").show()
|
}
|
// 人员搜索记录
|
|
//人员进出记录
|
window.getVisitLog = function(res) {
|
lltotal = res.total
|
llcurr = res.page
|
laypage.render({
|
elem: 'test2' //注意，这里的 test1 是 ID，不用加 # 号
|
,limit: 10
|
,curr: llcurr || 1
|
,count: lltotal //数据总数，从服务端得到
|
,jump: function(obj, first){
|
//obj包含了当前分页的所有参数，比如：
|
//console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
|
//console.log(obj.limit); //得到每页显示的条数
|
//首次不执行
|
if(!first){
|
// if (typeof form == "undefined") {
|
// form = {}
|
// }
|
pageNum = obj.curr
|
//pageSize = obj.limit
|
searchVisitLog()
|
}
|
}
|
});
|
if(res.code == 0) {
|
var visitLogArr = [];
|
if(res.rows != null) {
|
visitLogArr.push('<ul class="logList-title">');
|
visitLogArr.push('<li>序号</li>');
|
visitLogArr.push('<li>时间</li>');
|
visitLogArr.push('<li>部门</li>');
|
visitLogArr.push('<li>人员</li>');
|
visitLogArr.push('<li>许可名称</li>');
|
visitLogArr.push('<li>区域</li>');
|
visitLogArr.push('<li>方向</li>');
|
visitLogArr.push('<li>门</li>');
|
visitLogArr.push('<li>操作</li>');
|
visitLogArr.push('</ul>');
|
visitLogArr.push('<div class="logList">');
|
$.each(res.rows, function (k, val) {
|
visitLogArr.push('<ul class="logList-title2">');
|
visitLogArr.push('<li>'+(Number(k+1))+'</li>');
|
visitLogArr.push('<li>'+(val.createTime==null?"":val.createTime)+'</li>');
|
visitLogArr.push('<li>'+(val.deptName==null?"未知":val.deptName)+'</li>');
|
visitLogArr.push('<li>'+(val.userName==null?"未知":val.userName)+'</li>');
|
visitLogArr.push('<li>'+(val.workOrderName==null?"未知":val.workOrderName)+'</li>');
|
visitLogArr.push('<li>'+(val.areaName==null?"未知":val.areaName)+'</li>');
|
if(val.direction == null) {
|
visitLogArr.push('<li>未知</li>');
|
}else {
|
visitLogArr.push('<li>'+(val.direction=="0"?"进":"出")+'</li>');
|
}
|
visitLogArr.push('<li>'+(val.doorName==null?"未知":val.doorName)+'</li>');
|
visitLogArr.push("<li><div style='cursor:pointer' onclick='view2("+ JSON.stringify(val) +")'>查看详情</div></li>");
|
visitLogArr.push('</ul>');
|
});
|
visitLogArr.push('</div>');
|
$("#visitLogId").empty().append(visitLogArr.join(""));
|
}
|
}else {
|
//goLogin()
|
//layer.msg('获取人员进出记录失败，请联系管理员！', {time: 1000, icon:6});
|
}
|
}
|
|
//硬件异常记录
|
window.HardwareExceptinLogEvent = function (form) {
|
if(form != null || typeof form != "undefined") {
|
$.operate.post("/station/equipment/list2", form, getEquipmentList);
|
}else {
|
$.operate.post("/station/equipment/list2", {}, getEquipmentList);
|
}
|
/*<ul class="logList-title">
|
<li>序号</li>
|
<li>时间</li>
|
<li>位置</li>
|
<li>硬件类型</li>
|
<li>故障</li>
|
</ul>
|
<div class="logList">
|
<ul class="logList-title2">
|
<li>1</li>
|
<li>2020-08-12 8:00</li>
|
<li>机组2号供电单元相控式充/放电柜</li>
|
<li>指纹读头</li>
|
<li>无法连接</li>
|
</ul>
|
</div>*/
|
function getEquipmentList(res) {
|
rtotal = res.total
|
rcurr = res.page
|
laypage.render({
|
elem: 'test3' //注意，这里的 test1 是 ID，不用加 # 号
|
,limit: 10
|
,curr: rcurr || 1
|
,count: rtotal //数据总数，从服务端得到
|
,jump: function(obj, first){
|
//obj包含了当前分页的所有参数，比如：
|
console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
|
console.log(obj.limit); //得到每页显示的条数
|
//首次不执行
|
if(!first){
|
if (typeof form == "undefined") {
|
form = {}
|
}
|
form.pageNum = obj.curr
|
//form.pageSize = obj.limit
|
HardwareExceptinLogEvent(form)
|
}
|
}
|
});
|
if(res.code == 0) {
|
var equipmentArr = [];
|
if(res.rows != null) {
|
equipmentArr.push('<ul class="logList-title">');
|
equipmentArr.push('<li>序号</li>');
|
equipmentArr.push('<li>时间</li>');
|
// equipmentArr.push('<li>位置</li>');
|
equipmentArr.push('<li>硬件类型</li>');
|
equipmentArr.push('<li>故障</li>');
|
equipmentArr.push('</ul>');
|
equipmentArr.push('<div class="logList">');
|
$.each(res.rows, function (k, val) {
|
equipmentArr.push('<ul class="logList-title2">');
|
equipmentArr.push('<li>'+(Number(k+1))+'</li>');
|
equipmentArr.push('<li>'+(val.createTime==null?"未知":val.createTime)+'</li>');
|
// equipmentArr.push('<li>'+(val.doorName==null?"未知":val.doorName)+'</li>');
|
if(val.equipmentType != null){
|
if(val.equipmentType == 0) {
|
equipmentArr.push('<li>指纹读头</li>');
|
}
|
}
|
if(val.status==1){
|
equipmentArr.push('<li>'+val.content.substring(12)+' 网络中断恢复</li>');
|
}else{
|
equipmentArr.push('<li>'+val.content.substring(12)+' 网络中断</li>');
|
}
|
equipmentArr.push('</ul>');
|
})
|
equipmentArr.push('</div>');
|
$("#equipmentExceptionId").empty().append(equipmentArr.join(""));
|
}
|
}else {
|
//goLogin()
|
//layer.msg('获取硬件异常记录失败，请联系管理员！', {time: 1000, icon:6});
|
}
|
}
|
}
|
|
// $(function () {
|
// //获取人员进出记录
|
// $.operate.post("/station/log/list", {}, getVisitLog);
|
// });
|
|
//硬件异常记录
|
window.HnweEvent = function (form) {
|
if(form != null || typeof form != "undefined") {
|
$.operate.post("/station/event/list", form, getEquipmentList2);
|
}else {
|
$.operate.post("/station/event/list", {}, getEquipmentList2);
|
}
|
function getEquipmentList2(res) {
|
rtotal = res.total
|
rcurr = res.page
|
laypage.render({
|
elem: 'test4' //注意，这里的 test1 是 ID，不用加 # 号
|
,limit: 10
|
,curr: rcurr || 1
|
,count: rtotal //数据总数，从服务端得到
|
,jump: function(obj, first){
|
//首次不执行
|
if(!first){
|
if (typeof form == "undefined") {
|
form = {}
|
}
|
form.pageNum = obj.curr
|
//form.pageSize = obj.limit
|
HnweEvent(form)
|
}
|
}
|
});
|
if(res.code == 0) {
|
var equipmentArr = [];
|
if(res.rows != null) {
|
equipmentArr.push('<ul class="logList-title">');
|
equipmentArr.push('<li>序号</li>');
|
equipmentArr.push('<li>时间</li>');
|
equipmentArr.push('<li>位置</li>');
|
equipmentArr.push('<li>打卡人</li>');
|
equipmentArr.push('<li>有效状态</li>');
|
equipmentArr.push('<li>读头</li>');
|
equipmentArr.push('</ul>');
|
equipmentArr.push('<div class="logList">');
|
$.each(res.rows, function (k, val) {
|
equipmentArr.push('<ul class="logList-title2">');
|
equipmentArr.push('<li>'+(Number(k+1))+'</li>');
|
equipmentArr.push('<li>'+(val.createTime==null?"未知":val.createTime)+'</li>');
|
equipmentArr.push('<li>'+val.site+'</li>');
|
equipmentArr.push('<li>'+val.cardHolderName+'</li>');
|
equipmentArr.push('<li>'+val.status+'</li>');
|
equipmentArr.push('<li>'+val.readerPoint+'</li>');
|
equipmentArr.push('</ul>');
|
})
|
equipmentArr.push('</div>');
|
$("#hnweId").empty().append(equipmentArr.join(""));
|
}
|
}else {
|
//goLogin()
|
//layer.msg('获取硬件异常记录失败，请联系管理员！', {time: 1000, icon:6});
|
}
|
}
|
}
|
|
searchVisitLog();
|
});
|
|
function pushLogByOrderId(res) {
|
$('#logContent').html("")
|
var contents = "";
|
for(var i=0;i<res.length;i++){
|
var data = res[i];
|
contents+='<div class="work-tab-bottom-line"><h2>'+data.areaName+'</h2><h2>'+data.createTime+'0</h2><h2>'+data.endTime+'</h2><h2>'+data.deptName+'</h2></div>';
|
}
|
$('#logContent').html(contents)
|
}
|
|
//人员进出记录搜索
|
function searchVisitLog() {
|
var visitForm = {};
|
visitForm.direction = $("#direction").val();
|
// visitForm.startTime = $("#startTime").val();
|
// visitForm.endTime = $("#endTime").val();
|
// visitForm.deptName = $("#deptNameId").val();
|
if($("#userName").val()){
|
visitForm.userName = $("#userName").val();
|
}
|
if($("#areaName").val()){
|
visitForm.areaName = $("#areaName").val();
|
}
|
|
visitForm.pageNum = pageNum
|
visitForm.pageSize = pageSize
|
$.operate.post("/station/log/list", visitForm, getVisitLog);
|
}
|
|
|
//许可授权记录搜索
|
function orderDataPushSearch() {
|
var orderPushForm = {};
|
orderPushForm.openMode = $("#authTypeId").val();
|
orderPushForm.userName = $("#authUserNameId").val();
|
orderPushForm.startTime = $("#xkStartTime").val();
|
orderPushForm.endTime = $("#xkEndTime").val();
|
orderPushForm.taskName = $("#taskNameId").val();
|
// orderPushForm.togetherUserNames = $("#togetherUserNameId").val();
|
orderPushForm.areaName = $("#authAreaNameId").val();
|
orderPushForm.createBy = $("#createById").val();
|
|
orderPushForm.pageNum = pageNum
|
orderPushForm.pageSize = pageSize
|
orderPushDataLogEvent(orderPushForm);
|
}
|
|
//硬件异常记录搜索
|
function searchEquipmentLog() {
|
var equiForm = {};
|
equiForm.startTime = $("#yCstartTime").val();
|
equiForm.endTime = $("#yCendTime").val();
|
if($("#equiAreaNameId").val()){
|
equiForm.areaName = $("#equiAreaNameId").val();
|
}
|
if($("#equiDoorNameId").val()){
|
equiForm.doorName = $("#equiDoorNameId").val();
|
}
|
if($("#hardWareTypeId").val()){
|
equiForm.equipmentType = $("#hardWareTypeId").val();
|
}
|
equiForm.pageNum = pageNum
|
equiForm.pageSize = pageSize
|
HardwareExceptinLogEvent(equiForm);
|
}
|
|
function goFirstPage() {
|
window.location.href = "/goStation";
|
}
|
|
function goLogin() {
|
window.location.href = "/login";
|
}
|
|
function toNew(){
|
window.open("/api/visit/searchIP");
|
}
|
|
function GetQueryString(name)
|
{
|
var reg = new RegExp( "(^|&)" + name + "=([^&]*)(&|$)" );
|
var r = window.location.search.substr(1).match(reg);
|
if (r!= null ) return unescape(r[2]); return null ;
|
}
|
|
function searchHnwe(){
|
var equiForm = {};
|
// equiForm.startTime = $("#yCstartTime").val();
|
// equiForm.endTime = $("#yCendTime").val();
|
if($("#cardHolderName").val()){
|
equiForm.cardHolderName = $("#cardHolderName").val();
|
}
|
if($("#site").val()){
|
equiForm.site = $("#site").val();
|
}
|
// if($("#hardWareTypeId").val()){
|
// equiForm.equipmentType = $("#hardWareTypeId").val();
|
// }
|
equiForm.pageNum = pageNum
|
equiForm.pageSize = pageSize
|
HnweEvent(equiForm);
|
}
|
|
function dateUtil(startTime,endTime) {
|
var start = new Date(startTime.replace("-", "/").replace("-", "/"));
|
//var endTime = $("#MONENDTIME").val();
|
var end = new Date(endTime.replace("-", "/").replace("-", "/"));
|
var now = new Date();
|
if (now < start) {
|
return "未开始";
|
}
|
if (now > end) {
|
return "已结束";
|
}
|
return "进行中";
|
}
|
</script>
|
</body>
|
</html>
|
