webHdj/src/app/layout/trad/trad.component.html

<layout-default [options]="options" [nav]="null" [content]="contentTpl" [customError]="null">
  <layout-default-header-item direction="left">
    <span class="title">{{ title }}</span>
  </layout-default-header-item>
  <layout-default-header-item direction="right" hidden="mobile">
    <header-fullscreen style="margin-right: 32px" />
  </layout-default-header-item>
  <layout-default-header-item direction="right" style="vertical-align: top">
    <header-user />
  </layout-default-header-item>
  <ng-template #asideUserTpl>
    <div nz-dropdown nzTrigger="click" [nzDropdownMenu]="userMenu" class="alain-default__aside-user">
      <nz-avatar class="alain-default__aside-user-avatar" [nzSrc]="user.avatar" />
      <div class="alain-default__aside-user-info">
        <strong>{{ user.name }}</strong>
        <p class="mb0">{{ user.email }}</p>
      </div>
    </div>
    <nz-dropdown-menu #userMenu="nzDropdownMenu">
      <ul nz-menu>
        <li nz-menu-item routerLink="/pro/account/center">个人中心</li>
        <li nz-menu-item routerLink="/pro/account/settings">个人设置</li>
      </ul>
    </nz-dropdown-menu>
  </ng-template>
  <div class="tab-pane">
    <tabs />
  </div>
  <!-- 应用菜单 -->
  <div class="system">
    <div class="logo">
      <img style="width: 50px; height: 50px" src="../../../assets/logo.png" alt="" />
      <!-- <img width="60" src="../../../assets/common/auseft.png" alt=""> -->
    </div>
    <div class="system-item">
      <i class="oprateLeft material-icons menuCollapsed" (click)="collapsed()">menu</i>
    </div>
    <div class="primary-menu">
      <div class="system-li" title="化验数据录核" [class.activeItem]="activeValue == 1" (click)="navigateToLaboratoryWithParams()">
        <i class="material-icons">home</i>
      </div>
      <!-- <div class="system-li" title="燃料" (click)="toggleActive(2)" [class.activeItem]="activeValue==2">
        <i class="material-icons">palette</i>
      </div>
      <div class="system-li" title="燃料" (click)="toggleActive(3)" [class.activeItem]="activeValue==3">
        <i class="material-icons">account_balance_wallet</i>
      </div>
      <div class="system-li" title="燃料" (click)="toggleActive(4)" [class.activeItem]="activeValue==4">
        <i class="material-icons">image</i>
      </div> -->
      <div class="set">
        <div layout-default-header-item-trigger nz-dropdown [nzDropdownMenu]="settingsMenu" nzPlacement="bottomRight">
          <i class="material-icons" style="font-size: 24px !important; color: rgb(166, 178, 178)">settings</i>
        </div>
        <nz-dropdown-menu #settingsMenu="nzDropdownMenu">
          <div nz-menu style="width: 200px">
            <div nz-menu-item>
              <header-fullscreen />
            </div>
            <div nz-menu-item>
              <header-clear-storage />
            </div>
            <div class="theme" nz-menu-item [class.active]="theme === 'dark'" (click)="switchTheme('dark')">黑色主题</div>
            <div class="theme" nz-menu-item [class.active]="theme === 'white'" (click)="switchTheme('white')">白色主题</div>
          </div>
        </nz-dropdown-menu>
      </div>
    </div>
  </div>
  <layout-default-header-item class="head-right" direction="right">
    <header-date />
  </layout-default-header-item>
  <layout-default-header-item direction="right">
    <div data-tauri-drag-region class="titlebar" id="titlebar" [hidden]="!isTauri">
      <div class="titlebar-button" id="titlebar-minimize" (click)="minimize()">
        <img src="../../../assets/window/minsize.svg" alt="minimize" />
      </div>
      <div class="titlebar-button" id="titlebar-maximize" (click)="toggleMaximize()" [hidden]="!isMax">
        <img src="../../../assets/window/window-window_line.svg" alt="maximize" />
      </div>
      <div class="titlebar-button" id="titlebar-maximize" (click)="toggleMaximize()" [hidden]="isMax">
        <img src="../../../assets/window/max-size.svg" alt="maximize" />
      </div>
      <div class="titlebar-button" id="titlebar-close" (click)="close()">
        <img src="../../../assets/window/Close.svg" alt="close" />
      </div>
    </div>
  </layout-default-header-item>
  <layout-default-header-item direction="right">
    <div data-tauri-drag-region class="titleDragger" id="titlebar" [hidden]="!isTauri"> </div>
  </layout-default-header-item>
  <ng-template #contentTpl>
    <div class="content-container">
      <router-outlet />
    </div>
  </ng-template>
  <!-- 固定面包屑导航 -->
  <nz-card class="breadcrumb fixed-breadcrumb">
    <nz-breadcrumb [nzSeparator]="null">
      <nz-breadcrumb-item *ngFor="let menu of breadcrumb">
        <span *ngIf="menu.menuName === '智慧燃料'">
          <i class="material-icons first-name">home</i><span>{{ menu.menuName }}</span></span
        >
        <span *ngIf="menu.menuName !== '智慧燃料'"> {{ menu.menuName }}</span>
        <nz-breadcrumb-separator>&gt;</nz-breadcrumb-separator>
      </nz-breadcrumb-item>

      <nz-breadcrumb-item *ngIf="activeRoute" class="activeMenu">{{ activeRoute.menuName }}</nz-breadcrumb-item>
    </nz-breadcrumb>
  </nz-card>
</layout-default>