layui.config({ base: '../../js/' }).use(['form', 'ztree', 'layer', 'laytpl', 'table', 'upload', 'laydate'], function () { var form = layui.form, layer = parent.layer === undefined ? layui.layer : top.layer, $ = layui.jquery, laytpl = layui.laytpl, table = layui.table, upload = layui.upload, laydate = layui.laydate; var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID; var $zTree; var setting = { view: { selectedMulti: false, }, check: { enable: true, }, data: { key: { name: "NAME", }, simpleData: { enable: true, type: "TYPE", idKey: "ID", pIdKey: "PID", }, }, edit: { enable: false, }, callback: { onClick: function (e, treeId, treeNode) { search(treeNode.ID, treeNode.TYPE); }, }, }; //初始化树 $.ajax({ type: "post", url: "../../ashx/SysEmpHandler.ashx", data: { Action: "OrgDeptTree", OrgId: OrgId }, dataType: "json", success: function (result) { var data = result.data; var zNodes = []; if (data.length > 0) { for (var i in data) { if (data[i].TYPE == "org") { zNodes.push(data[i]); } } } $zTree = $.fn.zTree.init($("#ztree"), setting, zNodes); }, }); //延迟展开根节点 setTimeout(function () { var nodes = $zTree.getNodes(); for (var i = 0; i < nodes.length; i++) { $zTree.expandNode($zTree.getNodes()[i], true, false, false); } }, 500); //每次加载节点触发的方法 function onAsyncSuccess(event, treeId, treeNode, msg) { //递归展开子节点 if (treeNode != undefined) { expandNodes(treeNode.children, "ztree"); } } //递归展开子节点 function expandNodes(nodes, treeId) { if (!nodes) return; var zTree = $.fn.zTree.getZTreeObj(treeId); for (var i = 0, l = nodes.length; i < l; i++) { zTree.expandNode(nodes[i], true, false, false); if (nodes[i].isParent && nodes[i].zAsync) { expandNodes(nodes[i].children, treeId); } } } laydate.render({ elem: '#searchDate', type: 'date', range: true }); //系统列表 var tableIns = table.render({ elem: '#List', url: '../../ashx/SysMessageLogHandler.ashx', where: { Action: 'GetListByOrgId', orgId: OrgId }, cellMinWidth: 95, page: true, height: "full-125", limits: [10, 15, 20, 25], limit: 15, id: "ListTable", cols: [[ { field: 'TYPE', title: '类别', width: 80, align: "center", templet: function (d) { if (d.TYPE == "0") { return '请销假'; } else if (d.TYPE == "1") { return '用车'; } else if (d.TYPE == "2") { return '公差'; } else if (d.TYPE == "3") { return '安防报警'; } else if (d.TYPE == "4") { return '点名'; } else { return '无类型'; } } }, { field: 'TITLE', title: '标题', align: 'center', minWidth: 160 }, { field: 'SENDNAME', title: '发送人', align: 'center', width: 120 }, { field: 'SENDTIME', title: '发送时间', align: 'center', width: 160 }, { field: 'STATE', title: '状态', width: 80, align: "center", templet: function (d) { if (d.STATE == "0") { return '未读'; } else if (d.STATE == "1") { return '已读'; } else { return '未知'; } } }, { field: 'RECEIVENAME', title: '接收人', align: 'center', width: 120 }, { field: 'OPENTIME', title: '打开时间', align: 'center', width: 160 }, { field: 'ORG_NAME', title: '单位', minWidth: 160, align: "center" }, /*{ field: 'CONTENT', title: '内容', minWidth: 160, align: "center" },*/ { title: '操作', width: 80, templet: '#ListBar', fixed: "right", align: "center" } ]] }); //搜索 $(".search_btn").on("click", function () { search(); }); function search(treeid) { //是否包含下级单位 var is_content = ""; $("input:checkbox[name='is_content']:checked").each(function (i) { is_content = $(this).val(); }); //查询日期段 var startDate = "", endDate = ""; var searchDate = $("#searchDate").val(); if (searchDate) { if (searchDate.indexOf(" - ") != -1) { startDate = searchDate.split(" - ")[0] endDate = searchDate.split(" - ")[1]; } } //发送人姓名 模糊查询 var searchVal = $("#searchVal").val(); table.reload("ListTable", { page: { curr: 1 //重新从第 1 页开始 }, where: { Action: 'GetListByOrgId', orgId: OrgId, treeId: treeid, searchVal: searchVal, startDate: startDate, endDate: endDate, isContent: is_content } }); } //查看 function view(data) { var clientWidth = parseInt(document.body.clientWidth * 0.5) + 'px'; var clientHeight = parseInt(document.body.clientHeight * 0.7) + 'px'; var index = layui.layer.open({ title: data.TITLE , type: 2, area: [clientWidth, clientHeight], //shadeClose: true, //shade: false, maxmin: true, content: "view.html", success: function (layero, index) { var body = layui.layer.getChildFrame('body', index); body.find("#TITLE").val(data.TITLE); switch (data.TYPE) { case "0": body.find("#TYPE").html('请销假'); break; case "1": body.find("#TYPE").val('用车'); break; case "2": body.find("#TYPE").val('公差'); break; case "3": body.find("#TYPE").val('安防报警'); break; case "4": body.find("#TYPE").val('点名'); break; default: body.find("#TYPE").val('无类型'); break; } switch (data.STATE) { case "0": body.find("#STATE").html('未读'); break; case "1": body.find("#STATE").val('已读'); break; default: body.find("#STATE").val('未知'); break; } body.find("#SENDNAME").val(data.SENDNAME); body.find("#SENDTIME").val(data.SENDTIME); body.find("#RECEIVENAME").val(data.RECEIVENAME); body.find("#OPENTIME").val(data.OPENTIME); body.find("#CONTENT").val(data.CONTENT); } }) window.sessionStorage.setItem("index", index); //改变窗口大小时,重置弹窗的宽高,防止超出可视区域(如F12调出debug的操作) $(window).on("resize", function () { layui.layer.full(window.sessionStorage.getItem("index")); }) } //列表操作 table.on('tool(List)', function (obj) { var layEvent = obj.event; data = obj.data; if (layEvent == 'view') {//查看 view(data); } }) })