1、全局菜单栏新增点击父级菜单标题后在导航栏展开父级所有下一级菜单功能 2、登录页面按照新需求调整整体布局及样式 3、优化首页看板页面图表视图

zhuzhuanzhuan

2024-04-08 d6803b83a827a62fa29737c31104c3ee9bc194d8

 src/components/menu/index.js

@@ -59,7 +59,6 @@
  methods: {
    // select menu item
    onOpenChange (openKeys) {

      // 在水平模式下时执行，并且不再执行后续
      if (this.mode === 'horizontal') {
        this.openKeys = openKeys
@@ -161,13 +160,32 @@
        </Item>
      )
    },
    handleTitleClick(record,event){
      this.selectedKeys=[]
      const routes = this.$route.matched.concat()
      const { hidden } = this.$route.meta

      if (routes.length >= 3 && hidden) {
        routes.pop()
        this.selectedKeys = [routes[routes.length - 1].path]
      } else {
        if (record.path === '/dashboard/analysis') {
          //如果是首页则直接跳转首页
          this.selectedKeys = [record]
        } else if (record.children && record.children.length > 0) {
          //如果不是首页且有子菜单则展开点击标题下的所有不含下级菜单的子菜单至导航栏并打开第一个子菜单页面，若子菜单标题下仍有下一级菜单则只需要点击含下级菜单的子菜单标题即可
          this.selectedKeys = record.children.filter(item => !item.hidden&&!item.children)
        }
      }
      this.$bus.$emit('clickMenuTitleSelected', this.selectedKeys)
    },
    renderSubMenu (menu) {
      const itemArr = []
      if (!menu.alwaysShow) {
        menu.children.forEach(item => itemArr.push(this.renderItem(item)))
      }
      return (
        <SubMenu {...{ key: menu.path }}>
        <SubMenu {...{ key: menu.path }} onTitleClick={this.handleTitleClick.bind(this.$event,menu)}>
          <span slot="title">
            {this.renderIcon(menu.meta.icon)}
            <span>{menu.meta.title}</span>