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

<!-- 药品/静配 -->
<div class="detail" *ngIf="!maskFlag">
  <div class="title">工单信息<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
  <overlay-scrollbars #osComponentRef1 style="height: 90%; flex: 1">
    <div class="content">
      <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="8">工单日期：{{orderInfo.startTime}}</div>
          <div nz-col nzSpan="8">总耗时：{{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="8">
            申请科室：{{orderInfo.createDeptDTO?(!showCoop&&deptDisplay==2?orderInfo.createDeptDTO.deptalias:orderInfo.createDeptDTO.dept):'-'}}
          </div>
          <div nz-col nzSpan="8">
            目标科室：{{(orderInfo.endDepts&&orderInfo.endDepts[0])?(!showCoop&&deptDisplay==2?orderInfo.endDepts[0].deptalias:orderInfo.endDepts[0].dept):''}}
          </div>
          <div nz-col nzSpan="8" *ngIf="orderInfo.worker">支助人员信息：{{orderInfo.worker.name}}</div>
          <div nz-col nzSpan="8" *ngIf="orderInfo.drugs">药包编码：{{orderInfo.drugs.packid}}</div>
          <div nz-col nzSpan="8" *ngIf="orderInfo.staticDistri">药包编码：{{orderInfo.staticDistri.packid}}</div>
          <div nz-col nzSpan="24" *ngIf="orderInfo.specialCloseReason">
            特殊情况关闭原因：{{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.record[0].operationTime|date:'MM-dd HH:mm'):''}}</p>
                <p *ngIf="step.record&&step.record.length&&step.record[0].dept"><span
                    *ngFor="let dept of step.record">{{!showCoop&&deptDisplay==2?dept.deptalias:dept.dept}},</span></p>
                <p *ngIf="step.record&&step.record.length">{{filterTime(step.record)?'耗时'+filterTime(step.record):''}}</p>
              </div>
              <div class="line"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="bottom">
        <div class="urgent">
          <div>
            <ng-container *ngIf="amplificationShow&&orderInfo.urgentDetails&&showCoop">
                加急原因：{{orderInfo.urgentDetails.urgentReason}}
              <button *ngIf="orderInfo.urgentDetails.checkStatus.id==329" class=" btn default" nz-button nzType="primary"
                [nzLoading]="urgentLoading" nzGhost (click)="urgent()">确认加急</button>
            </ng-container>
          </div>
          <div class="amplification">
            <button
              nz-button
              nzType="primary"
              class="btn default"
              (click)="amplification()"
            >
              {{ amplificationShow ? "放大" : "还原" }}
            </button>
          </div>
        </div>
        <div class="table">
          <nz-table *ngIf="orderInfo.staticDistri" class="detailDrugTable"
            [nzData]="orderInfo.staticDistri.jpdetailsFormat" nzSize="small" [nzScroll]="{ y: '110px' }"
            [nzShowPagination]="null">
            <thead>
              <tr class="thead">
                <th nzWidth="100px">患者信息</th>
                <th nzWidth="200px">药品</th>
                <th nzWidth="50px">数量</th>
                <th nzWidth="100px">患者信息</th>
                <th nzWidth="200px">药品</th>
                <th nzWidth="50px">数量</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: '110px' }" [nzShowPagination]="null">
            <thead>
              <tr class="thead">
                <th nzWidth="100px">患者信息</th>
                <th nzWidth="200px">药品</th>
                <th nzWidth="50px">数量</th>
                <th nzWidth="100px">患者信息</th>
                <th nzWidth="200px">药品</th>
                <th nzWidth="50px">数量</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>
  <div class="btns display_flex justify-content_flex-center">
    <!-- <button *ngIf="showCoop&&orderInfo.gdState.id==69" nz-button nzType="primary" (click)='allotWorker()'>派单</button>
    <button *ngIf="showCoop&&(orderInfo.gdState.id==70||orderInfo.gdState.id==71)" nz-button nzType="primary" nzGhost
      (click)="openRecallModal()">撤回</button>
    <button *ngIf="showCoop&&(orderInfo.gdState.id==69||orderInfo.gdState.id==70||orderInfo.gdState.id==71)" nz-button
      nzType="danger" (click)="openDelModal()">删除</button> -->
    <button class=" btn cancel" nz-button nzType="default" (click)="close()">取消</button>
  </div>
</div>
<!-- 撤回工单 -->
<div class="recallOrder" *ngIf="recallOrderShow">
  <div class="modalBody">
    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="closeRecallOrderModal()"></i></div>
    <div class="content">
      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
      <div class="defeat">您确认要撤回此工单吗？</div>
    </div>
    <div class="btns display_flex justify-content_flex-center">
      <button nz-button nzType="primary" [nzLoading]="btnLoading" (click)="confirmRec()">确认</button>
      <button nz-button nzType="primary" [nzLoading]="recLoading" nzGhost (click)="recAndDel()">撤回并删除</button>
      <button class=" btn cancel" nz-button nzType="default" (click)="closeRecallOrderModal()">取消</button>
    </div>
  </div>
</div>

<!-- 删除工单 -->
<div class="recallOrder delModel" *ngIf="delOrderShow">
  <div class="modalBody">
    <div class="title">提示<i class="icon_transport transport-guanbi" (click)="closeDelOrderModal()"></i></div>
    <div class="content">
      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
      <div class="defeat">您确认要删除此工单吗？</div>
    </div>
    <div class="btns display_flex justify-content_flex-center">
      <button nz-button nzType="primary" [nzLoading]='btnLoading' (click)="confirmDel()">确认</button>
      <!-- <button class="candelBtn btn" nz-button nzType="primary" nzGhost>撤回并删除</button> -->
      <button class=" btn cancel" nz-button nzType="default" (click)="closeDelOrderModal()">取消</button>
    </div>
  </div>
</div>

<!-- 操作成功/失败提示框 -->
<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
  [info]="promptInfo" (closeModel)="close()">
  <!-- 2.父组件调用子组件时绑定到这个事件属性，并在事件发生时作出回应。(closeModel)="close()" -->
</app-prompt-modal>
<!-- 遮罩 -->
<app-mask *ngIf="maskFlag"></app-mask>