You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.0 KiB
65 lines
2.0 KiB
<nz-layout>
|
|
<!-- start 头部 start-->
|
|
<nz-header>
|
|
<div nz-row>
|
|
<!-- logo -->
|
|
<div class="logo" nz-col nzSpan="4">
|
|
<h2>普惠GO管理平台</h2>
|
|
</div>
|
|
<!-- logo -->
|
|
|
|
<div class="menu" nz-col nzSpan="16">
|
|
<ul>
|
|
<li *ngFor="let item of menuData" [ngClass]="{'li-selected' : item.selected}" (click)="isSelected(item)">{{item.menuName}}</li>
|
|
</ul>
|
|
</div>
|
|
<div class="user" nz-col nzSpan="4">
|
|
<div>
|
|
<span nz-dropdown [nzDropdownMenu]="menu">{{userInfo['userName']}}</span>
|
|
|
|
<nz-dropdown-menu #menu="nzDropdownMenu">
|
|
<ul nz-menu nzSelectable>
|
|
<li nz-menu-item (click)="loginOut()">退出登录</li>
|
|
|
|
</ul>
|
|
</nz-dropdown-menu>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</nz-header>
|
|
<!-- end 头部 end -->
|
|
<nz-layout>
|
|
<!-- start 侧边 start-->
|
|
<nz-sider nzCollapsible [(nzCollapsed)]="isCollapse" [nzTrigger]="null" [nzCollapsedWidth]="0" >
|
|
<div class="side_menu">
|
|
<span
|
|
class="trigger"
|
|
nz-icon
|
|
[nzType]="isCollapse ? 'menu-unfold' : 'menu-fold'"
|
|
(click)="isCollapse = !isCollapse"
|
|
></span>
|
|
</div>
|
|
<!-- start 菜单内容 end-->
|
|
<div>
|
|
<ul nz-menu nzMode="inline">
|
|
<li nz-submenu nzOpen *ngFor="let item of leftMenuData" nzTitle="{{item.menuName}}" nzIcon="{{item.menuUrlImg}}" >
|
|
<ul>
|
|
<li nz-menu-item nzMatchRouter *ngFor="let childMenu of item['childMenuList']">
|
|
<a [routerLink]="[currentParentMenu['menuUrl'], childMenu['menuUrl']]" [queryParams]="{title: childMenu['menuName']}">{{childMenu['menuName']}}</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- start 菜单内容 end -->
|
|
</nz-sider>
|
|
<!-- end 侧边 end -->
|
|
<!-- start 主体 start-->
|
|
<nz-content>
|
|
<app-tab></app-tab>
|
|
</nz-content>
|
|
<!-- end 主体 end -->
|
|
</nz-layout>
|
|
</nz-layout>
|
|
|
|
|