兼容顶部栏一级菜单内部跳转
This commit is contained in:
		
							parent
							
								
									cb18eec802
								
							
						
					
					
						commit
						e60a69b670
					
				| 
						 | 
					@ -30,9 +30,6 @@
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
import { constantRoutes } from "@/router";
 | 
					import { constantRoutes } from "@/router";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// 不需要激活的路由
 | 
					 | 
				
			||||||
const noactiveList = ["/user/profile", "/dict/type", "/gen/edit", "/job/log"];
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export default {
 | 
					export default {
 | 
				
			||||||
  data() {
 | 
					  data() {
 | 
				
			||||||
    return {
 | 
					    return {
 | 
				
			||||||
| 
						 | 
					@ -40,6 +37,8 @@ export default {
 | 
				
			||||||
      visibleNumber: 5,
 | 
					      visibleNumber: 5,
 | 
				
			||||||
      // 是否为首次加载
 | 
					      // 是否为首次加载
 | 
				
			||||||
      isFrist: false,
 | 
					      isFrist: false,
 | 
				
			||||||
 | 
					      // 当前激活菜单的 index
 | 
				
			||||||
 | 
					      currentIndex: undefined
 | 
				
			||||||
    };
 | 
					    };
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  computed: {
 | 
					  computed: {
 | 
				
			||||||
| 
						 | 
					@ -48,8 +47,13 @@ export default {
 | 
				
			||||||
      let topMenus = [];
 | 
					      let topMenus = [];
 | 
				
			||||||
      this.routers.map((menu) => {
 | 
					      this.routers.map((menu) => {
 | 
				
			||||||
        if (menu.hidden !== true) {
 | 
					        if (menu.hidden !== true) {
 | 
				
			||||||
 | 
					          // 兼容顶部栏一级菜单内部跳转
 | 
				
			||||||
 | 
					          if (menu.path === "/") {
 | 
				
			||||||
 | 
					              topMenus.push(menu.children[0]);
 | 
				
			||||||
 | 
					          } else {
 | 
				
			||||||
              topMenus.push(menu);
 | 
					              topMenus.push(menu);
 | 
				
			||||||
          }
 | 
					          }
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
      });
 | 
					      });
 | 
				
			||||||
      return topMenus;
 | 
					      return topMenus;
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
| 
						 | 
					@ -63,7 +67,11 @@ export default {
 | 
				
			||||||
      this.routers.map((router) => {
 | 
					      this.routers.map((router) => {
 | 
				
			||||||
        for (var item in router.children) {
 | 
					        for (var item in router.children) {
 | 
				
			||||||
          if (router.children[item].parentPath === undefined) {
 | 
					          if (router.children[item].parentPath === undefined) {
 | 
				
			||||||
 | 
					            if(router.path === "/") {
 | 
				
			||||||
 | 
					              router.children[item].path = "/redirect/" + router.children[item].path;
 | 
				
			||||||
 | 
					            } else {
 | 
				
			||||||
              router.children[item].path = router.path + "/" + router.children[item].path;
 | 
					              router.children[item].path = router.path + "/" + router.children[item].path;
 | 
				
			||||||
 | 
					            }
 | 
				
			||||||
            router.children[item].parentPath = router.path;
 | 
					            router.children[item].parentPath = router.path;
 | 
				
			||||||
          }
 | 
					          }
 | 
				
			||||||
          childrenMenus.push(router.children[item]);
 | 
					          childrenMenus.push(router.children[item]);
 | 
				
			||||||
| 
						 | 
					@ -75,12 +83,6 @@ export default {
 | 
				
			||||||
    activeMenu() {
 | 
					    activeMenu() {
 | 
				
			||||||
      const path = this.$route.path;
 | 
					      const path = this.$route.path;
 | 
				
			||||||
      let activePath = this.routers[0].path;
 | 
					      let activePath = this.routers[0].path;
 | 
				
			||||||
      var noactive = noactiveList.some(function (item) {
 | 
					 | 
				
			||||||
        return path.indexOf(item) !== -1;
 | 
					 | 
				
			||||||
      });
 | 
					 | 
				
			||||||
      if (noactive) {
 | 
					 | 
				
			||||||
        return;
 | 
					 | 
				
			||||||
      }
 | 
					 | 
				
			||||||
      if (path.lastIndexOf("/") > 0) {
 | 
					      if (path.lastIndexOf("/") > 0) {
 | 
				
			||||||
        const tmpPath = path.substring(1, path.length);
 | 
					        const tmpPath = path.substring(1, path.length);
 | 
				
			||||||
        activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"));
 | 
					        activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"));
 | 
				
			||||||
| 
						 | 
					@ -91,7 +93,11 @@ export default {
 | 
				
			||||||
          activePath = "index";
 | 
					          activePath = "index";
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
 | 
					      var routes = this.activeRoutes(activePath);
 | 
				
			||||||
 | 
					      if (routes.length === 0) {
 | 
				
			||||||
 | 
					        activePath = this.currentIndex || this.routers[0].path
 | 
				
			||||||
        this.activeRoutes(activePath);
 | 
					        this.activeRoutes(activePath);
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
      return activePath;
 | 
					      return activePath;
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
| 
						 | 
					@ -112,10 +118,15 @@ export default {
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    // 菜单选择事件
 | 
					    // 菜单选择事件
 | 
				
			||||||
    handleSelect(key, keyPath) {
 | 
					    handleSelect(key, keyPath) {
 | 
				
			||||||
 | 
					      this.currentIndex = key;
 | 
				
			||||||
      if (key.indexOf("http://") !== -1 || key.indexOf("https://") !== -1) {
 | 
					      if (key.indexOf("http://") !== -1 || key.indexOf("https://") !== -1) {
 | 
				
			||||||
        // http(s):// 路径新窗口打开
 | 
					        // http(s):// 路径新窗口打开
 | 
				
			||||||
        window.open(key, "_blank");
 | 
					        window.open(key, "_blank");
 | 
				
			||||||
 | 
					      } else if (key.indexOf("/redirect") !== -1) {
 | 
				
			||||||
 | 
					        // /redirect 路径内部打开
 | 
				
			||||||
 | 
					        this.$router.push({ path: key.replace("/redirect", "") });
 | 
				
			||||||
      } else {
 | 
					      } else {
 | 
				
			||||||
 | 
					        // 显示左侧联动菜单
 | 
				
			||||||
        this.activeRoutes(key);
 | 
					        this.activeRoutes(key);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
| 
						 | 
					@ -129,8 +140,11 @@ export default {
 | 
				
			||||||
          }
 | 
					          }
 | 
				
			||||||
        });
 | 
					        });
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
 | 
					      if(routes.length > 0) {
 | 
				
			||||||
        this.$store.commit("SET_SIDEBAR_ROUTERS", routes);
 | 
					        this.$store.commit("SET_SIDEBAR_ROUTERS", routes);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
 | 
					      return routes;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue