右键页签操作实现与菜单联动

ruoyi-admin/src/main/resources/static/ruoyi/index.js

@@ -71,16 +71,20 @@ $(window).bind("load resize", function() {
     	}
     }
 });
+
 function syncMenuTab(dataId) {
-    var $dataObj = $('a[href$="' + decodeURI(dataId) + '"]');
+	if(isLinkage) {
-    if (!$dataObj.hasClass("noactive")) {
+        var $dataObj = $('a[href$="' + decodeURI(dataId) + '"]');
-        $('.nav ul').removeClass("in");
+        if (!$dataObj.hasClass("noactive")) {
-        $dataObj.parents("ul").addClass("in")
+            $('.nav ul').removeClass("in");
-        $dataObj.parents("li").addClass("active").siblings().removeClass("active").find('li').removeClass("active");
+            $dataObj.parents("ul").addClass("in")
-        $dataObj.parents("ul").css('height', 'auto').height();
+            $dataObj.parents("li").addClass("active").siblings().removeClass("active").find('li').removeClass("active");
-        $dataObj.click();
+            $dataObj.parents("ul").css('height', 'auto').height();
-    }
+            $dataObj.click();
+        }
+	}
 }
+
 function NavToggle() {
     $('.navbar-minimalize').trigger('click');
 }
@@ -128,6 +132,7 @@ $(function() {
     function setActiveTab(element) {
         if (!$(element).hasClass('active')) {
             var currentId = $(element).data('id');
+            syncMenuTab(currentId);
             // 显示tab对应的内容区
             $('.RuoYi_iframe').each(function() {
                 if ($(this).data('id') == currentId) {
@@ -395,8 +400,6 @@ $(function() {
             });
         }
         scrollToTab($('.menuTab.active'));
-        setIframeUrl($('.page-tabs-content').find('.active').attr('data-id'));
-
         syncMenuTab($('.page-tabs-content').find('.active').attr('data-id'));
         return false;
     }
@@ -413,6 +416,7 @@ $(function() {
     function activeTab() {
         if (!$(this).hasClass('active')) {
             var currentId = $(this).data('id');
+            syncMenuTab(currentId);
             // 显示tab对应的内容区
             $('.mainContent .RuoYi_iframe').each(function() {
                 if ($(this).data('id') == currentId) {
@@ -455,7 +459,6 @@ $(function() {
             $(this).remove();
         });
         $('.page-tabs-content').css("margin-left", "0");
-        setIframeUrl($('.page-tabs-content').find('.active').attr('data-id'));
     }
 
     // 关闭全部选项卡
@@ -469,7 +472,7 @@ $(function() {
             $(this).addClass("active");
         });
         $('.page-tabs-content').css("margin-left", "0");
-        setIframeUrl($('.page-tabs-content').find('.active').attr('data-id'));
+        syncMenuTab($('.page-tabs-content').find('.active').attr('data-id'));
     }
 
 
@@ -562,7 +565,6 @@ $(function() {
                 callback: function(key, opt) {
                 	setActiveTab(this);
                     tabCloseOther();
-                    syncMenuTab($('.page-tabs-content').find('.active').attr('data-id'));
                 }
             },
             "close_left": {
@@ -578,7 +580,6 @@ $(function() {
                 	    $(this).remove();
                 	});
                 	$('.page-tabs-content').css("margin-left", "0");
-                    syncMenuTab($('.page-tabs-content').find('.active').attr('data-id'));
                 }
             },
             "close_right": {
@@ -590,7 +591,6 @@ $(function() {
                         $('.menuTab[data-id="' + $(this).data('id') + '"]').remove();
                         $(this).remove();
                     });
-                    syncMenuTab($('.page-tabs-content').find('.active').attr('data-id'));
                 }
             },
             "close_all": {
@@ -598,7 +598,6 @@ $(function() {
                 icon: "fa-window-close",
                 callback: function(key, opt) {
                     tabCloseAll();
-                    syncMenuTab($('.page-tabs-content').find('.active').attr('data-id'));
                 }
             },
             "step": "---------",

ruoyi-admin/src/main/resources/templates/index.html

@@ -307,12 +307,6 @@ $(function() {
 	        applyPath(url);
 	    }
 	}
-	if(isLinkage) {
-		$(".menuTabs").on("click", ".menuTab", function() {
-		    var dataId = $(this).attr("data-id");
-			syncMenuTab(dataId);
-		})
-	}
 });
 </script>
 </body>