94 lines
4.8 KiB
HTML
94 lines
4.8 KiB
HTML
<div class="wrapper">
|
|
<div class="header-wrapper">
|
|
<nav class="navbar navbar-expand navbar-dark bg-dark">
|
|
<a class="navbar-brand">
|
|
航班信息查询系统
|
|
</a>
|
|
<a class="navbar-brand" (click)="toggleMenu()">
|
|
<i class="fa fa-dedent fa-fw" [hidden]="menuClose"></i>
|
|
<i class="fa fa-indent fa-fw" [hidden]="!menuClose"></i>
|
|
</a>
|
|
|
|
<div class="collapse navbar-collapse">
|
|
<ul class="navbar-nav ml-auto mr-4">
|
|
<li class="nav-item mr-3">
|
|
<a class="nav-link">
|
|
<label>用户名：</label>
|
|
<span>{{user_name}}</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item mr-3">
|
|
<a class="nav-link">
|
|
<label>用户：</label>
|
|
<span>{{role_type}}</span>
|
|
</a>
|
|
</li>
|
|
<!-- <li class="nav-item dropdown mr-2">
|
|
<a class="nav-icon nav-link" data-toggle="dropdown" id="messagesDropdown" aria-haspopup="true"
|
|
aria-expanded="false">
|
|
<div class="icon-container">
|
|
<i class="fa fa-bell-o"></i>
|
|
<span>7</span>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="messagesDropdown">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</li> -->
|
|
<!-- <li class="nav-item dropdown mr-3">
|
|
<a class="nav-icon nav-link" data-toggle="dropdown" id="alertsDropdown" aria-haspopup="true"
|
|
aria-expanded="false">
|
|
<div class="icon-container">
|
|
<i class="fa fa-envelope-o mr-1"></i>
|
|
<label>消息</label>
|
|
<span style="background:#0cc2aa">4</span>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</li> -->
|
|
<li class="nav-item mr-2">
|
|
<a class="nav-link" nz-popconfirm nzTitle="确认退出?" (nzOnConfirm)="confirmLogout()" nzPlacement="bottom">
|
|
<i class="fa fa-sign-out mr-1"></i>
|
|
<span>退出</span>
|
|
</a>
|
|
</li>
|
|
<!-- <li class="nav-item dropdown">
|
|
<a class="nav-link user-info" data-toggle="dropdown" id="userDropdown" aria-haspopup="true"
|
|
aria-expanded="false">
|
|
<div class="user-container">
|
|
<span class="mr-2">Chris Wood</span>
|
|
<img src="/assets/images/Vlad.png" alt="">
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</li> -->
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div class="content-wrapper">
|
|
<div class="left-wrapper" [ngClass]="{'left-wrapper-c': menuClose,'left-wrapper-o': !menuClose}">
|
|
<div class="left-menu">
|
|
<app-sidebar-menu [data]="menuData"></app-sidebar-menu>
|
|
</div>
|
|
</div>
|
|
<div class="right-wrapper" [ngClass]="{'right-wrapper-c': menuClose,'right-wrapper-o': !menuClose}">
|
|
<router-outlet></router-outlet>
|
|
<div *ngIf="isSpinning" class="page-loading">
|
|
<!-- <i nz-icon [type]="'loading'"></i> -->
|
|
<div class="snipping"></div>
|
|
<!-- <p>数据加载中 ...</p> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |