zy-pc/src/app/views/main/main.component.html

<nz-layout class="app-layout display_flex flex_auto ant-layout-has-sider">
  <overlay-scrollbars #osComponentRef1 class="menu-sidebar">
    <div class="sidebar-logo display_flex align-items_center justify-content_flex-center">
      <div style="line-height: normal;height:100%;" class="display_flex align-items_center justify-content_flex-center flex-direction_column">
        <img [src]="tool.logoUrl">
        <span>{{tool.logoTitle}}</span>
      </div>
    </div>
    <!-- 导航重写，兼容chrome39 -->
    <ul id="ds-menu">
      <li class="mainMenuOne" (click)="totoMenu('首页')" [ngClass]="{mainMenuSelected:indexFlag}">
        <i nz-icon nzType="home"></i>
        <span>首页</span>
      </li>
      <li *ngFor="let data of menus" class="mainMenuWrap">
        <div class="mainMenuOne" (click)="clickMenuOne(data)" [ngClass]="{mainMenuSelected:data.flagBg}">
          <i nz-icon [nzType]="data.icon"></i>
          <span>{{data.title}}</span>
          <span class="icon_transport transport-xialajiantou"
            [ngStyle]="{transform:data.flag?'rotate(180deg)':'rotate(0deg)',color:data.flag?'#fff':'#999'}"></span>
        </div>
        <ul>
          <li *ngFor="let item of data.childrens" class="mainMenu" (click)="totoMenu(item.title,item,data)"
            [ngStyle]="{height:data.flag?'44px':0}" [ngClass]="{menuTwoSelected:item.flag}">
            {{item.title}}
          </li>
        </ul>
      </li>
    </ul>
  </overlay-scrollbars>
  <nz-layout style="background:#fff;display: flex;flex-direction: column;position: relative;">
    <nz-header>
      <div class="app-header display_flex justify-content_space-between align-items_center">
        <div class="left">
          <button nz-button nzType="primary" *ngIf='deskRole' (click)="toFuwutai()">调度台</button>
          <button nz-button nzType="primary" *ngIf="nurseRole" (click)="toHuShi()">护士端</button>
          <button nz-button nzType="primary" *ngIf="pharmacyRole" (click)="toPharmacy()">药房端</button>
          <button nz-button nzType="primary" *ngIf="pharmacyRole" (click)="toPharmacy2()">药房端2</button>
          <button nz-button nzType="primary" *ngIf="largeScreenRole" (click)="toBigScreen('largeScreen')">大屏端</button>
          <button nz-button nzType="primary" *ngIf="largeScreenRole2"
            (click)="toBigScreen('largeScreen2')">大屏端2</button>
          <button nz-button nzType="primary" *ngIf="specimenViewRole" (click)="toBigScreen('specimenView')"
            [nzLoading]="deptTypeLoading">业务视图</button>
          <button nz-button nzType="primary" *ngIf="specimenViewRole2" (click)="toSpecimenView2()">标本视图</button>
          <button nz-button nzType="primary" *ngIf="disinfectionSupplyRole" (click)="toDisinfectionSupply()">全局业务查看</button>
        </div>
        <div class="right">
          <div class="msg">
            <div class="msgBtn display_flex align-items_center justify-content_flex-center" nz-popover
              [nzPopoverContent]="contentTemplate" nzPopoverPlacement="bottomRight">
              <i nz-icon nzType="bell" nzTheme="outline"></i>
            </div>
            <ng-template #contentTemplate>
              <div>
                <p>消息通知</p>
              </div>
            </ng-template>
          </div>
          <div class="userInfo">
            <div class="wel">欢迎您，{{currentHospital.hosName}}：</div>
            <div class="user"><img src="../../assets/images/icon_keshi.png"
                alt="">{{(userInfo&&userInfo.user)?userInfo.user.name:''}}</div>
            <div class="logOut">
              <span (click)="hosFlag1 = true">选择院区</span>
              <span (click)="showUpPwd()">修改密码</span>
              <span (click)="logOut()">退出</span>
            </div>
          </div>
        </div>
      </div>
    </nz-header>
    <nz-content style="position: relative;">
      <div class="inner-content">
        <router-outlet></router-outlet>
      </div>
    </nz-content>
  </nz-layout>
</nz-layout>

<!-- 消息弹框模板 -->
<ng-template #msgTemplate1 let-msg="data">
  <div class="msgTemBox ant-notification-notice-content">
    <div class="borderLeft"></div>
    <div class="ant-notification-notice-with-icon">
      <span class="ant-notification-notice-icon">
        <i class="icon icon_transport transport-shouye9"></i>
      </span>
      <div class="ant-notification-notice-message">{{msg.type==1?'通知':'消息'}}</div>
      <div class="ant-notification-notice-description">{{msg.content}}</div>
    </div>
  </div>
</ng-template>
<!-- 修改密码 -->
<nz-modal [(nzVisible)]="isPwdVisible" nzTitle="修改密码" (nzOnCancel)="pwdHandleCancel()" (nzOnOk)="pwdHandleOk()"
  [nzOkLoading]="pwdIsOkLoading" (nzAfterOpen)="pwdAfterOpen()">
  <div>
    <label>原始密码:
      <nz-input-group [nzSuffix]="suffixTemplate">
        <input minlength="9" [type]="passwordVisible ? 'text' : 'password'" nz-input placeholder="原始密码"
          [(ngModel)]="upModalData.pwdOld" />
      </nz-input-group>
      <ng-template #suffixTemplate>
        <i nz-icon [nzType]="passwordVisible ? 'eye-invisible' : 'eye'"
          (click)="passwordVisible = !passwordVisible"></i>
      </ng-template>
    </label>
    <label>新密码:
      <div style="display: flex;">
        <nz-input-group [nzSuffix]="suffixTemplate">
          <input minlength="9" [type]="passwordVisible ? 'text' : 'password'" nz-input placeholder="新密码"
            [(ngModel)]="upModalData.newPwd" (ngModelChange)="blurNewPwd()" />
        </nz-input-group>
        <ng-template #suffixTemplate>
          <i nz-icon [nzType]="passwordVisible ? 'eye-invisible' : 'eye'" (click)="passwordVisible = !passwordVisible"></i>
        </ng-template>
        <div class="red" style="display: flex;justify-content: center;align-items: center;padding-left: 5px;" *ngIf="enoughRegFlag">弱</div>
        <div style="display: flex;justify-content: center;align-items: center;padding-left: 5px;" *ngIf="mediumRegFlag">中</div>
        <div class="green" style="display: flex;justify-content: center;align-items: center;padding-left: 5px;" *ngIf="strongRegFlag">强</div>
      </div>
    </label>
    <div class="red">强密码需包含大小写字母、数字、特殊字符，长度至少9个字符</div>
    <label>确认新密码:
      <nz-input-group [nzSuffix]="suffixTemplate">
        <input minlength="9" [type]="passwordVisible ? 'text' : 'password'" nz-input placeholder="确认新密码"
          [(ngModel)]="upModalData.newPwd2" />
      </nz-input-group>
      <ng-template #suffixTemplate>
        <i nz-icon [nzType]="passwordVisible ? 'eye-invisible' : 'eye'"
          (click)="passwordVisible = !passwordVisible"></i>
      </ng-template>
    </label>
  </div>
</nz-modal>
<!-- 大屏或视图选择院区模态框 -->
<app-select-hospital (hosFlagHand)="hosFlagHand($event)" (submitFormHand)="submitFormHand($event)" [hosFlag]="hosFlag">
</app-select-hospital>
<!-- 切换院区 -->
<app-select-hospital (hosFlagHand)="hosFlagHand1($event)" (submitFormHand)="submitFormHand1($event)"
  [hosFlag]="hosFlag1">
</app-select-hospital>
<!-- 模态框 -->
<div class="save display_flex justify-content_flex-center align-items_center" *ngIf="delModal">
  <div class="modalBody">
    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="hideDelModal()"></i></div>
    <div class="content">
      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
      <div class="defeat">{{tipsMsg1}}</div>
    </div>
    <div class="display_flex justify-content_flex-center">
      <button nz-button nzType="primary" (click)="confirmDel()">确认</button>
      <button class="btn cancel " nz-button nzType="default" (click)="hideDelModal()">关闭</button>
    </div>
  </div>
</div>
<!-- 遮罩 -->
<app-mask *ngIf="maskFlag"></app-mask>