yuyou_x
2024-07-15 8a96c3a12176cf915e2d37c163c075f64c11fc16
HTML/views/WareHouseSetting/LogOperation.html
@@ -1,223 +1,207 @@
<!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>
      <div class="layui-card" style="padding-bottom: 0">
         <div class="layui-form layui-card-header layuiadmin-card-header-auto" style="border-bottom:1px solid #CCC">
            <div class="layui-form-item" >
<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">
                     <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">
                     <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">
                     <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 >
                     <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">
                  <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>
      <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;
   </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;
               refreshTable("", "", "", "","");
               var tableIns;
         var h1 = GetTableHeight();
         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');
         //获取类型菜单下拉
         sendData(IP + '/Basis/GetDicTypeList?DicName=操作类型', {}, 'get', function (res) {
            if (res.code == 200) //成功
            {
               for (var i = 0; i < res.data.length; i++) {
                  $("#Type").append('<option value =' + res.data[i].Id + '>' + res.data[i].DictName + '</option>');
               }
               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() {});
                  }
               });
               form.render('select');
            }
            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>';
                        }
                     }
                  }
            else //不成功
            {
               layer.msg('获取类型菜单信息失败!', {
                  icon: 2,
                  time: 2000 //2秒关闭(如果不配置,默认是3秒)
               }, function () { });
            }
         });
         var TotalColsArr = [[
            {
               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);
               }
            }
            var infoOptions = {
               elem: '#LAY-app-content-list',
               height: 'full-88',
               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);
                     }
         ]];
         var TotalColsSysArr = encodeURIComponent(encodeURIComponent(JSON.stringify(TotalColsArr)))//将表头数据进行url编码
         function objectToQueryString(obj) {
            var queryString = '';
            for (var key in obj) {
               if (obj.hasOwnProperty(key)) {
                  if (queryString.length > 0) {
                     queryString += '&';
                  }
               ]]
            };
            //监听搜索
            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);
            });
                  queryString += encodeURIComponent(key) + '=' + encodeURIComponent(obj[key]);
               }
            }
            return queryString;
         }
         // 创建渲染实例
         tableIns = table.render({
            elem: '#LAY-app-content-list',
            url: IP + "/Basis/GetSysOperationList",
            method: 'post',
            height: GetTableHeight(),
            id: 'LAY-app-content-list',
            where: {
               MenuName: $("#MenuName").val(),
               Type: $("#Type").val(),
               Msg: $("#Msg").val(),
               MenuNo: $("#MenuNo").val(),
               ParentNo: '仓库设置',
            },
            parseData: FnParseData,
            contentType: 'application/json',
            defaultToolbar: [],
            headers: { ToKen: $.cookie('token') },
            page: true,
            even: true,
            limit: pageCnt,
            limits: pageLimits,
            cellMinWidth: 60,
            done: function (res) {
               //自定义列宽
               SetTableColW('LAY-app-content-list', 'Basis/GetSysOperationList', TotalColsSysArr);
            },
            cols: TotalColsArr
         });
            var doing = true;
                $('.layui-btn.layuiadmin-btn-list').on('click', function() {
               var type = $(this).data('type');
               active[type] ? active[type].call(this) : '';
         //监听搜索
         form.on('submit(LAY-app-contlist-search)', function (data) {
            table.reload('LAY-app-content-list', {
               where: {
                  MenuName: $("#MenuName").val(),
                  Type: $("#Type").val(),
                  Msg: $("#Msg").val(),
                  MenuNo: $("#MenuNo").val(),
                  ParentNo: '仓库设置',
               }
            });
         });
      </script>
   </body>
</html>
         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>