162 lines
6.7 KiB
HTML
162 lines
6.7 KiB
HTML
{include file="public/header"}
|
|
<style>
|
|
.x-body .layui-row{ margin-top:-10px; line-height:25px; background:#f5f5f5; border-radius:10px; }
|
|
.x-body .layui-row .xblock button{ margin-top:-20px; }
|
|
.x-body .layui-form{ margin-top:15px; margin-bottom:12px; }
|
|
.x-body .layui-form .layui-input-block{ display:inline-block; width:150px; margin-left:0; }
|
|
.x-body .layui-form .layui-form-item{ display:inline-block; margin-left:0; }
|
|
.x-body .layui-form .layui-form-item .layui-form-label{ width:48px; }
|
|
.x-body .layui-form .layui-form-item .layui-input-block{ margin-left:-10px; width:100px; }
|
|
.x-body .layui-form .layui-form-item .layui-input-block .layui-form-radio i{ margin-right:4px; }
|
|
.x-body .layui-form .layui-form-item .layui-form-radio{ margin-top:6px; margin-right:-8px; }
|
|
.layui-input-block dl{ text-align:left; }
|
|
.x-so{ margin:0; }
|
|
.x-so input.layui-input{ width:150px; }
|
|
.x-nav{overflow: inherit; } .x-nav .refresh{margin-right: 20px; }
|
|
.change_box .actived{border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5; position: relative; color: #3daae9; }
|
|
.change_box .actived:after{content: ""; bottom: -2px; background: #fff; width: 100%; height: 5px; position: absolute; left: 0; }
|
|
.change_box a{font-size: 14px;padding: 10.5px 10px;}
|
|
</style>
|
|
<body>
|
|
<div class="x-nav" style="padding: 0px;">
|
|
<span class="change_box">
|
|
<a href="javascript:;" class="list-one actived" data-id="1">用户登录日志列表</a>
|
|
<!--<a href="javascript:;" class="list-two" data-id="2">添加代理</a>-->
|
|
</span>
|
|
<a class="layui-btn layui-btn-small refresh" style="line-height:1.6em;margin-top:3px;float:right"
|
|
href="javascript:location.replace(location.href);" title="刷新">
|
|
<i class="layui-icon" style="line-height:30px">ဂ</i></a>
|
|
</div>
|
|
<br>
|
|
<div class="x-body">
|
|
<div class="layui-row">
|
|
<form class="layui-form layui-col-md12 x-so float-left" action="/log/user_login" method="get">
|
|
<input class="layui-input" placeholder="开始时间" name="startDate" id="start" value="<?php if(isset($get['startDate'])) {echo $get['startDate'];} ?>">
|
|
<input class="layui-input" placeholder="结束时间" name="endDate" id="end" value="<?php if(isset($get['endDate'])) {echo $get['endDate'];} ?>">
|
|
<input type="text" name="username" id="username" placeholder="请输入账号" autocomplete="off" class="layui-input" value="<?php if(isset($get['username'])) {echo $get['username'];} ?>">
|
|
<div class="layui-input-block" >
|
|
<select name="remark" id="remark">
|
|
<option value="" selected>请选择操作类型</option>
|
|
<option value="登录" <?php if(isset($get['remark']) && $get['remark'] == '登录') {echo 'selected';} ?>>登录</option>
|
|
<option value="退出登录" <?php if(isset($get['remark']) && $get['remark'] == '退出登录') {echo 'selected';} ?>>退出登录</option>
|
|
<option value="强制退出登录" <?php if(isset($get['remark']) && $get['remark'] == '强制退出登录') {echo 'selected';} ?>>强制退出登录</option>
|
|
</select>
|
|
</div>
|
|
<button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon"></i></button>
|
|
<span class="layui-btn" id="export">导出excel</span>
|
|
<!-- <span class="layui-btn" id="print">打印</span> -->
|
|
</form>
|
|
</div>
|
|
|
|
<table class="layui-table">
|
|
<thead>
|
|
<tr>
|
|
<th>账号</th>
|
|
<th>姓名</th>
|
|
<th>IP</th>
|
|
<th>IP所属国家/地区</th>
|
|
<th>登录客户端</th>
|
|
<th>操作类型</th>
|
|
<th>操作时间</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{foreach name="log_list" item="vo"}
|
|
<tr>
|
|
<td>{$vo.username}</td>
|
|
<td>{$vo.nickname}</td>
|
|
<td>{$vo.ip}</td>
|
|
<td>{$vo.ip_location}</td>
|
|
<td>{$vo.client}</td>
|
|
<td>{$vo.remark}</td>
|
|
<td>{$vo.create_time}</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
{$log_list->render()}
|
|
</div>
|
|
</body>
|
|
<script>
|
|
// 代理列表和添加代理切换
|
|
$('.x-nav .change_box a').click(function(){
|
|
// 样式切换
|
|
$('.x-nav .change_box a').removeClass('actived');
|
|
$(this).addClass('actived');
|
|
// 页面切换
|
|
var id = $(this).attr('data-id');
|
|
if(id == "1") location.href = '/log/user_login';
|
|
// if(id == "2") location.href = '/agent/agent_add';
|
|
});
|
|
// 时间选择器
|
|
layui.use('laydate', function () {
|
|
var laydate = layui.laydate;
|
|
|
|
// 开始时间
|
|
laydate.render({
|
|
elem: '#start',
|
|
type: 'datetime'
|
|
});
|
|
|
|
// 结束时间
|
|
laydate.render({
|
|
elem: '#end',
|
|
type: 'datetime'
|
|
});
|
|
});
|
|
$('#print').click(function(){
|
|
var qs = getQueryString();
|
|
var startDate = qs["startDate"];
|
|
var endDate = qs["endDate"];
|
|
var username = qs["username"];
|
|
var remark = qs["remark"];
|
|
if(startDate == undefined){
|
|
startDate = '';
|
|
}
|
|
if(endDate == undefined){
|
|
endDate = '';
|
|
}
|
|
if(username == undefined){
|
|
username = '';
|
|
}
|
|
if(remark == undefined){
|
|
remark = '';
|
|
}
|
|
layer.open({
|
|
type: 2,
|
|
title:'用户登录日志列表打印',
|
|
content: '/log/user_login_print?startDate='+startDate+'&endDate='+endDate+'&username='+username+'&remark='+remark,
|
|
area: ['95%', '95%']
|
|
});
|
|
});
|
|
function getQueryString() {
|
|
var qs = location.search.substr(1), // 获取url中"?"符后的字串
|
|
args = {}, // 保存参数数据的对象
|
|
items = qs.length ? qs.split("&") : [], // 取得每一个参数项,
|
|
item = null,
|
|
len = items.length;
|
|
|
|
for(var i = 0; i < len; i++) {
|
|
item = items[i].split("=");
|
|
var name = decodeURIComponent(item[0]),
|
|
value = decodeURIComponent(item[1]);
|
|
if(name) {
|
|
args[name] = value;
|
|
}
|
|
}
|
|
return args;
|
|
}
|
|
|
|
// 导出excel
|
|
$('#export').click(function(){
|
|
var startDate = $('#start').val();
|
|
var endDate = $('#end').val();
|
|
var username = $('#username').val();
|
|
var remark = $('#remark').val();
|
|
layer.confirm('确定导出 excel 吗?',function(index){
|
|
location.href = "/log/user_login?export=1&&startDate="+startDate+"&&endDate="+endDate+"&&username="+username+"&remark="+remark;
|
|
layer.close(index);
|
|
});
|
|
})
|
|
</script>
|
|
</html> |