monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wangtao
Commit dd4f21c1ac8351635778d8857453d910943b8959 1 parent e4bdf911

登录日志功能迁移

Inline Side-by-side
Showing 4 changed files with 121 additions and 43 deletions
layui.define(['table', 'laydate', 'admin', 'view', 'common', 'sessions'], function (exports) {
var $ = layui.$;
var view = layui.view;
var table = layui.table;
var common = layui.common;
var laydate = layui.laydate;
var admin = layui.admin;
//对外暴露的接口
exports('onlineUser', function () {
var sessions = layui.sessions;
var accessToken = sessions.getToken().access_token;
var loginLog = "";
var cols = [{field: 'loginTime', title: '登录时间', align: 'center'}
, {field: 'loginIp', title: 'IP地址', align: 'center'}
, {field: 'nickname', title: '登录用户', align: 'center'}
, {field: 'orgName', title: '所属部门', align: 'center'}];
loginLogTable();
function loginLogTable() {
loginLog = table.render({
elem: '#onlineUserTable'
, height: 'full-auto'
, cellMinWidth: 0
, page: 1
, limit: 10
, url: common.domainName + '/api-log/sysLogin/findLogUser?access_token=' + accessToken
, cols: [cols]
, done: function (res, curr, count) {
}
});
}
//刷新表格
function reloadTable() {
loginLog.reload({
page: {
curr: 1
}
, where: {
access_token: accessToken,
username: $("#loginAccount").val(),
startTime: $("#loginLogStartdate").val(),
endTime: $("#loginLogEnddate").val(),
mark: $("#loginLonMark").val(),
orgIds: settingOrgSelect.getValue("valueStr")
}
});
}
});
});
... ...
... ... @@ -38,18 +38,21 @@ layui.define(['table', 'laydate', 'admin', 'view', 'common', 'sessions'], functi
, {field: 'loginIp', title: 'IP地址', align: 'center'}
, {field: 'nickname', title: '登录用户', align: 'center'}
, {field: 'orgName', title: '所属部门', align: 'center'}]
url = common.domainName +'/api-log/sysLogin/findLogPage?access_token='+accessToken
url = common.domainName + '/api-log/sysLogin/findLogPage?access_token=' + accessToken
loginLogTable()
$("#loginUserNum").unbind("click").on('click', function () {
$("#loginLonMark").val("mark")
$("#loginAccount").val(""),
$("#loginLogStartdate").val(""),
$("#loginLogEnddate").val(""),
reloadTable();
// $("#loginLonMark").val("mark")
// $("#loginAccount").val(""),
// $("#loginLogStartdate").val(""),
// $("#loginLogEnddate").val(""),
// reloadTable();
common.openWin('setting/onlineUser', '在线用户', {}, [], function f() {
}, null, ['60%', '45%']);
})
} else {
$("#generalUserHeader").show();
url = common.domainName +'/api-log/sysLogin/findList?access_token='+accessToken
url = common.domainName + '/api-log/sysLogin/findList?access_token=' + accessToken
paga = false;
cols = [{field: 'loginTime', title: '登录时间', align: 'center'}
, {field: 'loginIp', title: 'IP地址', align: 'center'}
... ... @@ -121,11 +124,15 @@ layui.define(['table', 'laydate', 'admin', 'view', 'common', 'sessions'], functi
}
}
},
on: function(data){
on: function (data) {
setTimeout(reloadTable, 0)
},
data: res.data
})
if (settingOrgSelect) {
//追加样式
$('#settingOrgId').find('.xm-body').eq(0).css("width", "230px");
}
}
})
}
... ... @@ -137,7 +144,11 @@ layui.define(['table', 'laydate', 'admin', 'view', 'common', 'sessions'], functi
reloadTable();
}
});
//lsq 登录日志页增加搜索按钮 2022-06-30
$('#settingQueryBtn').unbind('click').on('click', function () {
$("#loginLonMark").val("")
reloadTable();
})
$('[data-setting-pwd]').click(function () {
view('data-setting-pwd').render('template/user/password').then(function (res) {
layer.open({
... ... @@ -150,7 +161,7 @@ layui.define(['table', 'laydate', 'admin', 'view', 'common', 'sessions'], functi
});
function loginLogTable() {
if (localStorage.getItem("lgn") === 'admin' || localStorage.getItem("lgn") === 'root' ){
if (localStorage.getItem("lgn") === 'admin' || localStorage.getItem("lgn") === 'root') {
loginLog = table.render({
elem: '#settingLoginRecord'
, height: 'full-170'
... ... @@ -164,12 +175,12 @@ layui.define(['table', 'laydate', 'admin', 'view', 'common', 'sessions'], functi
if (res && res.data && res.data.length > 0) {
$('#lastLogin').text(res.data[0].loginTime);
}
if(res.object){
if (res.object) {
$('#loginUserNum').text(res.object);
}
}
});
}else{
} else {
loginLog = table.render({
elem: '#settingLoginRecord'
, height: 'full-170'
... ... @@ -183,7 +194,7 @@ layui.define(['table', 'laydate', 'admin', 'view', 'common', 'sessions'], functi
if (res && res.data && res.data.length > 0) {
$('#lastLogin').text(res.data[0].loginTime);
}
if(res.object){
if (res.object) {
$('#loginUserNum').text(res.object);
}
}
... ... @@ -209,4 +220,4 @@ layui.define(['table', 'laydate', 'admin', 'view', 'common', 'sessions'], functi
});
}
});
});
\ No newline at end of file
});
... ...
... ... @@ -2,12 +2,12 @@
<article class="page-container setting">
<div class="page-panel">
<div class="main">
<div class="main commonDiv">
<div class="layui-card">
<div class="setting-main" id="generalUserHeader">
<div class="setting-item">
<h5 class="setting-item-title">登录历史<br><span>以下为您最近10次登录记录，若存在异常情况，请在核实后尽快 <span
data-setting-pwd class="link">修改密码</span></span></h5>
class="link" data-setting-pwd>修改密码</span></span></h5>
<!-- <div id="settingLoginRecord"></div>-->
</div>
</div>
... ... @@ -18,21 +18,21 @@
<div class="layui-form-item">
<div class="layui-inline">
<div class="layui-input-inline layui-input-inline--long">
<input type="text" id="loginAccount" name="loginAccount"
placeholder="登录用户" autocomplete="off" class="layui-input">
<input autocomplete="off" class="layui-input" id="loginAccount"
name="loginAccount" placeholder="登录用户" type="text">
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline layui-input-inline--long">
<input type="text" class="layui-input" id="loginLogStartdate"
placeholder="开始时间">
<input class="layui-input" id="loginLogStartdate" placeholder="开始时间"
type="text">
</div>
</div>
<div class="layui-inline layui-inline--sm">-</div>
<div class="layui-inline">
<div class="layui-input-inline layui-input-inline--long">
<input type="text" class="layui-input" id="loginLogEnddate"
placeholder="结束时间">
<input class="layui-input" id="loginLogEnddate" placeholder="结束时间"
type="text">
</div>
</div>
<div class="layui-inline">
... ... @@ -40,12 +40,16 @@
<div id="settingOrgId"></div>
</div>
</div>
<button class="layui-btn layui-btn-normal" id="settingQueryBtn" type="button">
查询
</button>
</div>
</form>
<div class="layui-form-item" style="display: block;">
<div class="layui-form-item" style="display: block;margin-bottom: 0;">
<input id="loginLonMark" type="hidden">
<div class="layui-input-inline" style="width: 200px;font-size: 18px">
<p class="ordering_header_right">当前在线用户数：<label id="loginUserNum" class="link">0</label> 位</p>
<p class="ordering_header_right">当前在线用户数：<label class="link" id="loginUserNum">0</label>
位</p>
</div>
</div>
</div>
... ... @@ -55,25 +59,25 @@
</div>
</div>
</div>
<!-- <div class="left">-->
<!-- <div class="layui-card">-->
<!-- <div class="layui-card-body">-->
<!-- <div class="user-info">-->
<!-- <div class="user-head">-->
<!-- <img src="/src/style/res/header.jpg">-->
<!-- <span id="nickname">管理员</span>-->
<!-- </div>-->
<!-- <p class="user-date">最后一次登录：<label id="lastLogin"></label></p>-->
<!-- <ul class="user-setting">-->
<!-- <li>快速通道</li>-->
<!-- <li data-setting-pwd class="link">修改密码</li>-->
<!-- <li>手机：<label id="mobile"></label></li>-->
<!-- &lt;!&ndash;<li>手机: 152****9999<span data-setting-phone class="link">修改</span></li>&ndash;&gt;-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="left">-->
<!-- <div class="layui-card">-->
<!-- <div class="layui-card-body">-->
<!-- <div class="user-info">-->
<!-- <div class="user-head">-->
<!-- <img src="/src/style/res/header.jpg">-->
<!-- <span id="nickname">管理员</span>-->
<!-- </div>-->
<!-- <p class="user-date">最后一次登录：<label id="lastLogin"></label></p>-->
<!-- <ul class="user-setting">-->
<!-- <li>快速通道</li>-->
<!-- <li data-setting-pwd class="link">修改密码</li>-->
<!-- <li>手机：<label id="mobile"></label></li>-->
<!-- &lt;!&ndash;<li>手机: 152****9999<span data-setting-phone class="link">修改</span></li>&ndash;&gt;-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</article>
... ...
<div class="layui-card-body">
<table id="onlineUserTable"></table>
</div>
<style>
</style>
<script>
layui.use('onlineUser', function (fn) {
fn({{ d }});
})
</script>
... ...