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.
131 lines
3.8 KiB
131 lines
3.8 KiB
layui.use(['element', 'flow', 'util'], function () {
|
|
let element = layui.element;
|
|
|
|
setTimeout(()=>{
|
|
window.NotificationUtil = notification.init();
|
|
// 轮询查询系统未读通知
|
|
NotificationUtil.getUnreadNotifications();
|
|
},1500)
|
|
// 右侧用户导航栏不显示点击状态样式
|
|
element.on('nav(user-nav)', function(elem){
|
|
$('#user-nav li').removeClass('layui-this')
|
|
if(elem.data('id') === 'unread'){
|
|
layer.open({
|
|
type:2,
|
|
title: '系统通知',
|
|
area:['550px', `${frameHeight+40}px`],
|
|
shadeClose : true,
|
|
btn:[],
|
|
closeBtn: 0,
|
|
move:false,
|
|
offset: 'r', //右侧弹出
|
|
anim: 5,
|
|
content: `${ctx}/sys/notification/`,
|
|
});
|
|
}
|
|
});
|
|
|
|
/**
|
|
* 水平导航栏监听
|
|
*/
|
|
element.on('nav(navbar-top)', function (elem) {
|
|
let menuId = $(elem).data("id")
|
|
let url = $(elem).data('url');
|
|
let hasChild = $(elem).data("childrenLength") > 0;
|
|
if(hasChild){
|
|
sideNavRender(getMenuChildren(menuId, menuList));
|
|
element.render("nav");
|
|
// 默认点击第一个
|
|
$("#navbar-side li:first a:first").click();
|
|
navToggle(hasChild);
|
|
}else{
|
|
navToggle(hasChild);
|
|
$("#containerFrame").attr("src", url)
|
|
}
|
|
});
|
|
|
|
/**
|
|
* 侧边导航栏监听
|
|
*/
|
|
element.on('nav(navbar-side)', function (elem) {
|
|
const url = $(elem).data('url');
|
|
const hasChild = $(elem).data('childLength') > 0;
|
|
if(hasChild){
|
|
|
|
}else{
|
|
$("#containerFrame").attr("src", url)
|
|
}
|
|
})
|
|
|
|
/**
|
|
* 水平导航栏默认点击第一个
|
|
*/
|
|
const navbarInit = function () {
|
|
|
|
}
|
|
|
|
/**
|
|
* 设置侧边导航栏菜单
|
|
* @param menus
|
|
*/
|
|
const sideNavRender = function (menus) {
|
|
let htm = ``;
|
|
if(menus && Array.isArray(menus)) {
|
|
for (let menu of menus) {
|
|
htm += `<li class="layui-nav-item">
|
|
<a data-url="${ctx + menu.menuPath}" data-child-length="${menu.children.length}"
|
|
data-id="${menu.menuId}" href="javascript:;">${menu.menuName}</a>
|
|
</li>`;
|
|
}
|
|
}
|
|
$("#navbar-side").html(htm);
|
|
}
|
|
|
|
/**
|
|
* 递归获取子菜单
|
|
* @param menuId
|
|
* @param menus
|
|
* @returns {*}
|
|
*/
|
|
const getMenuChildren = function (menuId, menus) {
|
|
for (let menu of menus) {
|
|
if (menuId === menu.menuId) {
|
|
return menu.children;
|
|
} else if (menu.children.length > 0) {
|
|
let children = getMenuChildren(menuId, menu.children);
|
|
if(children){
|
|
return children;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 侧边导航栏显示隐藏切换
|
|
* @param isShow
|
|
*/
|
|
const navToggle = function (isShow) {
|
|
if (isShow === undefined) {
|
|
$("#nav-col").toggleClass("layui-hide");
|
|
$("#container-body").toggleClass("layui-body-width-max")
|
|
} else {
|
|
if (isShow) {
|
|
$("#nav-col").removeClass("layui-hide");
|
|
$("#container-body").removeClass("layui-body-width-max")
|
|
} else {
|
|
$("#nav-col").addClass("layui-hide");
|
|
$("#container-body").addClass("layui-body-width-max")
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 监听浏览器可视高度，自适应设置高度
|
|
*/
|
|
window.onresize = function (ev) {
|
|
$(".tab-content-div").css("height", $(".layui-body")[0].offsetHeight + "px");
|
|
}
|
|
|
|
$("#navbar-top li:first a:first").click();
|
|
})
|
|
|
|
|