<div class="mask" *ngIf="isMask">
  <div class="con-wrap">
    <div class="con">
      <div class="title">配置</div>
      <div class="conditions">
        <div nz-row>
          <div nz-col nzSpan="6"><span class="red">*</span>任务类型：</div>
          <div nz-col nzSpan="15">
            <div nz-row>
              <nz-select class="w100" [nzDropdownMatchSelectWidth]="false" nzShowSearch nzPlaceHolder="请选择任务类型" nzServerSearch (nzOnSearch)="onSearchOtherTaskType($event)" [(ngModel)]="tasktype">
                <ng-container *ngFor="let o of taskTypeList">
                  <nz-option *ngIf="!searchLoading" [nzLabel]="o.taskName" [nzValue]="o.id"></nz-option>
                </ng-container>
                <nz-option *ngIf="searchLoading" nzDisabled nzCustomContent>
                  <i nz-icon nzType="loading" class="loading-icon"></i>
                  搜索中...
                </nz-option>
              </nz-select>
            </div>
          </div>
        </div>
        <div nz-row>
          <div nz-col nzSpan="6"><span class="red">*</span>刷新时间：</div>
          <div nz-col nzSpan="15">
            <div nz-row>
              <div nz-col nzSpan="">
                <nz-input-group nzAddOnAfter="秒">
                  <nz-input-number
                    class="w100"
                    [(ngModel)]="refreshTime"
                    [nzMin]="10"
                    [nzStep]="1"
                    placeholder="请输入刷新时间"
                  ></nz-input-number>
                </nz-input-group>
              </div>
            </div>
          </div>
        </div>
        <div nz-row>
          <div nz-col nzSpan="6"><span class="red">*</span>切屏时间：</div>
          <div nz-col nzSpan="15">
            <div nz-row>
              <div nz-col nzSpan="">
                <nz-input-group nzAddOnAfter="秒">
                  <nz-input-number
                    class="w100"
                    [(ngModel)]="screenCuttingTime"
                    [nzMin]="10"
                    [nzStep]="1"
                    placeholder="请输入切屏时间"
                  ></nz-input-number>
                </nz-input-group>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="btns display_flex justify-content_flex-center">
        <button
          nz-button
          nzType="primary"
          nzValue="small"
          (click)="saveScreen()"
        >
          确定
        </button>
      </div>
    </div>
  </div>
</div>
<div class="screen" *ngIf="!isMask">
  <!-- 头部 -->
  <div class="screen_head">
    <div class="screen_head_txt">
      <h1>消毒供应中心下收下送实时表</h1>
      <div class="left_oblique_line_image"></div>
      <div class="right_oblique_line_image"></div>
    </div>
    <div class="left_line"></div>
    <div class="right_line"></div>
    <div class="left_oblique_line"></div>
    <div class="right_oblique_line"></div>
    <div class="bottom_line"></div>
  </div>

  <!-- 内容 -->
  <div class="screen_body swiper" id="mySwiper" *ngIf="buildings.length">
    <div class="swiper-wrapper display_flex">
      <div class="screen_wrap swiper-slide" *ngFor="let screen of buildings;let screentIndex = index;" (mouseenter)="swiperEnter()" (mouseleave)="swiperLeave()">
        <div class="screen_list" *ngFor="let building of screen;let buildingIndex = index;">
          <div class="screen_list_head">
            <div class="screen_list_title">{{building.name}}</div>
            <div class="screen_list_column">
              <div class="column" *ngIf="building.name">科室名称</div>
              <div class="column" *ngIf="building.name"><span [title]="taskTypeName + '工单状态'">{{taskTypeName}}工单状态</span></div>
            </div>
          </div>
          <div class="screen_list_body">
            <div class="screen_list_item" *ngFor="let department of building.departments" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex">
              <div class="item_name" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex"><span [title]="department.name" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex">{{department.name}}</span></div>
              <div class="item_description" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex">
                <div class="item_orderInfo" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex" *ngIf="department.orders[0]">{{department.orders[0][11].slice(-4)}}-{{department.orders[0][7]}} {{department.orders[0][8]}}</div>
                <div class="item_remarks" [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex" *ngIf="department.orders[0]"><span [attr.data-id]="department.id" [attr.data-screentIndex]="screentIndex" [attr.data-buildingIndex]="buildingIndex" [title]="department.orders[0][13]">{{department.orders[0][13]}}</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination">
      <div class="dit" [ngClass]="{active: activeIndex == i}" *ngFor="let dit of buildings;let i = index;" (click)="setActiveIndex(i)"></div>
    </div>
  </div>
</div>
<!-- 详情 -->
<div class="mask" *ngIf="detailModel">
  <div class="detail">
    <div class="detail_head">
      <h2>详细信息</h2>
      <img (click)="closeDetail()" src="./../../../assets/images/screen/close.png" alt="">
    </div>
    <div class="detail_body">
      <div class="detail_body_item">
        <div class="detail_body_left">
          <div class="detail_body_title">楼栋：</div>
          <div class="detail_body_title_content">{{order[3]}}</div>
        </div>
      </div>
      <div class="detail_body_item">
        <div class="detail_body_left">
          <div class="detail_body_title">科室：</div>
          <div class="detail_body_title_content">{{order[6]}}</div>
        </div>
      </div>
      <div class="detail_body_item">
        <div class="detail_body_left">
          <div class="detail_body_title">配送人员：</div>
          <div class="detail_body_title_content">{{order[8]}}</div>
        </div>
      </div>
      <div class="detail_body_item">
        <div class="detail_body_left">
          <div class="detail_body_title">工单号：</div>
          <div class="detail_body_title_content">{{order[11]}}</div>
        </div>
      </div>
      <div class="detail_body_item">
        <div class="detail_body_left">
          <div class="detail_body_title">任务类型：</div>
          <div class="detail_body_title_content">{{taskTypeName}}</div>
        </div>
      </div>
      <div class="detail_body_item">
        <div class="detail_body_left">
          <div class="detail_body_title">工单状态：</div>
          <div class="detail_body_title_content">{{order[7]}}</div>
        </div>
      </div>
      <div class="detail_body_item">
        <div class="detail_body_left">
          <div class="detail_body_title">备注信息：</div>
          <div class="detail_body_title_content">{{order[13]}}</div>
        </div>
      </div>
    </div>
    <div class="detail_foot">
      <div class="detail_btn" (click)="closeDetail()">知道了</div>
    </div>
  </div>
</div>

