<div class="save add display_flex align-items_center justify-content_flex-center">
  <div class="modalBody">
    <div class="title">查看</div>
    <!-- <overlay-scrollbars #osComponentRef1 class="content"> -->
     <div class="view-box">
       <div class="view-item left-box">
         <div class="item-left-list"
         [ngClass]="{'activeClass': index == vIndex}"
         *ngFor="let item of detailData let index=index;" (click)="versionsClick(item, index)">V{{item.versionNumber}}</div>
       </div>
       <div class="view-item center-box" *ngIf="lookData&&lookData.title">
         <div class="title">{{lookData.title}}</div>
         <div class="title-sign">
           <div class="width-180">知识分类：{{lookData.type.name}}</div>
           <div>报修可见：{{lookData.repairVisible=='1'?'是':'否'}}</div>
           <div>版本号：V{{lookData.versionNumber || ''}}</div>
         </div>
         <div class="title-sign">
           <div class="width-180" *ngIf="lookData.type.value=='1'">关联故障：{{lookData.incidentCategory?lookData.incidentCategory.mutiCategory: ''}}</div>
           <div class="width-180" *ngIf="lookData.type.value=='2'">关联巡检：{{lookData.inspectionForm?lookData.inspectionForm.name: ''}}</div>
           <div>关联产品：{{lookData.assetProduct?lookData.assetProduct.name:''}}</div>
         </div>
         <div class="content-class" *ngIf="richText" [innerHTML]="richText"></div>
         <div class="file-box" *ngIf="fileData.length>0">
           <div>附件列表：</div>
           <div>
             <div class="file-class" *ngFor="let item of fileData" (click)="fileClick(item)">
               {{item.name}}
              <span nz-icon nzType="download" nzTheme="outline" class="download-icon"></span>
             </div>
           </div>
         </div>
       </div>
       <div class="view-item right-box" *ngIf="solutionLogs">
         <nz-steps [nzCurrent]="stepLength" nzDirection="vertical" nzSize="small">
          <ng-container *ngFor="let item of solutionLogs; let index = index">
              <nz-step
                [nzDescription]="tpl"
              >
              </nz-step>
              <ng-template #tpl>
                <div *ngIf="index==solutionLogs.length-1" class="step-size">
                  <div>
                    <span style="color: #49B856;">{{item.operationStatus.name}}</span>
                    &nbsp;&nbsp;&nbsp;
                    <span style="color:#333;">{{item.operationUser.name}}</span>
                  </div>
                  <div style="color:#333;">{{ item.time }}</div>
                  <div class="back-class" nz-tooltip [nzTooltipTitle]="item.rejectedReason" *ngIf="item.operationStatus.value=='3'">(驳回原因)</div>
                </div>
                <div *ngIf="index!=solutionLogs.length-1" class="step-size">
                  <div>
                    <span>{{item.operationStatus.name}}</span>
                    &nbsp;&nbsp;&nbsp;
                    <span>{{item.operationUser.name}}</span>
                  </div>
                  <div>{{ item.time }}</div>
                  <div class="back-class" nz-tooltip [nzTooltipTitle]="item.rejectedReason" *ngIf="item.operationStatus.value=='3'">(驳回原因)</div>
                </div>
              </ng-template>
            </ng-container>
         </nz-steps>
       </div>
     </div>
    <!-- </overlay-scrollbars> -->
    <div class="display_flex justify-content_flex-center">
      <button class="btn" nz-button nzType="primary" (click)="hideModal()">知道了</button>
    </div>
    <div class="mask-style" *ngIf="isSpinning">
      <nz-spin nzSimple class="spin-style"></nz-spin>
    </div>
  </div>
</div>
