You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
269 lines
9.4 KiB
269 lines
9.4 KiB
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 '<span class="layui-badge layui-bg-green">请销假</span>';
|
|
}
|
|
else if (d.TYPE == "1") {
|
|
return '<span class="layui-badge layui-bg-green">用车</span>';
|
|
}
|
|
else if (d.TYPE == "2") {
|
|
return '<span class="layui-badge layui-bg-green">公差</span>';
|
|
}
|
|
else if (d.TYPE == "3") {
|
|
return '<span class="layui-badge layui-bg-orange">安防报警</span>';
|
|
}
|
|
else if (d.TYPE == "4") {
|
|
return '<span class="layui-badge layui-bg-blue">点名</span>';
|
|
}
|
|
else {
|
|
return '<span class="layui-badge layui-bg-gray">无类型</span>';
|
|
}
|
|
}
|
|
},
|
|
{ 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 '<span class="layui-badge layui-bg-blue">未读</span>';
|
|
}
|
|
else if (d.STATE == "1") {
|
|
return '<span class="layui-badge layui-bg-green">已读</span>';
|
|
}
|
|
else {
|
|
return '<span class="layui-badge layui-bg-gray">未知</span>';
|
|
}
|
|
}
|
|
},
|
|
{ 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('<span class="layui-badge layui-bg-green">请销假</span>');
|
|
break;
|
|
case "1":
|
|
body.find("#TYPE").val('<span class="layui-badge layui-bg-green">用车</span>');
|
|
break;
|
|
case "2":
|
|
body.find("#TYPE").val('<span class="layui-badge layui-bg-green">公差</span>');
|
|
break;
|
|
case "3":
|
|
body.find("#TYPE").val('<span class="layui-badge layui-bg-orange">安防报警</span>');
|
|
break;
|
|
case "4":
|
|
body.find("#TYPE").val('<span class="layui-badge layui-bg-blue">点名</span>');
|
|
break;
|
|
default:
|
|
body.find("#TYPE").val('<span class="layui-badge layui-bg-gray">无类型</span>');
|
|
break;
|
|
}
|
|
switch (data.STATE) {
|
|
case "0":
|
|
body.find("#STATE").html('<span class="layui-badge layui-bg-blue">未读</span>');
|
|
break;
|
|
case "1":
|
|
body.find("#STATE").val('<span class="layui-badge layui-bg-green">已读</span>');
|
|
break;
|
|
default:
|
|
body.find("#STATE").val('<span class="layui-badge layui-bg-gray">未知</span>');
|
|
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);
|
|
}
|
|
})
|
|
})
|
|
|