| <!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> |