github
/
RuoYi
mirror of https://gitee.com/y_project/RuoYi.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

添加页签全屏方法

pull/80/MERGE
RuoYi 2019-10-17 19:39:56 +08:00
parent cf2ae2bccb
commit 7eade0d43c
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ruoyi-admin/src/main/resources/static/ruoyi/index.js
View File

@ -399,6 +399,13 @@ $(function() {
target.attr('src', url).ready(); target.attr('src', url).ready();
} }
// 页签全屏
function fullScreenTab() {
var currentId = $('.page-tabs-content').find('.active').attr('data-id');
var target = $('.RuoYi_iframe[data-id="' + currentId + '"]');
target.fullScreen(true);
}
// 关闭当前选项卡 // 关闭当前选项卡
function tabCloseCurrent() { function tabCloseCurrent() {
$('.page-tabs-content').find('.active i').trigger("click"); $('.page-tabs-content').find('.active i').trigger("click");
@ -432,9 +439,12 @@ $(function() {
$(document).toggleFullScreen(); $(document).toggleFullScreen();
}); });
// 刷新按钮 // 页签刷新按钮
$('.tabReload').on('click', refreshTab); $('.tabReload').on('click', refreshTab);
// 页签全屏按钮
$('.tabFullScreen').on('click', fullScreenTab);
// 双击选项卡全屏显示 // 双击选项卡全屏显示
$('.menuTabs').on('dblclick', '.menuTab', activeTabMax); $('.menuTabs').on('dblclick', '.menuTab', activeTabMax);

2
ruoyi-admin/src/main/resources/templates/index.html
View File

@ -218,7 +218,7 @@
<button class="roll-nav roll-right tabRight"> <button class="roll-nav roll-right tabRight">
<i class="fa fa-forward"></i> <i class="fa fa-forward"></i>
</button> </button>
<a href="#" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a> <a href="javascript:void(0);" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>
</div> </div>
<a id="ax_close_max" class="ax_close_max" href="#" title="关闭全屏"> <i class="fa fa-times-circle-o"></i> </a> <a id="ax_close_max" class="ax_close_max" href="#" title="关闭全屏"> <i class="fa fa-times-circle-o"></i> </a>