<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="incidentData">
  <div class="modalBody">
    <div class="title">{{itsmSimpleHandle.value == 1 ? '简单处理' : '详细处理'}}<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
    <div class="content">
      <overlay-scrollbars #osComponentRef1 class="detail">
        <app-incident-handle-repair [incidentData]="incidentData"></app-incident-handle-repair>
      </overlay-scrollbars>
      <overlay-scrollbars #osComponentRef2 class="workingArea">
        <div class="tabs">
          <div class="tab" *ngFor="let item of tabs" (click)="clickTbab(item)" [ngClass]="{ active: activeTabValue === item.value }">{{ item.name }}</div>
        </div>
        <div [hidden]="activeTabValue !== 1">
          <app-incident-handle-info [incidentData]="incidentData" (changeCategoryHs)="changeCategoryHs($event)" *ngIf="itsmSimpleHandle.value == 0"></app-incident-handle-info>
          <app-incident-handle-info-simple [incidentData]="incidentData" *ngIf="itsmSimpleHandle.value == 1"></app-incident-handle-info-simple>
        </div>
        <div [hidden]="activeTabValue !== 2">
          <app-incident-handle-order [id]="id"></app-incident-handle-order>
        </div>
      </overlay-scrollbars>
      <overlay-scrollbars #osComponentRef3 class="knowage">
        <div [hidden]="knowageLoading" class="knowageItem" *ngFor="let item of knowageList">
          <div class="knowageTitle">{{item.title}}</div>
          <div class="knowageDescription">{{item.content | stripHtml}}</div>
          <div class="knowageBtns">
            <button nz-button nzType="primary" (click)="importKnowage(item)" *ngIf="activeTabValue === 1 && itsmSimpleHandle.value == 0">引用</button>
            <button class="ml8" nz-button nzType="primary" (click)="showKnowledgeModal(item)">查看</button>
          </div>
        </div>
        <nz-empty *ngIf="!knowageLoading && knowageList.length === 0" style="margin-top: 80px;"></nz-empty>
        <nz-spin nzSimple [nzSpinning]="knowageLoading" class="mt8 text_align_center"></nz-spin>
      </overlay-scrollbars>
    </div>
    <div class="display_flex justify-content_flex-center">
      <button nz-button nzType="primary" (click)="submitForm()"[nzLoading]="isLoading" *ngIf="activeTabValue === 1">确认</button>
      <button nz-button nzType="default" class="btn cancel" (click)="hideModal()">取消</button>
    </div>
  </div>
</div>

<!-- 知识库查看 -->
<app-knowledge-look (cancelKnowledgeModal)="cancelKnowledgeModal()" *ngIf="isShowKnowledge" [knowledgeData]="coopData"></app-knowledge-look>

<!-- 遮罩 -->
<app-mask *ngIf="maskFlag"></app-mask>
