|
@@ -0,0 +1,97 @@
|
|
|
+<layout-default
|
|
|
+ [ngClass]="{ 'ic-defalut-layout': true, 'ic-tab-layout': layoutType === 'tab' }"
|
|
|
+ [options]="options"
|
|
|
+ [content]="contentTpl"
|
|
|
+ (mouseleave)="leaveBody($event)"
|
|
|
+>
|
|
|
+ <layout-default-header-item direction="left">
|
|
|
+ <div> </div>
|
|
|
+ </layout-default-header-item>
|
|
|
+ <layout-default-header-item direction="middle" *ngIf="v2Layout">
|
|
|
+ <layout2-bar
|
|
|
+ #layout2barTpl
|
|
|
+ [ngStyle]="{ width: innerWidth + 'px' }"
|
|
|
+ [menuWidth]="layout2LeftRightWidth"
|
|
|
+ [systemMenus]="systemMenus"
|
|
|
+ ></layout2-bar>
|
|
|
+ </layout-default-header-item>
|
|
|
+ <layout-default-header-item direction="middle" *ngIf="!v2Layout">
|
|
|
+ <div *ngIf="!enabledMultiSystemLayout" style="margin: 0 auto" class="ic-layout-bar-middle" (click)="layoutBarMiddleClick($event)">
|
|
|
+ <header-tenant #headerTenant></header-tenant>
|
|
|
+ </div>
|
|
|
+ <div *ngIf="enabledMultiSystemLayout" [ngStyle]="{ width: innerWidth + 'px' }">
|
|
|
+ <nz-tabset [nzAnimated]="false" [nzTabPosition]="'top'" class="top-system-menu" [tabIndex]="topTabIndex">
|
|
|
+ <nz-tab *ngFor="let tab of systemMenus" [nzTitle]="tab.name" (nzSelect)="changeSystemTab($event, tab)"> </nz-tab>
|
|
|
+ </nz-tabset>
|
|
|
+ </div>
|
|
|
+ </layout-default-header-item>
|
|
|
+<!-- <layout-default-header-item direction="right">-->
|
|
|
+<!-- <header-notify></header-notify>-->
|
|
|
+<!-- </layout-default-header-item>-->
|
|
|
+ <layout-default-header-item *ngIf="!v2Layout" direction="right">
|
|
|
+ <div layout-default-header-item-trigger nz-dropdown [nzDropdownMenu]="settingsMenu" nzTrigger="click" nzPlacement="bottomRight">
|
|
|
+ <i nz-icon nzType="setting"></i>
|
|
|
+ </div>
|
|
|
+ <nz-dropdown-menu #settingsMenu="nzDropdownMenu">
|
|
|
+ <div nz-menu style="width: 200px">
|
|
|
+ <div nz-menu-item>
|
|
|
+ <ic-change-my-pwd #changeMyPwd></ic-change-my-pwd>
|
|
|
+ </div>
|
|
|
+ <div nz-menu-item>
|
|
|
+ <header-changelog></header-changelog>
|
|
|
+ </div>
|
|
|
+ <div *ngIf="!hideI18n" nz-menu-item>
|
|
|
+ <header-i18n></header-i18n>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </nz-dropdown-menu>
|
|
|
+ </layout-default-header-item>
|
|
|
+ <layout-default-header-item *ngIf="!v2Layout" direction="right">
|
|
|
+ <header-user #headerUser></header-user>
|
|
|
+ </layout-default-header-item>
|
|
|
+ <layout-default-header-item *ngIf="v2Layout" direction="right">
|
|
|
+ <layout2-user></layout2-user>
|
|
|
+ </layout-default-header-item>
|
|
|
+ <ng-template #contentTpl>
|
|
|
+ <div #tabTpl *ngIf="layoutType === 'tab'" class="ic-tab-layout-bar-fixed">
|
|
|
+ <nz-tabset [(nzSelectedIndex)]="tabIndex" nzTabPosition="top" [nzAnimated]="false">
|
|
|
+ <nz-tab [nzTitle]="tabTitleTpl" *ngFor="let item of pages" (nzClick)="changeTab($event, item)">
|
|
|
+ <ng-template #tabTitleTpl>
|
|
|
+ <div class="ic-tab-title-wrapper" (contextmenu)="contextMenu($event, menu)"
|
|
|
+ >{{ item.title }}
|
|
|
+ <div class="ic-tab-title-close" (click)="closePage($event, 'current', item)">
|
|
|
+ <span class="icon iconfont ic-icon-close-3" style="font-size: 10px"></span>
|
|
|
+ </div>
|
|
|
+ <nz-dropdown-menu #menu="nzDropdownMenu">
|
|
|
+ <ul nz-menu>
|
|
|
+ <li nz-menu-item (click)="closePage($event, 'current', item)">关闭当前页面</li>
|
|
|
+ <li nz-menu-item (click)="closePage($event, 'other all', item)">关闭其它所有页面</li>
|
|
|
+ <li nz-menu-item (click)="closePage($event, 'right all', item)">关闭右侧所有页面</li>
|
|
|
+ <li nz-menu-item (click)="closePage($event, 'left all', item)">关闭左侧所有页面</li>
|
|
|
+ </ul>
|
|
|
+ </nz-dropdown-menu>
|
|
|
+ </div>
|
|
|
+ </ng-template>
|
|
|
+ </nz-tab>
|
|
|
+ </nz-tabset>
|
|
|
+ </div>
|
|
|
+ <div [ngClass]="{ 'tab-layout': layoutType === 'tab' }">
|
|
|
+ <router-outlet></router-outlet>
|
|
|
+ </div>
|
|
|
+ </ng-template>
|
|
|
+</layout-default>
|
|
|
+
|
|
|
+<div
|
|
|
+ cdkDrag
|
|
|
+ *ngIf="icHelpVisable"
|
|
|
+ class="ic-help-wrapper"
|
|
|
+ (mousedown)="mousedownHelp($event)"
|
|
|
+ (mousemove)="mousemoveHelp($event)"
|
|
|
+ (mouseup)="mouseupHelp($event)"
|
|
|
+>
|
|
|
+ <span style="color: #fff; font-size: 20px" nz-icon nzType="question-circle" nzTheme="outline"></span>
|
|
|
+</div>
|
|
|
+
|
|
|
+<div *ngIf="icHelpContentVisable" class="ic-help-wrapper-content" (click)="helpContenClick($event)">
|
|
|
+ {{ helpContent }}
|
|
|
+</div>
|