zy-pc/src/app/components/configurationCenter/configuration-drug/configuration-drug.component.html

<div class="content drugPage" id="dictionary">
  <div class="contentInner">
    <div class="address">
      <overlay-scrollbars #osComponentRef1 class="contentBody">
        <div class="contentItem" [title]="item.name" [ngClass]="{ active: item.value === activeDictionary.value }" (click)="clickDictionaryKey(item)" *ngFor="let item of dictionaryKeyList">{{ item.name }}</div>
      </overlay-scrollbars>
    </div>
    <div class="addressAssign">
      <div class="contentBody2">
        <div class="TaskTypeManagement">
          <div class="taskTypeInfo">
            <div class="top">
              <div class="item" (click)="tabModal('characteristics')" [ngClass]="{'items':tabModalName=='characteristics'}">
                特性配置
              </div>
              <div class="item" (click)="tabModal('automaticOrderCreation')" [ngClass]="{'items':tabModalName=='automaticOrderCreation'}">
                自动建单配置
              </div>
            </div>
            <ng-container *ngFor="let item of dictionaryKeyList">
              <div class="list" *ngIf="!loading && activeDictionary.value === item.value">
                <!-- 特性配置 -->
                <div *ngIf="tabModalName=='characteristics'">
                  <!-- 工单模式 -->
                  <div class="display_flex align-items_center mb8">
                    <nz-form-label class="label" nzRequired>工单模式</nz-form-label>
                    <nz-radio-group [(ngModel)]="item.postData.drugsModel">
                      <label nz-radio [nzValue]="item.value" *ngFor="let item of drugsModelList">{{ item.label }}</label>
                    </nz-radio-group>
                  </div>
                  <!-- 支持建单并签到 -->
                  <div class="display_flex align-items_center mb8">
                    <nz-form-label class="label">支持建单并签到</nz-form-label>
                    <nz-checkbox-group [(ngModel)]="item.postData.drugsCreateSign"></nz-checkbox-group>
                  </div>
                  <!-- 支持接单并签到 -->
                  <div class="display_flex align-items_center mb8">
                    <nz-form-label class="label">支持接单并签到</nz-form-label>
                    <nz-checkbox-group [(ngModel)]="item.postData.drugsReceiveSign"></nz-checkbox-group>
                  </div>

                  <!-- 起点科室支持核对 -->
                  <div class="display_flex align-items_center mb8">
                    <nz-form-label class="label">起点科室支持核对</nz-form-label>
                    <nz-checkbox-group [(ngModel)]="item.postData.drugsStartCheck" (ngModelChange)="changeDrugsStartCheck($event)"></nz-checkbox-group>
                  </div>
                  <ng-container *ngIf="item.postData.drugsStartCheck[0].checked">
                    <!-- 核对方式 -->
                    <div class="display_flex align-items_center mb8">
                      <nz-form-label class="label" nzRequired>核对方式</nz-form-label>
                      <nz-checkbox-group [(ngModel)]="item.postData.drugsStartCheckScanIds"></nz-checkbox-group>
                    </div>
                    <!-- 手动填写 -->
                    <div class="display_flex align-items_center mb8">
                      <nz-form-label class="label">手动填写</nz-form-label>
                      <nz-select class="w320px" nzPlaceHolder="请选择手动填写" [(ngModel)]="item.postData.drugsStartManual" nzAllowClear>
                        <nz-option *ngFor="let item of drugsManualList" [nzLabel]="item.label" [nzValue]="item.value"></nz-option>
                      </nz-select>
                    </div>
                    <!-- 支持拍照留存 -->
                    <div class="display_flex align-items_center mb8">
                      <nz-form-label class="label">支持拍照留存</nz-form-label>
                      <nz-checkbox-group [(ngModel)]="item.postData.drugsStartPhoto"></nz-checkbox-group>
                    </div>
                  </ng-container>

                  <!-- 终点科室支持核对 -->
                  <div class="display_flex align-items_center mb8">
                    <nz-form-label class="label">终点科室支持核对</nz-form-label>
                    <nz-checkbox-group [(ngModel)]="item.postData.drugsEndCheck" (ngModelChange)="changeDrugsEndCheck($event)"></nz-checkbox-group>
                  </div>
                  <ng-container *ngIf="item.postData.drugsEndCheck[0].checked">
                    <!-- 核对方式 -->
                    <div class="display_flex align-items_center mb8">
                      <nz-form-label class="label" nzRequired>核对方式</nz-form-label>
                      <nz-checkbox-group [(ngModel)]="item.postData.drugsEndCheckScanIds"></nz-checkbox-group>
                    </div>
                    <!-- 手动填写 -->
                    <div class="display_flex align-items_center mb8">
                      <nz-form-label class="label">手动填写</nz-form-label>
                      <nz-select class="w320px" nzPlaceHolder="请选择手动填写" [(ngModel)]="item.postData.drugsEndManual" nzAllowClear>
                        <nz-option *ngFor="let item of drugsManualList" [nzLabel]="item.label" [nzValue]="item.value"></nz-option>
                      </nz-select>
                    </div>
                  </ng-container>
									<!-- 药单显示患者 -->
									<div class="display_flex align-items_center mb8">
									  <nz-form-label class="label">药单显示患者</nz-form-label>
									  <nz-checkbox-group [(ngModel)]="item.postData.showPatientInfo"></nz-checkbox-group>
									</div>
                  <!-- 是否显示药品数、种类数 -->
									<div class="display_flex align-items_center mb8">
									  <nz-form-label class="label">是否显示药品数、种类数</nz-form-label>
									  <nz-checkbox-group [(ngModel)]="item.postData.showDrugsBagTypeCount"></nz-checkbox-group>
									</div>
                  <!-- 是否支持查看药品详情信息 -->
									<div class="display_flex align-items_center mb8">
									  <nz-form-label class="label">是否支持查看药品详情信息</nz-form-label>
									  <nz-checkbox-group [(ngModel)]="item.postData.showDrugsBagDetails"></nz-checkbox-group>
									</div>
                </div>
                <!-- 自动建单配置 -->
                <div *ngIf="tabModalName=='automaticOrderCreation'">
                  <!-- 自动建单 -->
                </div>
                <div class="bottom">
                  <button class="login-form-button" nzType="primary" [nzLoading]="btnLoading" nz-button (click)="submitForm()">保存</button>
                </div>
              </div>
            </ng-container>
            <div class="list" *ngIf="loading">
              <div class="loadingFull display_flex justify-content_flex-center align-items_center">
                <div class="loadingFullInner">
                  <img src="../../../assets/images/loading.gif" alt="">
                  <div>加载中...</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>