Browse Source

去掉铃铛

zhuang 1 year ago
parent
commit
6f276fd424
1 changed files with 97 additions and 0 deletions
  1. 97 0
      src/app/layout/basic/widgets/basic.component.html

+ 97 - 0
src/app/layout/basic/widgets/basic.component.html

@@ -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>&nbsp;</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>