mkm/dev_oa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化tab页面效果，提升刷新系统时打开TAB的页面的速度。

Browse Source
This commit is contained in:
hdm 2022-12-05 23:11:24 +08:00
parent d8fa40554b
commit 466e1b81f6
2 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/home/view/index/index.html
View File

@ -163,9 +163,11 @@
let tab_id = tab_parse.tab_id,tab_array = tab_parse.tab_array; let tab_id = tab_parse.tab_id,tab_array = tab_parse.tab_array;
if(tab_array.length>0){ if(tab_array.length>0){
for(let a=0; a<tab_array.length;a++){ for(let a=0; a<tab_array.length;a++){
admin.tabAdd(tab_array[a].id, tab_array[a].url,tab_array[a].title); admin.tabTem(tab_array[a].id, tab_array[a].url,tab_array[a].title);
}
if(tab_id>0){
admin.tabChange(tab_id);
} }
admin.tabChange(tab_id);
} }
} }

21
public/static/assets/gougu/module/admin.js
View File

@ -6,6 +6,14 @@ layui.define(['element'], function (exports) {
* @url,tab页面地址 * @url,tab页面地址
* @name,tab页面标题， * @name,tab页面标题，
*/ */
tabTem: function (id, url, title) {
element.tabAdd('gg-admin-tab', {
id: id,
url:url,
title: '<span class="gg-tab-active"></span>' + title
});
$('#GouguAppBody').append('<div class="gg-tab-page" title="'+title+'" id="tabItem' + id + '" data-id="' + id + '" data-url="' + url + '"></div>');
},
tabAdd: function (id, url, title) { tabAdd: function (id, url, title) {
var thetabs = $('#pageTabUl').find('li'); var thetabs = $('#pageTabUl').find('li');
if (thetabs.length > 12) { if (thetabs.length > 12) {
@ -18,10 +26,9 @@ layui.define(['element'], function (exports) {
element.tabAdd('gg-admin-tab', { element.tabAdd('gg-admin-tab', {
id: id, id: id,
url:url, url:url,
title: '<span class="gg-tab-active"></span>' + title, title: '<span class="gg-tab-active"></span>' + title
content: '<iframe id="' + id + '" data-frameid="' + id + '" src="' + url + '" frameborder="0" align="left" width="100%" height="100%" scrolling="yes"></iframe>',
}); });
$('#GouguAppBody').append('<div class="gg-tab-page" title="'+title+'" id="tabItem' + id + '"><iframe id="' + id + '" data-frameid="' + id + '" src="' + url + '" frameborder="0" align="left" width="100%" height="100%" scrolling="yes"></iframe></div>'); $('#GouguAppBody').append('<div class="gg-tab-page" title="'+title+'" id="tabItem' + id + '" data-id="' + id + '"><iframe id="' + id + '" data-frameid="' + id + '" src="' + url + '" frameborder="0" align="left" width="100%" height="100%" scrolling="yes"></iframe></div>');
this.tabChange(id); this.tabChange(id);
}, },
//从子页面打开新的Tab页面，防止id重复，使用时间戳作为唯一标识 //从子页面打开新的Tab页面，防止id重复，使用时间戳作为唯一标识
@ -142,8 +149,14 @@ layui.define(['element'], function (exports) {
}; };
//切换tab //切换tab
element.on('tab(gg-admin-tab)', function (data) { element.on('tab(gg-admin-tab)', function (data) {
let thisPage = $('#GouguAppBody').find('.gg-tab-page').eq(data.index);
if(thisPage.find('iframe').length==0){
let id = thisPage.data('id');
let url = thisPage.data('url');
thisPage.html('<iframe id="' + id + '" data-frameid="' + id + '" src="' + url + '" frameborder="0" align="left" width="100%" height="100%" scrolling="yes"></iframe>');
}
$('#GouguAppBody').find('.gg-tab-page').removeClass('layui-show'); $('#GouguAppBody').find('.gg-tab-page').removeClass('layui-show');
$('#GouguAppBody').find('.gg-tab-page').eq(data.index).addClass('layui-show'); thisPage.addClass('layui-show');
if(data.index==0){ if(data.index==0){
tab.refresh(0); tab.refresh(0);
} }