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="height: 90%; flex: 1"
      *ngIf="
        tabType == 1 && orderInfo.taskType.associationType.value == 'other'
      "
    >
      <div class="content orders">
        <div class="top" *ngIf="amplificationShow">
          <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 : ""
              }}<ng-container *ngIf="orderInfo.goodsRemark"
                >-{{ orderInfo.goodsRemark }}</ng-container
              >
            </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" *ngIf="amplificationShow">
          <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="height: 90%; flex: 1"
      *ngIf="
        tabType == 1 && orderInfo.taskType.associationType.value == 'specimen'
      "
    >
      <div class="content orders">
        <div class="top" *ngIf="amplificationShow">
          <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 : ""
              }}<ng-container *ngIf="orderInfo.goodsRemark"
                >-{{ orderInfo.goodsRemark }}</ng-container
              >
            </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="6">
              申请科室：{{
                orderInfo.createDeptDTO ? orderInfo.createDeptDTO.dept : ""
              }}
            </div>
            <div nz-col nzSpan="6">
              起点科室：{{
                orderInfo.startDept ? orderInfo.startDept.dept : ""
              }}
            </div>
            <div nz-col nzSpan="12">目标科室：{{ 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" *ngIf="amplificationShow">
          <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="amplification">
            <button
              nz-button
              nzType="primary"
              class="btn default"
              (click)="amplification()"
            >
              {{ amplificationShow ? "放大" : "还原" }}
            </button>
          </div>
          <div class="table">
            <nz-table
              [nzData]="orderInfo.specimenSet"
              nzSize="small"
              [nzShowPagination]="null"
            >
              <thead>
                <tr class="thead">
                  <th nzWidth="4%">序号</th>
                  <th nzWidth="8%">申请科室</th>
                  <th nzWidth="7%">患者姓名</th>
                  <th nzWidth="5%">标本编码</th>
                  <th nzWidth="8%">检验项目</th>
                  <th nzWidth="8%">标本类型</th>
                  <th nzWidth="5%">状态</th>
                  <th nzWidth="8%">收取时间</th>
                  <th nzWidth="8%">收取人</th>
                  <th nzWidth="8%">中转时间</th>
                  <th nzWidth="8%">送达时间</th>
                  <th nzWidth="8%">送达人</th>
                  <th nzWidth="8%">终点科室</th>
                </tr>
              </thead>
              <tbody *ngIf="orderInfo.specimenSet">
                <tr *ngFor="let data of orderInfo.specimenSet; let i = index">
                  <td>{{ i + 1 }}</td>
                  <td>{{ data.sickRoom ? data.sickRoom.dept : "-" }}</td>
                  <td>{{ data.patientName}}<span *ngIf="data.bedNum">({{data.bedNum}})</span><br>{{data.residenceNo}}</td>
                  <td>{{ data.scode || "-" }}</td>
                  <td>{{ data.specimenDesc || "-" }}</td>
                  <td>{{ data.stype ? data.stype.name : "-" }}</td>
                  <td>{{ data.speState ? data.speState.name : "-" }}</td>
                  <td>{{ data.arriveTime || "-" }}</td>
                  <td>{{ data.receiverName || "-" }}</td>
                  <td>{{ data.transTime || '-' }}</td>
                  <td>{{ data.sendTime || '-' }}</td>
                  <td>{{ data.delivererName || "-" }}</td>
                  <td>
                    {{ data.checkDept ? data.checkDept.dept : "-" }}
                    <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="height: 90%; flex: 1"
      *ngIf="
        tabType == 1 &&
        orderInfo.taskType.associationType.value == 'specimenPlan'
      "
    >
      <div class="content orders">
        <div class="top" *ngIf="amplificationShow">
          <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 : ""
              }}<ng-container *ngIf="orderInfo.goodsRemark"
                >-{{ orderInfo.goodsRemark }}</ng-container
              >
            </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" *ngIf="amplificationShow">
          <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="amplification">
            <button
              nz-button
              nzType="primary"
              class="btn default"
              (click)="amplification()"
            >
              {{ amplificationShow ? "放大" : "还原" }}
            </button>
          </div>
          <div class="table">
            <nz-table
              [nzData]="orderInfo.specimenSet"
              nzSize="small"
              [nzShowPagination]="null"
            >
              <thead>
                <tr class="thead">
                  <th nzWidth="4%">序号</th>
                  <th nzWidth="8%">申请科室</th>
                  <th nzWidth="7%">患者姓名</th>
                  <th nzWidth="5%">标本编码</th>
                  <th nzWidth="8%">检验项目</th>
                  <th nzWidth="8%">标本类型</th>
                  <th nzWidth="5%">状态</th>
                  <th nzWidth="8%">收取时间</th>
                  <th nzWidth="8%">收取人</th>
                  <th nzWidth="8%">中转时间</th>
                  <th nzWidth="8%">送达时间</th>
                  <th nzWidth="8%">送达人</th>
                  <th nzWidth="8%">终点科室</th>
                </tr>
              </thead>
              <tbody *ngIf="orderInfo.specimenSet">
                <tr *ngFor="let data of orderInfo.specimenSet; let i = index">
                  <td>{{ i + 1 }}</td>
                  <td>{{ data.sickRoom ? data.sickRoom.dept : "-" }}</td>
                  <td>{{ data.patientName}}<span *ngIf="data.bedNum">({{data.bedNum}})</span><br>{{data.residenceNo}}</td>
                  <td>{{ data.scode || "-" }}</td>
                  <td>{{ data.specimenDesc || "-" }}</td>
                  <td>{{ data.stype ? data.stype.name : "-" }}</td>
                  <td>{{ data.speState ? data.speState.name : "-" }}</td>
                  <td>{{ data.arriveTime || "-" }}</td>
                  <td>{{ data.receiverName || "-" }}</td>
                  <td>{{ data.transTime || '-' }}</td>
                  <td>{{ data.sendTime || '-' }}</td>
                  <td>{{ data.delivererName || "-" }}</td>
                  <td>
                    {{ data.checkDept ? data.checkDept.dept : "-" }}
                    <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="height: 90%; flex: 1"
      *ngIf="
        tabType == 1 &&
        (orderInfo.taskType.associationType.value == 'drugsBag' ||
          orderInfo.taskType.associationType.value == 'jPBag')
      "
    >
      <div class="content orders">
        <div class="top" *ngIf="amplificationShow">
          <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 : ""
              }}<ng-container *ngIf="orderInfo.goodsRemark"
                >-{{ orderInfo.goodsRemark }}</ng-container
              >
            </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" *ngIf="amplificationShow">
          <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="amplification">
            <button
              nz-button
              nzType="primary"
              class="btn default"
              (click)="amplification()"
            >
              {{ amplificationShow ? "放大" : "还原" }}
            </button>
          </div>
          <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="height: 90%; flex: 1"
      *ngIf="
        tabType == 1 &&
        (orderInfo.taskType.associationType.value == 'inspect' ||
          orderInfo.taskType.associationType.value == 'patientTransport')
      "
    >
      <div class="content orders">
        <div class="top" *ngIf="amplificationShow">
          <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 : ""
              }}<ng-container *ngIf="orderInfo.goodsRemark"
                >-{{ orderInfo.goodsRemark }}</ng-container
              >
            </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" *ngIf="amplificationShow">
          <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="amplification">
            <button
              nz-button
              nzType="primary"
              class="btn default"
              (click)="amplification()"
            >
              {{ amplificationShow ? "放大" : "还原" }}
            </button>
          </div>
          <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="height: 90%;flex:1;"
      *ngIf="tabType == 2"
    >
      <div 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="height: 90%;flex:1;"
      *ngIf="tabType == 3"
    >
      <div 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="height: 90%;flex:1;"
      *ngIf="tabType == 4"
    >
      <div 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>