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">
              起点科室：{{
                orderInfo.startDept ? orderInfo.startDept.dept : ""
              }}
            </div>
            <div nz-col nzSpan="6">目标科室：{{ endDepts }}</div>
            <div nz-col nzSpan="6" *ngIf="orderInfo.yyjdTime">
              预约时间：{{ orderInfo.yyjdTime | date: "MM-dd HH:mm" }}
            </div>
          </div>
          <div class="info" nz-row>
            <div nz-col nzSpan="6" *ngIf="orderInfo.inspectUsers">
              执行人员：{{ orderInfo.inspectUsers }}
            </div>
            <div nz-col nzSpan="6" *ngIf="orderInfo.inspectUsersNum">
              执行人数：{{ orderInfo.inspectUsersNum }}
            </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.length>=1 && step.operationName=='申请' ? step.record[0].username : '' }}</p>
									<p>{{ step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):'' }}</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.length>=1 && step.operationName=='申请' ? step.record[0].username : '' }}</p>
									<p>{{ step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</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
      #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.length>=1 && step.operationName=='申请' ? step.record[0].username : '' }}</p>
									<p>{{ step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</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
      #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.length>=1 && step.operationName=='申请' ? step.record[0].username : '' }}</p>
									<p>{{ step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):''}}</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
              nz-col
              nzSpan="6"
              *ngIf="orderInfo.inspectScore"
            >
              陪检方式：{{ orderInfo.inspectScore.inspectMode }}
            </div>
            <div
              nz-col
              nzSpan="6"
              *ngIf="orderInfo.inspectUsers"
            >
              陪检人员：{{ orderInfo.inspectUsers }}
            </div>
            <div
              nz-col
              nzSpan="6"
              *ngIf="orderInfo.inspectUsersNum"
            >
              陪检人数：{{ orderInfo.inspectUsersNum }}
            </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.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.length>=1 && step.operationName=='申请' ? step.record[0].username : '' }}</p>
									<p>{{ step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):'' }}</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 *ngIf="orderInfo.patient.residenceNo">
                  <span class="label">床位</span>
                  <span>{{
                    orderInfo.patient ? orderInfo.patient.bedNum : "-"
                  }}</span>
                </p>
								<p *ngIf="!orderInfo.patient.residenceNo">
								  <span class="label">就诊卡号</span>
								  <span>{{
								    orderInfo.patient ? orderInfo.patient.cardNo : "-"
								  }}</span>
								</p>
              </div>
              <div class="right" nz-col nzSpan="12">
                <p *ngIf="orderInfo.patient.residenceNo">
                  <span class="label">住院号</span>
                  <span>{{
                    orderInfo.patient ? orderInfo.patient.residenceNo : "-"
                  }}</span>
                </p>
								<p *ngIf="!orderInfo.patient.residenceNo">
								  <span class="label">身份证号</span>
								  <span>{{
								    orderInfo.patient ? orderInfo.patient.identityCardNo : "-"
								  }}</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 nz-col nzSpan="24">
                  <p>
                    <span class="label">医生备注：</span>
                    <span>{{ item.remark }}</span>
                  </p>
                </div>
              </div>
            </div>
          </ng-container>
        </div>
      </div>
    </overlay-scrollbars>
    <!-- 万能交接服务 -->
    <overlay-scrollbars
    #osComponentRef9
    style="height: 90%; flex: 1"
    *ngIf="
      tabType == 1 && orderInfo.taskType.associationType.value == 'ordinary'
    "
  >
    <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 *ngIf="!(orderInfo.taskType.associationType.value === 'ordinary' && (orderInfo.taskType.ordinaryField.value === 'drugsJpbag' || orderInfo.taskType.ordinaryField.value === 'drugsWestern' || orderInfo.taskType.ordinaryField.value === 'drugsReturn' || orderInfo.taskType.ordinaryField.value === 'drugsPoison' || orderInfo.taskType.ordinaryField.value === 'drugsHerbal' || orderInfo.taskType.ordinaryField.value === 'specimenPackage'))">
          <div nz-col nzSpan="6">
            应收数量：{{ orderInfo.expectReceiveNum || "无" }}
          </div>
          <div nz-col nzSpan="6">
            实收数量：{{ orderInfo.actualReceiveNum || "无" }}
          </div>
          <div nz-col nzSpan="6">
            送达数量：{{ orderInfo.deliveryNum || "无" }}
          </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.length>=1 && step.operationName=='申请' ? step.record[0].username : '' }}</p>
								<p>{{ step.record.length>=1?(step.record[0].operationTime|date:'MM-dd HH:mm'):'' }}</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" *ngIf="orderInfo.taskType.ordinaryField.value == 'specimenPackage'">
            <div nz-row class="top">
              <div class="left" nz-col nzSpan="12">
                <p>
                  <span class="label">打包码</span>
                  <span>{{orderInfo.pathologyPackInfoDTO?.packCode}}</span>
                </p>
              </div>
              <div class="right" nz-col nzSpan="12">
                <p>
                  <span class="label">标本数量</span>
                  <span>{{orderInfo.pathologyPackInfoDTO?.specimenNum}}</span>
                </p>
              </div>
            </div>
          </div>
      </div>
    </div>
    </overlay-scrollbars>
    <!-- 评价内容 -->
    <overlay-scrollbars
      #osComponentRef7
      style="height: 90%;flex:1;"
      *ngIf="tabType == 2"
    >
      <div class="content pingjia">
        <div class="msg">
          <div>
            评价等级：{{
              orderInfo.evaluationLevel ? orderInfo.evaluationLevel.name:'-'
            }}
          </div>
          <div>
            评价人：{{
              orderInfo.evaluatorDTO?orderInfo.evaluatorDTO.name:''
            }}
          </div>
        </div>
        <div class="con">
          意见内容：{{
            orderInfo.evaluationContent
          }}
        </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 *ngIf="orderInfo.taskType.associationType.value === 'patientTransport' || orderInfo.taskType.associationType.value === 'inspect'">
                <td>陪检方式分</td>
                <td>
                  {{
                    orderInfo.grade
                      ? orderInfo.grade.estimateInspectModeGrade
                      : "-"
                  }}
                </td>
                <td>
                  {{
                    orderInfo.grade ? orderInfo.grade.inspectModeDetails : "-"
                  }}
                </td>
                <td>
                  {{ orderInfo.grade ? orderInfo.grade.inspectModeGrade : "-" }}
                </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.estimateMultiplayerModeGrade : "-" }}
                </td>
                <td>
                  {{ orderInfo.grade ? orderInfo.grade.multiplayerModeDetails : "-" }}
                </td>
                <td>
                  {{ orderInfo.grade ? orderInfo.grade.multiplayerModeGrade : "-" }}
                </td>
              </tr>
              <tr>
                <td>特殊科室追加分</td>
                <td>
                  {{ orderInfo.grade ? orderInfo.grade.estimateDeptGrade : "-" }}
                </td>
                <td>
                  {{ orderInfo.grade ? orderInfo.grade.deptDetails : "-" }}
                </td>
                <td>
                  {{ orderInfo.grade ? orderInfo.grade.deptGrade : "-" }}
                </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="10%">操作动作</th>
                <th nzWidth="15%">操作时间</th>
                <th nzWidth="10%">操作人</th>
                <th nzWidth="10%">交接人</th>
                <th nzWidth="10%">图片查看</th>
                <th nzWidth="20%">异常关闭原因</th>
                <th nzWidth="20%">备注</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>{{ item.handoverUserid ? item.handoverUserid.name : "-" }}</td>
                <td>
               <!--   <button
                    *ngIf="item.attachments"
                    (click)="previewImageHandler(item.attachments[0])"
                  >
                    查看图片</button
                  > -->
									<div class="img-box" *ngIf="item.attachments && item.attachments.length>0">
										<img (click)="previewImageHandler(i, index)"
										width="50" height="50" *ngFor="let i of item.attachments; let index = index;" [src]="imgUrl + i.relativeFilePath" alt="">
									</div>
									<span *ngIf="!item.attachments">无</span>
                </td>
                <td>
                  {{
                    item.specialCloseReason === "true"
                      ? orderInfo.specialCloseReason
                      : "-"
                  }}
                </td>
                <td>{{ item.logRemarks || "-" }}</td>
              </tr>
            </tbody>
          </nz-table>
        </div>
      </div>
    </overlay-scrollbars>
  </div>
  <div class="btns">
    <button *ngIf="orderInfo.taskType.associationType.value == 'ordinary' && orderInfo.taskType.ordinaryField.value == 'blood'" class="btn default" nz-button nzType="default" (click)="viewDetail(orderInfo, 'blood')">
      业务数据
    </button>
    <button *ngIf="orderInfo.taskType.associationType.value == 'ordinary' && (orderInfo.taskType.ordinaryField.value == 'drugsJpbag' || orderInfo.taskType.ordinaryField.value == 'drugsWestern' || orderInfo.taskType.ordinaryField.value == 'drugsReturn' || orderInfo.taskType.ordinaryField.value == 'drugsPoison' || orderInfo.taskType.ordinaryField.value == 'drugsHerbal')" class="btn default" nz-button nzType="default" (click)="viewDetail(orderInfo, orderInfo.taskType.ordinaryField.value)">
      业务数据
    </button>
    <button *ngIf="orderInfo.taskType.associationType.value == 'specimen' || orderInfo.taskType.associationType.value == 'specimenPlan'" class="btn default" nz-button nzType="default" (click)="viewDetail(orderInfo, 'specimen')">
      业务数据
    </button>
    <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-businessData-detail-modal
  *ngIf="businessDataModalShow"
  [show]="businessDataModalShow"
  [type]="businessDataModalType"
  [orderId]="orderId"
	[orderHosId]="orderHosId"
	[taskTypeValue]="taskTypeValue"
  (closeModelHs)="closeModelBlood($event)"
></app-businessData-detail-modal>

<!-- 遮罩 -->
<app-mask *ngIf="maskFlag"></app-mask>
<app-image-viewer [imageUrl]="imgs" hidden *ngIf="isPreview" [isPreviewNow]="true"></app-image-viewer>