2021-02-03

king

2021-02-03 7c61348006ff433adefada5b97b0504c2f8f62b1

2021-02-03

 src/components/header/index.jsx

@@ -597,6 +597,33 @@
          <ul className="header-menu">{
            menulist.map(item => {
              return (
                // <Dropdown overlay={
                //   <Menu mode="vertical">
                //     {item.children.map(cell => {
                //       if (!cell.children || cell.children.length === 0) {
                //         return (
                //           <Menu.Item key={cell.MenuID}>
                //             {cell.MenuName}
                //           </Menu.Item>
                //         )
                //       } else {
                //         return (
                //           <Menu.SubMenu key={cell.MenuID} title={cell.MenuName}>
                //             {cell.children.map(m => (
                //               <Menu.Item key={m.MenuID}>
                //                 {m.MenuName}
                //               </Menu.Item>
                //             ))}
                //           </Menu.SubMenu>
                //         )
                //       }
                //     })}
                //   </Menu>
                // }>
                //   <li key={item.MenuID} onClick={() => {this.changeMenu(item)}} className={mainMenu && mainMenu.MenuID === item.MenuID ? 'active' : ''}>
                //     <span>{item.MenuName}</span>
                //   </li>
                // </Dropdown>
                <li key={item.MenuID} onClick={() => {this.changeMenu(item)}} className={mainMenu && mainMenu.MenuID === item.MenuID ? 'active' : ''}>
                  <span>{item.MenuName}</span>
                </li>
@@ -604,48 +631,6 @@
            })}
          </ul> : null
        }
        {/* {menulist ?
          <Menu className="header-vertical-menu" mode="horizontal">
            {menulist.map(item => {
              if (!item.children || item.children.length === 0) {
                return (
                  <Menu.Item key={item.MenuID}>
                    {item.MenuName}
                  </Menu.Item>
                )
              } else {
                return (
                  <Menu.SubMenu key={item.MenuID} title={item.MenuName}>
                    <Menu mode="vertical">
                      {item.children.map(cell => {
                        if (!cell.children || cell.children.length === 0) {
                          return (
                            <Menu.Item key={cell.MenuID}>
                              {cell.MenuName}
                            </Menu.Item>
                          )
                        } else {
                          return (
                            <Menu.SubMenu key={cell.MenuID} title={cell.MenuName}>
                              <Menu mode="vertical">
                                {cell.children.map(m => (
                                  <Menu.Item key={m.MenuID}>
                                    {m.MenuName}
                                  </Menu.Item>
                                ))}
                              </Menu>
                            </Menu.SubMenu>
                          )
                        }
                      })}
                    </Menu>
                  </Menu.SubMenu>
                )
              }
            })}
          </Menu> : null
        }
         */}
        {/* 头像、用户名 */}
        <Dropdown className="header-setting" overlay={menu}>
          <div>

 src/components/header/index.scss

@@ -75,21 +75,21 @@
      }
    }
  }
  .header-vertical-menu {
    float: left;
    margin: 0;
    line-height: 48px;
    background: transparent;
    .ant-menu-submenu {
      border-bottom: 0!important;
    }
    >li {
      >.ant-menu-submenu-title {
        color: rgba(255, 255, 255, 0.85);
        font-size: 1.3rem;
      }
    }
  }
  // .header-vertical-menu {
  //   float: left;
  //   margin: 0;
  //   line-height: 48px;
  //   background: transparent;
  //   .ant-menu-submenu {
  //     border-bottom: 0!important;
  //   }
  //   >li {
  //     >.ant-menu-submenu-title {
  //       color: rgba(255, 255, 255, 0.85);
  //       font-size: 1.3rem;
  //     }
  //   }
  // }

  .header-setting {
    float: right;
@@ -201,3 +201,6 @@
    }
  }
}
.ant-dropdown-menu-submenu-title {
  padding-right: 30px;
}