zy-pc/src/app/share/order-detail/order-detail.component.html

<div class="detail" *ngIf="!maskFlag">
  <div class="title">工单查看<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
  <div class="box">
    <div class="tab display_flex">
      <div [ngClass]="{'item':true, 'flex_1':true, checked:tabType==1}" (click)="checkTab(1)">工单信息</div>
      <div [ngClass]="{'item':true, 'flex_1':true, checked:tabType==2}" (click)="checkTab(2)">评价内容</div>
      <div [ngClass]="{'item':true, 'flex_1':true, checked:tabType==3}" (click)="checkTab(3)">积分</div>
      <div [ngClass]="{'item':true, 'flex_1':true, checked:tabType==4}" (click)="checkTab(4)">历史记录</div>
    </div>
    <!-- 其他类型工单信息 -->
    <overlay-scrollbars #osComponentRef3 style="max-height: 400px;">
      <div *ngIf="(tabType==1)&&(orderInfo.taskType.associationType.value=='other')" class="content orders">
        <div class="top">
          <div class="num">
            <span class="left">单号：{{orderInfo.gdcode}}</span>
            <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="6">工单日期：{{orderInfo.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
            <div nz-col nzSpan="6">总耗时：{{orderInfo.showTimeNum}}</div>
            <div nz-col nzSpan="6">申请类型：{{orderInfo.taskType?orderInfo.taskType.taskName:''}}</div>
            <div nz-col nzSpan="6">支助人员信息：{{orderInfo.worker?orderInfo.worker.name:''}}</div>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="6">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:''}}
            </div>
            <div nz-col nzSpan="6">
              目标科室：{{endDepts}}
            </div>
            <div nz-col nzSpan="6" *ngIf="orderInfo.urgentDetails">
              加急状态：{{orderInfo.urgentDetails.checkStatus.name}}</div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.urgentDetails">
            <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.urgentDetails.urgentReason}}</div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.workOrderRemark!==undefined">
            <div nz-col nzSpan="24">备注信息：{{orderInfo.workOrderRemark||'-'}}
            </div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.specialCloseReason!==undefined">
            <div nz-col nzSpan="24">特殊情况关闭原因：{{orderInfo.specialCloseReason||'-'}}
            </div>
          </div>
        </div>
        <div class="center">
          <div class="box">
            <div class="steps" *ngFor="let step of logList">
              <div class="step">
                <div class="info">
                  <i
                    [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
                  <p>{{step.operationName}}</p>
                  <p>{{step.record?step.record.operationtime:''}}</p>
                  <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
                      *ngFor="let dept of step.record">{{dept.dept}},</span></p>
                  <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
                </div>
                <div class="line"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </overlay-scrollbars>
    <!-- 标本类型工单信息 -->
    <overlay-scrollbars #osComponentRef4 style="max-height: 400px;">
      <div *ngIf="tabType==1&&orderInfo.taskType.associationType.value=='specimen'" class="content orders">
        <div class="top">
          <div class="num">
            <span class="left">单号：{{orderInfo.gdcode}}</span>
            <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="6">工单日期：{{orderInfo.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
            <div nz-col nzSpan="6">总耗时：{{orderInfo.showTimeNum}}</div>
            <div nz-col nzSpan="6">申请类型：{{orderInfo.taskType?orderInfo.taskType.taskName:''}}</div>
            <div nz-col nzSpan="6">支助人员信息：{{orderInfo.worker?orderInfo.worker.name:''}}</div>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="6">预计接收：{{orderInfo.expectReceiveNum}}</div>
            <div nz-col nzSpan="6">送达：{{orderInfo.deliveryNum||'无'}}</div>
            <div nz-col nzSpan="6">实际接收：{{orderInfo.actualReceiveNum||'无'}}</div>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="24">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:''}}
            </div>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="24">
              目标科室：{{endDepts}}
            </div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.urgentDetails">
            <div nz-col nzSpan="8">
              加急状态：{{orderInfo.urgentDetails.checkStatus.name}}</div>
            <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.urgentDetails.urgentReason}}</div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.workOrderRemark!==undefined">
            <div nz-col nzSpan="24">备注信息：{{orderInfo.workOrderRemark||'-'}}
            </div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.specialCloseReason!==undefined">
            <div nz-col nzSpan="24">特殊情况关闭原因：{{orderInfo.specialCloseReason||'-'}}
            </div>
          </div>
        </div>
        <div class="center">
          <div class="box">
            <div class="steps" *ngFor="let step of logList">
              <div class="step">
                <div class="info">
                  <i
                    [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
                  <p>{{step.operationName}}</p>
                  <p>{{step.record?step.record.operationtime:''}}</p>
                  <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
                      *ngFor="let dept of step.record">{{dept.dept}},</span></p>
                  <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
                </div>
                <div class="line"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="bottom">
          <div class="table">
            <nz-table class="" [nzData]="orderInfo.specimenSet" nzSize="small"
              [nzScroll]="{ y: (orderInfo.urgentDetails?'124px':'153px') }" [nzShowPagination]="null">
              <thead>
                <tr class="thead">
                  <th nzWidth="50px">序号</th>
                  <th nzWidth="95px">标本类型</th>
                  <th nzWidth="110px">标本编码</th>
                  <th nzWidth="88px">患者姓名</th>
                  <th nzWidth="50px">床号</th>
                  <th nzWidth="88px">目标科室</th>
                  <th nzWidth="75px">是否接收</th>
                  <th nzWidth="75px">是否送达</th>
                  <th nzWidth="123px">接收扫描时间</th>
                  <th nzWidth="123px">送达扫描时间</th>
                </tr>
              </thead>
              <tbody *ngIf="orderInfo.specimenSet">
                <tr *ngFor="let data of orderInfo.specimenSet;let i =index;">
                  <td>{{i+1}}</td>
                  <td>{{data.stype.name}}</td>
                  <td>{{data.scode}}</td>
                  <td>{{data.patientName}}</td>
                  <td>{{data.bedNum}}</td>
                  <td>{{data.checkDept.dept}}</td>
                  <td>{{data.received?"是":"否"}}</td>
                  <td>{{data.arrived?"是":"否"}}</td>
                  <td>{{data.arriveTime|date:'yyyy-MM-dd HH:mm'}}</td>
                  <td style="position: relative;">{{data.sendTime|date:'yyyy-MM-dd HH:mm'}}<img *ngIf="data.urgent == 1"
                      src="../../assets/images/icon_ji.png" alt="" class="ji"></td>
                </tr>
              </tbody>
            </nz-table>
          </div>
        </div>
      </div>
    </overlay-scrollbars>
    <!-- 标本轮巡工单信息 -->
    <overlay-scrollbars #osComponentRef5 style="max-height: 400px;">
      <div *ngIf="tabType==1&&orderInfo.taskType.associationType.value=='specimenPlan'" class="content orders">
        <div class="top">
          <div class="num">
            <span class="left">单号：{{orderInfo.gdcode}}</span>
            <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="6">工单日期：{{orderInfo.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
            <div nz-col nzSpan="6">总耗时：{{orderInfo.showTimeNum}}</div>
            <div nz-col nzSpan="8">申请类型：{{orderInfo.taskType?orderInfo.taskType.taskName:''}}</div>
            <div nz-col nzSpan="4">支助人员信息：{{orderInfo.worker?orderInfo.worker.name:''}}</div>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="4">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:''}}
            </div>
            <div nz-col nzSpan="10">
              目标科室：{{endDepts}}
            </div>
            <div nz-col nzSpan="4">预计接收：{{orderInfo.expectReceiveNum}}</div>
            <div nz-col nzSpan="3">送达：{{orderInfo.deliveryNum}}</div>
            <div nz-col nzSpan="3">实际接收：{{orderInfo.actualReceiveNum}}</div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.urgentDetails">
            <div nz-col nzSpan="8">
              加急状态：{{orderInfo.urgentDetails.checkStatus.name}}</div>
            <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.urgentDetails.urgentReason}}</div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.specialCloseReason!==undefined">
            <div nz-col nzSpan="24">特殊情况关闭原因：{{orderInfo.specialCloseReason||'-'}}
            </div>
          </div>
        </div>
        <div class="center">
          <div class="box">
            <div class="steps" *ngFor="let step of logList">
              <div class="step">
                <div class="info">
                  <i
                    [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
                  <p>{{step.operationName}}</p>
                  <p>{{step.record?step.record.operationtime:''}}</p>
                  <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
                      *ngFor="let dept of step.record">{{dept.dept}},</span></p>
                  <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
                </div>
                <div class="line"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="bottom">
          <div class="table">
            <nz-table class="" [nzData]="orderInfo.specimenSet" nzSize="small"
              [nzScroll]="{ y: (orderInfo.urgentDetails?'124px':'153px') }" [nzShowPagination]="null">
              <thead>
                <tr class="thead">
                  <th nzWidth="50px">序号</th>
                  <th nzWidth="95px">标本类型</th>
                  <th nzWidth="110px">标本编码</th>
                  <th nzWidth="88px">患者姓名</th>
                  <th nzWidth="50px">床号</th>
                  <th nzWidth="88px">目标科室</th>
                  <th nzWidth="75px">是否接收</th>
                  <th nzWidth="75px">是否送达</th>
                  <th nzWidth="123px">接收扫描时间</th>
                  <th nzWidth="123px">送达扫描时间</th>
                </tr>
              </thead>
              <tbody *ngIf="orderInfo.specimenSet">
                <tr *ngFor="let data of orderInfo.specimenSet;let i =index;">
                  <td>{{i+1}}</td>
                  <td>{{data.stype.name}}</td>
                  <td>{{data.scode}}</td>
                  <td>{{data.patientName}}</td>
                  <td>{{data.bedNum}}</td>
                  <td>{{data.checkDept.dept}}</td>
                  <td>{{data.received?"是":"否"}}</td>
                  <td>{{data.arrived?"是":"否"}}</td>
                  <td>{{data.arriveTime|date:'yyyy-MM-dd HH:mm'}}</td>
                  <td style="position: relative;">{{data.sendTime|date:'yyyy-MM-dd HH:mm'}}<img *ngIf="data.urgent == 1"
                      src="../../assets/images/icon_ji.png" alt="" class="ji"></td>
                </tr>
              </tbody>
            </nz-table>
          </div>
        </div>
      </div>
    </overlay-scrollbars>
    <!-- 药品/静配配送类型工单信息 -->
    <overlay-scrollbars #osComponentRef6 style="max-height: 400px;">
      <div
        *ngIf="tabType==1&&(orderInfo.taskType.associationType.value=='drugsBag'||orderInfo.taskType.associationType.value=='jPBag')"
        class="content orders">
        <div class="top">
          <div class="num">
            <span class="left">单号：{{orderInfo.gdcode}}</span>
            <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="6">工单日期：{{orderInfo.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
            <div nz-col nzSpan="6">总耗时：{{orderInfo.showTimeNum}}</div>
            <div nz-col nzSpan="6">申请类型：{{orderInfo.taskType?orderInfo.taskType.taskName:''}}</div>
            <div nz-col nzSpan="6">支助人员信息：{{orderInfo.worker?orderInfo.worker.name:''}}</div>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="6">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:''}}
            </div>
            <div nz-col nzSpan="6">
              目标科室：{{endDepts}}
            </div>
            <div nz-col nzSpan="6" *ngIf="orderInfo.urgentDetails">加急状态：{{orderInfo.urgentDetails.checkStatus.name}}
            </div>
            <div nz-col nzSpan="6" *ngIf="orderInfo.drugs">
              药包编码：{{orderInfo.drugs.packid}}</div>
            <div nz-col nzSpan="6" *ngIf="orderInfo.staticDistri">
              药包编码：{{orderInfo.staticDistri.packid}}</div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.urgentDetails">
            <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.urgentDetails.urgentReason}}</div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.specialCloseReason!==undefined">
            <div nz-col nzSpan="24">特殊情况关闭原因：{{orderInfo.specialCloseReason||'-'}}
            </div>
          </div>
        </div>
        <div class="center">
          <div class="box">
            <div class="steps" *ngFor="let step of logList">
              <div class="step">
                <div class="info">
                  <i
                    [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
                  <p>{{step.operationName}}</p>
                  <p>{{step.record?step.record.operationtime:''}}</p>
                  <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
                      *ngFor="let dept of step.record">{{dept.dept}},</span></p>
                  <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
                </div>
                <div class="line"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="bottom">
          <div class="table">
            <!-- 静配 -->
            <nz-table *ngIf="orderInfo.staticDistri" class="detailDrugTable"
              [nzData]="orderInfo.staticDistri.jpdetailsFormat" nzSize="small" [nzScroll]="{ y: '125px' }"
              [nzShowPagination]="null">
              <thead>
                <tr class="thead">
                  <th nzWidth="15%">患者信息</th>
                  <th nzWidth="30%">药品</th>
                  <th nzWidth="5%">数量</th>
                  <th nzWidth="15%">患者信息</th>
                  <th nzWidth="30%">药品</th>
                  <th nzWidth="5%">数量</th>
                </tr>
              </thead>
              <tbody *ngIf="orderInfo.staticDistri">
                <tr *ngFor="let data of orderInfo.staticDistri.jpdetailsFormat">
                  <td>{{data[0].bedNum}}床：{{data[0].patientInfo}}</td>
                  <td>{{data[0].jpInfo}}</td>
                  <td>{{data[0].jpNum}}</td>
                  <td>{{data[1]?data[1].bedNum+"床："+data[1].patientInfo:''}}</td>
                  <td>{{data[1]?data[1].jpInfo:''}}</td>
                  <td>{{data[1]?data[1].jpNum:''}}</td>
                </tr>
              </tbody>
            </nz-table>
            <!-- 药品 -->
            <nz-table *ngIf="orderInfo.drugs" class="detailDrugTable" [nzData]="orderInfo.drugs.drugsFormat"
              nzSize="small" [nzScroll]="{ y: '125px' }" [nzShowPagination]="null">
              <thead>
                <tr class="thead">
                  <th nzWidth="15%">患者信息</th>
                  <th nzWidth="30%">药品</th>
                  <th nzWidth="5%">数量</th>
                  <th nzWidth="15%">患者信息</th>
                  <th nzWidth="30%">药品</th>
                  <th nzWidth="5%">数量</th>
                </tr>
              </thead>
              <tbody *ngIf="orderInfo.drugs">
                <tr *ngFor="let data of orderInfo.drugs.drugsFormat">
                  <td>{{data[0].bedNum}}床：{{data[0].patientInfo}}</td>
                  <td>{{data[0].drugsInfo}}</td>
                  <td>{{data[0].drugsNum}}</td>
                  <td>{{data[1]?data[1].bedNum+"床："+data[1].patientInfo:''}}</td>
                  <td>{{data[1]?data[1].drugsInfo:''}}</td>
                  <td>{{data[1]?data[1].drugsNum:''}}</td>
                </tr>
              </tbody>
            </nz-table>
          </div>
        </div>
      </div>
    </overlay-scrollbars>
    <!-- 患者陪检/患者转运类型工单信息 -->
    <overlay-scrollbars #osComponentRef1 style="max-height: 400px;">
      <div
        *ngIf="tabType==1&&(orderInfo.taskType.associationType.value=='inspect'||orderInfo.taskType.associationType.value=='patientTransport')"
        class="content orders">
        <div class="top">
          <div class="num">
            <span class="left">单号：{{orderInfo.gdcode}}</span>
            <span class="right">{{orderInfo.gdState?orderInfo.gdState.name:''}}</span>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="6">工单日期：{{orderInfo.startTime|date:'yyyy-MM-dd HH:mm'}}</div>
            <div nz-col nzSpan="6">总耗时：{{orderInfo.showTimeNum}}</div>
            <div nz-col nzSpan="6">申请类型：{{orderInfo.taskType?orderInfo.taskType.taskName:''}}</div>
            <div nz-col nzSpan="6">支助人员信息：{{orderInfo.worker?orderInfo.worker.name:''}}</div>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="6">申请科室：{{orderInfo.createDeptDTO?orderInfo.createDeptDTO.dept:''}}
            </div>
            <div nz-col nzSpan="6" *ngIf="middleDept.length>0">中间科室：{{middleDept.join('，')}}
            </div>
            <div nz-col nzSpan="6">
              目标科室：{{endDepts}}
            </div>
            <div nz-col nzSpan="6" *ngIf="orderInfo.urgentDetails">加急状态：{{orderInfo.urgentDetails.checkStatus.name}}
            </div>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="6" *ngIf="orderInfo.isAccompany===1||orderInfo.isAccompany===0">
              陪同情况：{{orderInfo.isAccompany==1?'需要医护陪同':'无需医护陪同'}}</div>
            <div nz-col nzSpan="6" *ngIf="orderInfo.yyjdTime">
              预约时间：{{orderInfo.yyjdTime|date:'MM-dd HH:mm'}}</div>
            <div nz-col nzSpan="6" *ngIf="orderInfo.taskType.associationType.value=='inspect'">
              是否半程陪检：{{orderInfo.isHalfInspect===1?'是':'否'}}</div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.urgentDetails">
            <div nz-col nzSpan="24" class="jiaji">加急原因：{{orderInfo.urgentDetails.urgentReason}}</div>
          </div>
          <div class="info" nz-row *ngIf="orderInfo.specialCloseReason!==undefined">
            <div nz-col nzSpan="24">特殊情况关闭原因：{{orderInfo.specialCloseReason||'-'}}
            </div>
          </div>
        </div>
        <div class="center">
          <div class="box">
            <div class="steps" *ngFor="let step of logList">
              <div class="step">
                <div class="info">
                  <i
                    [ngClass]="{'icon_transport':true, 'transport-icon_liucheng':true,'green':(step.record&&step.record[0]&&step.record[0].operationTime)}"></i>
                  <p>{{step.operationName}}</p>
                  <p>{{step.record?step.record.operationtime:''}}</p>
                  <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
                      *ngFor="let dept of step.record">{{dept.dept}},</span></p>
                  <p *ngIf="step.record&&step.record.length&&step.operationName!='申请'">耗时{{filterTime(step.record)}}</p>
                </div>
                <div class="line"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="bottom">
          <div class="info">
            <div nz-row class="top">
              <div class="left" nz-col nzSpan="12">
                <p>
                  <span class="label">患者姓名</span>
                  <span>{{orderInfo.patient?orderInfo.patient.patientName:'-'}}</span>
                </p>
                <p>
                  <span class="label">床位</span>
                  <span>{{orderInfo.patient?orderInfo.patient.bedNum:'-'}}</span>
                </p>
              </div>
              <div class="right" nz-col nzSpan="12">
                <p>
                  <span class="label">患者编码</span>
                  <span>{{orderInfo.patient?orderInfo.patient.patientCode:'-'}}</span>
                </p>
                <p>
                  <span class="label">携带物品</span>
                  <span>{{orderInfo.goods||'暂无'}}</span>
                </p>
              </div>
            </div>
          </div>
          <ng-container *ngIf="orderInfo.taskType.associationType.value=='inspect'">
            <div class="info" *ngFor="let item of orderInfo.checkList">
              <div nz-row class="top">
                <div nz-col nzSpan="8">
                  <p>
                    <span class="label">检查项目：</span>
                    <span>
                      <span>
                        <span>{{item.inspectName||'-'}}</span>
                      </span>
                    </span>
                  </p>
                </div>
                <div nz-col nzSpan="8">
                  <p>
                    <span class="label">预约时间：</span>
                    <span>{{item.yyTime||'-'}}</span>
                  </p>
                </div>
                <div nz-col nzSpan="8">
                  <p>
                    <span class="label">叫号信息：</span>
                    <span>{{item.reservationNumber||'-'}}</span>
                  </p>
                </div>
                <div nz-col nzSpan="8">
                  <p>
                    <span class="label">到达时间：</span>
                    <span>{{item.arriveTime||'-'}}</span>
                  </p>
                </div>
                <div nz-col nzSpan="8">
                  <p>
                    <span class="label">检查科室：</span>
                    <span>{{item.execDept?item.execDept.dept:'-'}}</span>
                  </p>
                </div>
                <div nz-col nzSpan="8">
                  <p>
                    <span class="label">是否送达：</span>
                    <span>{{item.arriveTime?'是':'否'}}</span>
                  </p>
                </div>
              </div>
            </div>
          </ng-container>
        </div>
      </div>
    </overlay-scrollbars>
    <!-- 评价内容 -->
    <overlay-scrollbars #osComponentRef7 style="max-height: 400px;">
      <div *ngIf="tabType==2" class="content pingjia">
        <div class="msg">
          <div>评价等级：{{orderInfo.evaluationDetails?orderInfo.evaluationDetails.serviceEvaluation.name:''}}</div>
          <div>评价人：{{orderInfo.evaluationDetails?orderInfo.evaluationDetails.evalutationUser.name:''}}</div>
        </div>
        <div class="con">
          意见内容：{{orderInfo.evaluationDetails?orderInfo.evaluationDetails.remark:''}}
        </div>
      </div>
    </overlay-scrollbars>
    <!-- 积分 -->
    <overlay-scrollbars #osComponentRef8 style="max-height: 400px;">
      <div *ngIf="tabType==3" class="content jifen">
        <div class="table">
          <nz-table class="integralTable" [nzData]="[1,2]" nzSize="middle" [nzShowPagination]="null">
            <thead>
              <tr class="thead">
                <th nzWidth="15%">考核项</th>
                <th nzWidth="10%">分值</th>
                <th nzWidth="60%">计算</th>
                <th nzWidth="15%">实际得分</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>响应时间</td>
                <td>{{orderInfo.grade?orderInfo.grade.estimateResponseGrade:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.responseDetails:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.responseGrade:'-'}}</td>
              </tr>
              <tr>
                <td>到达时间</td>
                <td>{{orderInfo.grade?orderInfo.grade.estimateArriveGrade:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.arriveDetails:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.arriveGrade:'-'}}</td>
              </tr>
              <tr>
                <td>执行时间</td>
                <td>{{orderInfo.grade?orderInfo.grade.estimateExecutionGrade:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.executionDetails:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.executionGrade:'-'}}</td>
              </tr>
              <tr>
                <td>基础分</td>
                <td>{{orderInfo.grade?orderInfo.grade.estimateBaseGrade:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.baseDetails:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.baseGrade:'-'}}</td>
              </tr>
              <tr>
                <td>评价分</td>
                <td>{{orderInfo.grade?orderInfo.grade.estimateEvaluationGrade:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.evaluationDetails:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.evaluationGrade:'-'}}</td>
              </tr>
              <tr>
                <td>楼栋分</td>
                <td>{{orderInfo.grade?orderInfo.grade.estimateBuildingGrade:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.buildingDetails:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.buildingGrade:'-'}}</td>
              </tr>
              <tr>
                <td>最终得分</td>
                <td>{{orderInfo.grade?orderInfo.grade.estimateGradeTotal:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.totalDetails:'-'}}</td>
                <td>{{orderInfo.grade?orderInfo.grade.gradeTotal:'-'}}</td>
              </tr>
            </tbody>
          </nz-table>
        </div>
      </div>
    </overlay-scrollbars>
    <!-- 历史记录 -->
    <overlay-scrollbars #osComponentRef2 style="max-height: 400px;">
      <div *ngIf="tabType==4" class="content jifen">
        <div class="table">
          <nz-table class="integralTable" [nzData]="[1,2]" nzSize="middle" [nzShowPagination]="null">
            <thead>
              <tr class="thead">
                <th nzWidth="5%">序号</th>
                <th nzWidth="30%">操作动作</th>
                <th nzWidth="15%">操作时间</th>
                <th nzWidth="10%">操作人</th>
                <th nzWidth="10%">图片查看</th>
                <th nzWidth="30%">异常关闭原因</th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let item of workOrderRecord;let i = index;">
                <td>{{i+1}}</td>
                <td>{{item.operation?item.operation.name:'-'}}</td>
                <td>{{item.operationTime||'-'}}</td>
                <td>{{item.username||'-'}}</td>
                <td><button *ngIf="item.attachments"
                    (click)="previewImageHandler(item.attachments[0].token)">查看图片</button><span
                    *ngIf="!item.attachments">无</span></td>
                <td>{{item.specialCloseReason === 'true'?orderInfo.specialCloseReason:'-'}}</td>
              </tr>
            </tbody>
          </nz-table>
        </div>
      </div>
    </overlay-scrollbars>
  </div>
  <div class="btns">
    <button class=" btn cancel" nz-button nzType="default" (click)="close()">关闭</button>
  </div>
</div>
<!-- 操作成功/失败提示框 -->
<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
  [info]="promptInfo" (closeModel)="close()">
  <!-- 2.父组件调用子组件时绑定到这个事件属性，并在事件发生时作出回应。(closeModel)="close()" -->
</app-prompt-modal>
<!-- 图片提示框 -->
<app-prompt-modal *ngIf="promptModalShowImg" [show]="promptModalShowImg" (closeModel)="closeImg()"
  [previewImage]="previewImage">
</app-prompt-modal>
<!-- 遮罩 -->
<app-mask *ngIf="maskFlag"></app-mask>