<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>æ“作日志</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
<script>
// 这里是需è¦åœ¨é¡µé¢æ¸²æŸ“之å‰æ‰§è¡Œçš„代ç
document.addEventListener("DOMContentLoaded", function() {
//获å–table默认显示数
pageCntFirst();
});
</script>
</head>
<body id="body">
<div class="layui-fluid" style="padding-bottom: 0;">
<div class="layui-card">
<div class="layui-form layui-card-header layuiadmin-card-header-auto" style="border-bottom:1px solid #CCC" id="top">
<div class="layui-form-item" >
<div class="layui-inline">
<label class="layui-form-label">èœå•å·</label>
<div class="layui-input-inline">
<input type="text" id="MenuNo" name="MenuNo" placeholder="请输入èœå•å·" 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" id="MenuName" name="MenuName" placeholder="请输入èœå•å称" 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" id="Msg" name="Msg" placeholder="请输入æ“作内容" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" style="width: 45px;">类型</label>
<div class="layui-input-inline">
<select name="Type" id="Type" lay-verify="" lay-search >
<option value=""></option>
</select>
</div>
</div>
<div class="layui-inline">
<button class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-submit lay-filter="LAY-app-contlist-search">
<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>æœç´¢
</button>
</div>
</div>
</div>
<div id="center"></div>
<div class="layui-card-body">
<table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table>
</div>
</div>
</div>
<script src="../../layuiadmin/layui/layui.js"></script>
<script src="../../js/public.js"></script>
<script src="../../js/jquery-3.5.1.min.js"></script>
<script src="../../js/jquery.cookie.js"></script>
<script>
layui.config({
base: '../../layuiadmin/' //é™æ€èµ„æºæ‰€åœ¨è·¯å¾„
}).extend({
index: 'lib/index' //主入å£æ¨¡å—
}).use(['index', 'table', 'laypage', 'layer'], function() {
var table = layui.table,
form = layui.form,
laypage = layui.laypage,
layer = layui.layer;
var h1 = GetTableHeight();
refreshTable("", "", "", "","");
var tableIns;
//获å–类型èœå•ä¸‹æ‹‰
sendData(IP + '/Basis/GetDicTypeList?DicName=æ“作类型',{},'get',function(res){
if (res.code == 0) //æˆåŠŸ
{
for (var i = 0; i < res.data.length; i++)
{
$("#Type").append('<option value =' + res.data[i].Id + '>' + res.data[i].DictName + '</option>');
}
form.render('select');
}
else //ä¸æˆåŠŸ
{
layer.msg('获å–类型èœå•ä¿¡æ¯å¤±è´¥ï¼', {
icon: 2,
time: 2000 //2秒关é—（如果ä¸é…置，默认是3秒）
}, function() {});
}
});
function refreshTable(MenuName, Type, Msg, MenuNo,ParentNo) {
var param = {
MenuName: MenuName,
Type: Type,
Msg: Msg,
MenuNo: MenuNo,
ParentNo: ParentNo,
};
ParentNo = '基础信æ¯'; //模å—å称
var url = "/Basis/GetSysOperationList?MenuName="+MenuName+"&&Type="+Type+"&&Msg="+Msg+"&&MenuNo="+MenuNo+"&&ParentNo="+ParentNo;
sendData(IP + url, {}, 'get', function(res) {
console.log(res.data)
if (res.code == 0) //æˆåŠŸ
{
var list = res.data;
$.extend(infoOptions, {
data: list
});
infoOptions.page = {
curr: 1
}
tableIns = table.render(infoOptions);
}
else //ä¸æˆåŠŸ
{
layer.msg('获å–日志列表信æ¯å¤±è´¥ï¼', {
icon: 2,
time: 2000 //2秒关é—（如果ä¸é…置，默认是3秒）
}, function() {});
}
});
}
var xml = '';
function getchiled(data, mainId) {
if (data)
{
var list = data.filter(item => item.ParentId == mainId);
if (list)
{
for (var i = 0; i < list.length; i++)
{
var id = list[i].Id;
//æŸ¥è¯¢æœ‰æ— åèœå•
var count = data.filter(item => item.ParentId == id).length;
if (count > 0)
{
xml = xml + '<dd>' + '<a href="javascript:;">' + list[i].Name + '</a>' + '<dl class="layui-nav-child">';
getchiled(data, id);
xml = xml + '</dl></dd>';
}
else
{
xml = xml + '<dd>' + '<a lay-href="' + list[i].Url + '">' + list[i].Name + '</a>' + '</dd>';
}
}
}
}
}
var infoOptions = {
elem: '#LAY-app-content-list',
height: h1,
id: 'LAY-app-content-list',
page: true,
limit: pageCnt,
limits: pageLimits,
even: true,
cols:
[[
{
title: 'åºå·', type: 'numbers', fixed: 'left', width:65
},
{
field: 'ParentNo', title: '模å—å·', align: 'center', fixed: 'left', width:80
},
{
field: 'MenuNo', title: 'èœå•å·', align: 'center', fixed: 'left', width:80
},
{
field: 'MenuName', title: 'èœå•å称', align: 'center', width:190
},
{
field: 'FkNo', title: 'æ•°æ®ç¼–å·', align: 'center', width:180
},
{
field: 'TypeName', title: '类型', align: 'center', width:100
},
{
field: 'Msg', title: 'æ“作内容', align: 'center'
},
{
field: 'CreateUserName', title: 'æ“作人', align: 'center', width:120
},
{
field: 'CreateTime', title: 'æ“作时间', align: 'center', width:160,
templet: function (d) {
return formatDate(d.CreateTime);
}
}
]]
};
//监å¬æœç´¢
form.on('submit(LAY-app-contlist-search)', function(data) {
console.log(data)
var MenuName = data.field.MenuName;
var Type = data.field.Type;
var Msg = data.field.Msg;
var MenuNo = data.field.MenuNo;
//MenuName, Type, Msg, MenuNo,ParentNo
refreshTable(MenuName, Type, Msg, MenuNo);
});
var doing = true;
$('.layui-btn.layuiadmin-btn-list').on('click', function() {
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
});
</script>
</body>
</html>