75 lines
2.8 KiB
HTML
75 lines
2.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>个人信息-登陆记录</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="loginRecords"></div>
|
||
|
|
</body>
|
||
|
|
<script type="text/javascript" src="../../js/publicJs.js"></script>
|
||
|
|
<script src="../../js/jquery/jquery-3.6.0.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/jq.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/my/permission.js"></script>
|
||
|
|
<script type="text/javascript" src="../../layui-v2.8.18/layui/layui.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/common.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/select.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/dict.js"></script>
|
||
|
|
<script>
|
||
|
|
// var loginData = [
|
||
|
|
// { date: '2023-11-25', records: [
|
||
|
|
// { system: 'Windows', ip: '192.168.1.1', time: '09:00' },
|
||
|
|
// { system: 'Linux', ip: '192.168.1.2', time: '10:30' }
|
||
|
|
// ] },
|
||
|
|
// { date: '2023-11-26', records: [
|
||
|
|
// { system: 'Mac', ip: '192.168.1.3', time: '11:45' },
|
||
|
|
// { system: 'Windows', ip: '192.168.1.4', time: '13:20' },
|
||
|
|
// { system: 'Linux', ip: '192.168.1.5', time: '15:00' }
|
||
|
|
// ] }
|
||
|
|
// ];
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
$.ajax({
|
||
|
|
url: ctxPath + "/users/getLoginLog",
|
||
|
|
type: 'post',
|
||
|
|
dataType: 'json',
|
||
|
|
success: function(data) {
|
||
|
|
// 当 AJAX 请求成功时执行的回调函数
|
||
|
|
var loginData = data;
|
||
|
|
document.getElementById('loginRecords').innerHTML = generateLoginRecords(loginData);
|
||
|
|
},
|
||
|
|
error: function(xhr, status, error) {
|
||
|
|
// 当 AJAX 请求失败时执行的回调函数
|
||
|
|
console.log('AJAX Error: ', error);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function generateLoginRecords(data) {
|
||
|
|
var html = '';
|
||
|
|
for (var i = 0; i < data.length; i++) {
|
||
|
|
var date = data[i].date;
|
||
|
|
var records = data[i].records;
|
||
|
|
|
||
|
|
html += '<h4 style="color: rgb(153, 153, 153);">' + date + '</h4>';
|
||
|
|
|
||
|
|
for (var j = 0; j < records.length; j++) {
|
||
|
|
var record = records[j];
|
||
|
|
html += '<div style="border: 1px solid #ccc; padding: 10px; margin-bottom: 10px;">';
|
||
|
|
html += '<div style="display: flex; justify-content: space-between;">';
|
||
|
|
html += '<div><strong>系统名称:</strong> ' + record.system + '</div>';
|
||
|
|
html += '<div><strong>登录时间:</strong> ' + record.time + '</div>';
|
||
|
|
html += '</div>';
|
||
|
|
html += '<div><strong>' + record.hostName + '</strong> ' + record.ip + '</div>';
|
||
|
|
html += '</div>';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return html;
|
||
|
|
}
|
||
|
|
|
||
|
|
// document.getElementById('loginRecords').innerHTML = generateLoginRecords(loginData);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</html>
|