/** EasyWeb iframe v3.1.8 date:2020-05-04 License By http://easyweb.vip */
layui.define(['layer', 'element', 'admin'], function (exports) {
var $ = layui.jquery;
var layer = layui.layer;
var element = layui.element;
var admin = layui.admin;
var setter = admin.setter;
var headerDOM = '.layui-layout-admin>.layui-header';
var sideDOM = '.layui-layout-admin>.layui-side>.layui-side-scroll';
var bodyDOM = '.layui-layout-admin>.layui-body';
var tabDOM = bodyDOM + '>.layui-tab';
var titleDOM = bodyDOM + '>.layui-body-header';
var tabFilter = 'admin-pagetabs';
var navFilter = 'admin-side-nav';
var tabEndCall = {}; // Tab关闭的事件回调
var mIsAddTab = false; // 是否是添加Tab,添加Tab的时候切换不自动刷新
var index = {homeUrl: undefined, mTabPosition: undefined, mTabList: []};
/** 渲染主体部分 */
index.loadView = function (param) {
if (!param.menuPath) return layer.msg('url不能为空', {icon: 2, anim: 6});
if (setter.pageTabs) { // 多标签模式
var flag; // 选项卡是否已添加
$(tabDOM + '>.layui-tab-title>li').each(function () {
if ($(this).attr('lay-id') === param.menuPath) flag = true;
});
if (!flag) { // 添加选项卡
if (index.mTabList.length + 1 >= setter.maxTabNum) {
layer.msg('最多打开' + setter.maxTabNum + '个选项卡', {icon: 2, anim: 6});
return admin.activeNav(index.mTabPosition);
}
mIsAddTab = true;
element.tabAdd(tabFilter, {
id: param.menuPath, title: '' + (param.menuName || '') + '',
content: ''
});
admin.showLoading({elem: $('iframe[lay-id="' + param.menuPath + '"]').parent(), size: ''});
if (param.menuPath !== index.homeUrl) index.mTabList.push(param); // 记录tab
if (setter.cacheTab) admin.putTempData('indexTabs', index.mTabList); // 缓存tab
}
if (!param.noChange) element.tabChange(tabFilter, param.menuPath); // 切换到此tab
} else { // 单标签模式
admin.activeNav(param.menuPath);
var $contentDom = $(bodyDOM + '>div>.admin-iframe');
if ($contentDom.length === 0) {
$(bodyDOM).html([
'
',
' ',
' ',
'
',
'',
' ',
'
'].join(''));
admin.showLoading({elem: $('iframe[lay-id="' + param.menuPath + '"]').parent(), size: ''});
} else {
admin.showLoading({elem: $contentDom.parent(), size: ''});
$contentDom.attr('lay-id', param.menuPath).attr('src', param.menuPath);
}
$('[lay-filter="admin-body-breadcrumb"]').html(index.getBreadcrumbHtml(param.menuPath));
index.mTabList.splice(0, index.mTabList.length);
if (param.menuPath === index.homeUrl) {
index.mTabPosition = undefined;
index.setTabTitle($(param.menuName).text() || $(sideDOM + ' [lay-href="' + index.homeUrl + '"]').text() || '主页');
} else {
index.mTabPosition = param.menuPath;
index.mTabList.push(param);
index.setTabTitle(param.menuName);
}
if (!setter.cacheTab) return;
admin.putTempData('indexTabs', index.mTabList);
admin.putTempData('tabPosition', index.mTabPosition);
}
if (admin.getPageWidth() <= 768) admin.flexible(true); // 移动端自动收起侧导航
};
/** 加载主页 */
index.loadHome = function (param) {
var cacheTabs = admin.getTempData('indexTabs'); // 获取缓存tab
var cachePosition = admin.getTempData('tabPosition');
var recover = (param.loadSetting === undefined || param.loadSetting) && (setter.cacheTab && cacheTabs && cacheTabs.length > 0);
index.homeUrl = param.menuPath;
param.noChange = cachePosition ? recover : false;
if (setter.pageTabs || !recover) index.loadView(param);
if (recover) { // 恢复缓存tab
for (var i = 0; i < cacheTabs.length; i++) {
cacheTabs[i].noChange = cacheTabs[i].menuPath !== cachePosition;
if (!cacheTabs[i].noChange || (setter.pageTabs && !param.onlyLast)) index.loadView(cacheTabs[i]);
}
}
admin.removeLoading(undefined, false);
};
/** 打开tab */
index.openTab = function (param) {
if (window !== top && !admin.isTop() && top.layui && top.layui.index) return top.layui.index.openTab(param);
if (param.end) tabEndCall[param.url] = param.end;
index.loadView({menuPath: param.url, menuName: param.title});
};
/** 关闭tab */
index.closeTab = function (url) {
if (window !== top && !admin.isTop() && top.layui && top.layui.index) return top.layui.index.closeTab(url);
element.tabDelete(tabFilter, url);
};
/** 设置是否记忆Tab */
index.setTabCache = function (isCache) {
if (window !== top && !admin.isTop() && top.layui && top.layui.index) return top.layui.index.setTabCache(isCache);
admin.putSetting('cacheTab', isCache);
if (!isCache) return index.clearTabCache();
admin.putTempData('indexTabs', index.mTabList);
admin.putTempData('tabPosition', index.mTabPosition);
};
/** 清除tab记忆 */
index.clearTabCache = function () {
admin.putTempData('indexTabs', null);
admin.putTempData('tabPosition', null);
};
/** 设置tab标题 */
index.setTabTitle = function (title, tabId) {
if (window !== top && !admin.isTop() && top.layui && top.layui.index) return top.layui.index.setTabTitle(title, tabId);
if (setter.pageTabs) {
if (!tabId) tabId = $(tabDOM + '>.layui-tab-title>li.layui-this').attr('lay-id');
if (tabId) $(tabDOM + '>.layui-tab-title>li[lay-id="' + tabId + '"] .title').html(title || '');
} else if (title) {
$(titleDOM + '>.layui-body-header-title').html(title);
$(titleDOM).addClass('show');
$(headerDOM).css('box-shadow', '0 1px 0 0 rgba(0, 0, 0, .03)');
} else {
$(titleDOM).removeClass('show');
$(headerDOM).css('box-shadow', '');
}
};
/** 自定义tab标题 */
index.setTabTitleHtml = function (html) {
if (window !== top && !admin.isTop() && top.layui && top.layui.index) return top.layui.index.setTabTitleHtml(html);
if (setter.pageTabs) return;
if (!html) return $(titleDOM).removeClass('show');
$(titleDOM).html(html);
$(titleDOM).addClass('show');
};
/** 获取面包屑 */
index.getBreadcrumb = function (tabId) {
if (!tabId) tabId = $(bodyDOM + '>div>.admin-iframe').attr('lay-id');
var breadcrumb = [];
var $href = $(sideDOM).find('[lay-href="' + tabId + '"]');
if ($href.length > 0) breadcrumb.push($href.text().replace(/(^\s*)|(\s*$)/g, ''));
while (true) {
$href = $href.parent('dd').parent('dl').prev('a');
if ($href.length === 0) break;
breadcrumb.unshift($href.text().replace(/(^\s*)|(\s*$)/g, ''));
}
return breadcrumb;
};
/** 获取面包屑结构 */
index.getBreadcrumbHtml = function (tabId) {
var breadcrumb = index.getBreadcrumb(tabId);
var htmlStr = tabId === index.homeUrl ? '' : ('首页');
for (var i = 0; i < breadcrumb.length - 1; i++) {
if (htmlStr) htmlStr += '/';
htmlStr += ('' + breadcrumb[i] + '');
}
return htmlStr;
};
/** 关闭loading */
index.hideLoading = function (url) {
if (typeof url !== 'string') url = $(url).attr('lay-id');
admin.removeLoading($('iframe[lay-id="' + url + '"],' + bodyDOM + ' iframe[lay-id]').parent(), false);
};
/** 移动设备遮罩层 */
var siteShadeDom = '.layui-layout-admin .site-mobile-shade';
if ($(siteShadeDom).length === 0) $('.layui-layout-admin').append('');
$(siteShadeDom).click(function () {
admin.flexible(true);
});
/** 补充tab的dom */
if (setter.pageTabs && $(tabDOM).length === 0) {
$(bodyDOM).html([
'',
'',
'',
''
].join(''));
element.render('nav', 'admin-pagetabs-nav');
}
/** 侧导航点击监听 */
element.on('nav(' + navFilter + ')', function (elem) {
var $that = $(elem);
var href = $that.attr('lay-href');
if (!href || href === '#') return;
if (href.indexOf('javascript:') === 0) return new Function(href.substring(11))();
var name = $that.attr('ew-title') || $that.text().replace(/(^\s*)|(\s*$)/g, '');
var end = $that.attr('ew-end');
try {
if (end) end = new Function(end);
else end = undefined;
} catch (e) {
console.error(e);
}
index.openTab({url: href, title: name, end: end});
layui.event.call(this, 'admin', 'side({*})', {href: href});
});
/** tab切换监听 */
element.on('tab(' + tabFilter + ')', function () {
var layId = $(this).attr('lay-id');
index.mTabPosition = (layId !== index.homeUrl ? layId : undefined); // 记录当前Tab位置
if (setter.cacheTab) admin.putTempData('tabPosition', index.mTabPosition);
admin.activeNav(layId);
admin.rollPage('auto');
if ($(tabDOM).attr('lay-autoRefresh') == 'true' && !mIsAddTab) admin.refresh(layId, true); // 切换tab刷新
mIsAddTab = false;
layui.event.call(this, 'admin', 'tab({*})', {layId: layId});
});
/** tab删除监听 */
element.on('tabDelete(' + tabFilter + ')', function (data) {
var mTab = index.mTabList[data.index - 1];
if (mTab) {
index.mTabList.splice(data.index - 1, 1);
if (setter.cacheTab) admin.putTempData('indexTabs', index.mTabList);
tabEndCall[mTab.menuPath] && tabEndCall[mTab.menuPath].call();
layui.event.call(this, 'admin', 'tabDelete({*})', {layId: mTab.menuPath});
}
if ($(tabDOM + '>.layui-tab-title>li.layui-this').length === 0)
$(tabDOM + '>.layui-tab-title>li:last').trigger('click'); // 解决删除后可能无选中bug
});
/** 多系统切换事件 */
$(document).off('click.navMore').on('click.navMore', '[nav-bind]', function () {
var navId = $(this).attr('nav-bind');
$('ul[lay-filter="' + navFilter + '"]').addClass('layui-hide');
$('ul[nav-id="' + navId + '"]').removeClass('layui-hide');
$(headerDOM + '>.layui-nav .layui-nav-item').removeClass('layui-this');
$(this).parent('.layui-nav-item').addClass('layui-this');
if (admin.getPageWidth() <= 768) admin.flexible(false); // 展开侧边栏
layui.event.call(this, 'admin', 'nav({*})', {navId: navId});
});
/** 开启Tab右键菜单 */
if (setter.openTabCtxMenu && setter.pageTabs) {
layui.use('contextMenu', function () {
if (!layui.contextMenu) return;
$(tabDOM + '>.layui-tab-title').off('contextmenu.tab').on('contextmenu.tab', 'li', function (e) {
var layId = $(this).attr('lay-id');
layui.contextMenu.show([{
icon: 'layui-icon layui-icon-refresh',
name: '刷新当前',
click: function () {
element.tabChange(tabFilter, layId);
if ('true' != $(tabDOM).attr('lay-autoRefresh')) admin.refresh(layId);
}
}, {
icon: 'layui-icon layui-icon-close-fill ctx-ic-lg',
name: '关闭当前',
click: function () {
admin.closeThisTabs(layId);
}
}, {
icon: 'layui-icon layui-icon-unlink',
name: '关闭其他',
click: function () {
admin.closeOtherTabs(layId);
}
}, {
icon: 'layui-icon layui-icon-close ctx-ic-lg',
name: '关闭全部',
click: function () {
admin.closeAllTabs();
}
}], e.clientX, e.clientY);
return false;
});
});
}
exports('index', index);
});