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

新增菜单导航显示风格（default为左侧导航菜单，topnav为顶部导航菜单）

pull/205/head
RuoYi 2020-09-03 15:41:29 +08:00
parent 2b0e3546ff
commit b4aa7232a0
2 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -45,8 +45,8 @@
</div> </div>
<!-- 左侧菜单 --> <!-- 左侧菜单 -->
<th:block th:each="menu,menuStat : ${menus}"> <th:block th:each="menu : ${menus}">
<div class="tab-pane fade height-full" th:id="|menu_${menu.menuId}|" th:classappend="${menuStat.first} ? |active in|"> <div class="tab-pane fade height-full" th:id="|menu_${menu.menuId}|">
<ul class="nav"> <ul class="nav">
<li th:each="cmenu : ${menu.children}"> <li th:each="cmenu : ${menu.children}">
<a class="menu-content" th:if="${#lists.isEmpty(cmenu.children)}" th:href="@{${cmenu.url}}" th:classappend="${#strings.isEmpty(cmenu.target)} ? |menuItem| : ${cmenu.target}"> <a class="menu-content" th:if="${#lists.isEmpty(cmenu.children)}" th:href="@{${cmenu.url}}" th:classappend="${#strings.isEmpty(cmenu.target)} ? |menuItem| : ${cmenu.target}">
@ -347,18 +347,26 @@ function switchSkin() {
/* 切换菜单 */ /* 切换菜单 */
function toggleMenu() { function toggleMenu() {
$.modal.confirm("确认要切换成左侧菜单吗？", function() { $.modal.confirm("确认要切换成左侧菜单吗？", function() {
$.get(ctx + 'system/menuStyle/left',function(result){ $.get(ctx + 'system/menuStyle/default', function(result) {
window.location.reload(); window.location.reload();
}); });
}) })
} }
/** 刷新时访问路径页签 */ /** 刷新时访问路径页签 */
function applyPath(url) { function applyPath(url) {
$('a[href$="' + decodeURI(url) + '"]').click(); var $dataObj = $('a[href$="' + decodeURI(url) + '"]');
if (!$('a[href$="' + url + '"]').hasClass("noactive")) { $dataObj.click();
$('a[href$="' + url + '"]').parent("li").addClass("selected").parents("li").addClass("active").end().parents("ul").addClass("in"); if (!$dataObj.hasClass("noactive")) {
$dataObj.parent("li").addClass("selected").parents("li").addClass("active").end().parents("ul").addClass("in");
} }
// 顶部菜单同步处理
var tabStr = $dataObj.parents(".tab-pane").attr("id");
if ($.common.isNotEmpty(tabStr)) {
var sepIndex = tabStr.lastIndexOf('_');
var menuId = tabStr.substring(sepIndex + 1, tabStr.length);
$("#tab_" + menuId + " a").click();
}
} }
$(function() { $(function() {
@ -372,6 +380,8 @@ $(function() {
if ($.common.isNotEmpty(hash)) { if ($.common.isNotEmpty(hash)) {
var url = hash.substring(1, hash.length); var url = hash.substring(1, hash.length);
applyPath(url); applyPath(url);
} else {
$(".navbar-toolbar li a").eq(0).click();
} }
} }
}); });

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

@ -297,9 +297,9 @@ function switchSkin() {
/* 切换菜单 */ /* 切换菜单 */
function toggleMenu() { function toggleMenu() {
$.modal.confirm("确认要切换成横向菜单吗？", function() { $.modal.confirm("确认要切换成横向菜单吗？", function() {
$.get(ctx + 'system/menuStyle/topnav',function(result){ $.get(ctx + 'system/menuStyle/topnav', function(result) {
window.location.reload(); window.location.reload();
}); });
}) })
} }