<div class="layui-fluid">
|
<form class="layui-form">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">请求路径:</label>
|
<div class="layui-input-inline">
|
<input type="text" name="reqUrl" 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" name="oprName" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">操作时间:</label>
|
<div class="layui-input-inline" style="width: 300px;">
|
<input readonly="readonly" type="text" name="oprTime" autocomplete="off" class="layui-input" id="oprTime">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
<button class="layui-btn" lay-submit lay-filter="opr_log_search" id="opr_log_trigger_search_btn">搜索</button>
|
</div>
|
<br>
|
</div>
|
</form>
|
<table id="opr_log_table" lay-filter="opr_log_table"></table>
|
</div>
|
|
<script>
|
|
layui.use(['table', 'element', 'form', 'laydate'], function () {
|
var index = layer.load(0, {time: 5 * 1000});
|
var table = layui.table;
|
var form = layui.form;
|
var laydate = layui.laydate;
|
//table渲染
|
var opr_log_table = table.render({
|
elem: '#opr_log_table'
|
, id: 'opr_log_table'
|
, url: base_url+'/sso-manage/oprLog/list' //数据接口
|
, method: 'post'
|
,contentType: 'application/json'
|
,request: {
|
pageName: 'pageNum' //页码的参数名称，默认：page
|
,limitName: 'pageSize' //每页数据量的参数名，默认：limit
|
}
|
, page: true //开启分页
|
, limit: 10
|
, done: function (res, curr, count) {
|
var element = layui.element;
|
element.init();
|
form.render();
|
layer.close(index);
|
}
|
,parseData: function(res){ //res 即为原始返回的数据
|
return {
|
"code": res.resultCode, //解析接口状态
|
"msg": res.errorDesc, //解析提示文本
|
"count": res.total, //解析数据长度
|
"data": res.data.list //解析数据列表
|
};
|
}
|
, response: {
|
statusName: 'code' //数据状态的字段名称，默认：code
|
, statusCode: '1' //成功的状态码，默认：0
|
, msgName: 'msg' //状态信息的字段名称，默认：msg
|
, countName: 'count' //数据总数的字段名称，默认：count
|
, dataName: 'data' //数据列表的字段名称，默认：data
|
}
|
, cols: [[
|
{type: 'numbers', title: '序号', width: 60}
|
, {field: 'requestUrl', title: '请求路径',width:150}
|
, {field: 'oprName', title: '操作人姓名',width:120}
|
, {field: 'oprType', title: '操作类型',width:100}
|
, {field: 'oprDesc', title: '操作描述',minWidth:150}
|
, {field: 'ip', title: '操作IP',width:150}
|
, {field: 'updateTime', title: '操作时间',width:200}
|
]]
|
});
|
|
laydate.render({
|
elem: '#oprTime' //指定元素
|
, type: 'datetime'
|
, range: '~'
|
,max: 'new Date()' + ' 23:59:59'
|
});
|
|
// 搜索
|
form.on('submit(opr_log_search)',function (data) {
|
var index = layer.load(0,{time:5*1000});
|
|
var date_range = data.field.oprTime;
|
if (date_range) {
|
data.field.startTime = date_range.split("~")[0];
|
data.field.endTime = date_range.split("~")[1];
|
}else{
|
data.field.startTime = "";
|
data.field.endTime = "";
|
}
|
|
opr_log_table.reload({
|
where:{params:data.field},
|
done: function (res, curr, count) {
|
layer.close(index);
|
|
}
|
});
|
return false;
|
});
|
|
|
});
|
</script>
|
