zy-pc/src/app/share/add-inspect-info/add-inspect-info.component.html

<div class="modal display_flex justify-content_flex-center align-items_center">
  <div class="modalBody" style="width: 1000px;">
    <div class="title">新增检查信息<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
    <div class="content">
      <div class="tableWrap">
        <div class="row">
          <div class="formItem flex_1">
            <div class="name"><i class="icon_transport transport-required red"></i>患者信息：</div>
            <div class="value">
              <nz-select class="w100" [nzDropdownMatchSelectWidth]="false" [(ngModel)]="inspectData.patientId" nzShowSearch nzPlaceHolder="请选择患者信息" nzServerSearch (nzOnSearch)="searchPatient($event)" (nzOpenChange)="openPatient($event)" (ngModelChange)="changePatient($event)">
                <ng-container *ngFor="let data of patientList">
                  <nz-option *ngIf="!isLoading" [nzLabel]="data.patientName + '(' + (data.bedNum || '') + ')' + '-' + data.residenceNo" [nzValue]="data.id">
                  </nz-option>
                </ng-container>
                <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
                  <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
                </nz-option>
              </nz-select>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="formItem flex_1">
            <div class="name"><i class="icon_transport transport-required red"></i>检查项目：</div>
            <div class="value">
              <nz-select class="w100" [nzDropdownMatchSelectWidth]="false" [(ngModel)]="inspectData.id" nzShowSearch nzPlaceHolder="请选择检查项目" nzServerSearch (nzOnSearch)="searchInspect($event)" (nzOpenChange)="openInspect($event)" (ngModelChange)="changeInspect($event)">
                <ng-container *ngFor="let data of inspectList">
                  <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [nzValue]="data.id">
                  </nz-option>
                </ng-container>
                <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
                  <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
                </nz-option>
              </nz-select>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="formItem flex_1">
            <div class="name"><i class="icon_transport transport-required red" style="visibility: hidden;"></i>医生备注：</div>
            <div class="value">
              <input class="w100" nz-input placeholder="请填写医生备注" [(ngModel)]="inspectData.remark" />
            </div>
          </div>
        </div>

        <div class="row">
          <div class="formItem flex_2">
            <div class="name"><i class="icon_transport transport-required red"></i>检查科室：</div>
            <div class="value">
              <nz-select class="w100" [nzDropdownMatchSelectWidth]="false" [(ngModel)]="inspectData.execDeptId" nzPlaceHolder="请选择检查科室">
                <ng-container *ngFor="let data of execDeptList">
                  <nz-option *ngIf="!isLoading" [nzLabel]="data.dept" [nzValue]="data.id">
                  </nz-option>
                </ng-container>
                <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
                  <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
                </nz-option>
              </nz-select>
            </div>
          </div>
          <div class="formItem flex_1 justify-content_flex-end">
            检查项目标识：{{inspectData.sign}}
          </div>
          <div class="formItem flex_1 justify-content_flex-end">
            检查类型：{{inspectData.type}}
          </div>
        </div>

        <div class="row">
          <div class="formItem flex_1">
            <div class="name"><i class="icon_transport transport-required red"></i>预约时间：</div>
            <div class="value">
              <nz-date-picker [(ngModel)]="inspectData.date" [nzAllowClear]="false" [nzShowToday]="false"></nz-date-picker>
              <nz-time-picker class="ml8" nzFormat="HH:mm" [(ngModel)]="inspectData.time" [nzAllowEmpty]="false"></nz-time-picker>
              <button nz-button nzType="primary" class="ml8 mt0" (click)="nextDay()">下一日</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="display_flex justify-content_flex-center">
      <button class="btn" nz-button nzType="primary" (click)="confirmModal()">确认</button>
      <button class="btn cancel" nz-button nzType="default" (click)="hideModal()">取消</button>
    </div>
  </div>
</div>