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

<div class="content" id="dictionary">
  <div class="contentInner">
    <div class="address">
      <overlay-scrollbars #osComponentRef1 class="contentBody">
        <div class="contentItem" [title]="item.name" [ngClass]="{ active: item.id === activeDictionaryKey.id }" (click)="clickDictionaryKey(item)" *ngFor="let item of dictionaryKeyList">{{ item.name }}</div>
      </overlay-scrollbars>
    </div>
    <div class="addressAssign" *ngIf="activeDictionaryKey.key != 'business_type'">
      <div class="contentBody">
        <div class="dictionaryRow">
          <div class="orders">排序号</div>
          <div class="name">键</div>
          <div [ngClass]="{value_2: activeDictionaryKey.key == 'alarm_urgency', value: activeDictionaryKey.key != 'alarm_urgency'}">值</div>
					<div class="value_2" *ngIf="activeDictionaryKey.key == 'alarm_urgency'">关键字</div>
        </div>
        <overlay-scrollbars #osComponentRef2 class="contentBody2" *ngIf="initTyepe">
          <form nz-form [formGroup]="validateDictionaryForm" class="w100">
            <div class="dictionaryRow" *ngFor="let data of dictionaryList;let i = index;">
              <div class="orders">
                <nz-form-item>
                  <nz-form-control [nzSpan]="24" nzErrorTip="请输入排序号!">
                    <nz-input-group>
                      <nz-input-number [formControlName]="'orders_' + data.id" class="ordersInput"></nz-input-number>
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </div>
              <div class="name">
                <nz-form-item>
                  <nz-form-control [nzSpan]="24" nzErrorTip="请输入键!">
                    <nz-input-group>
                      <input [formControlName]="'name_' + data.id" nz-input class="nameInput">
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </div>
              <div [ngClass]="{value_2: activeDictionaryKey.key == 'alarm_urgency', value: activeDictionaryKey.key != 'alarm_urgency'}">
                <nz-form-item>
                  <nz-form-control [nzSpan]="24" nzErrorTip="请输入值!">
                    <nz-input-group>
                      <input [formControlName]="'value_' + data.id" nz-input class="valueInput">
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
                <i class="icon_transport transport-tag27fuben ml8" (click)="addField(i)" *ngIf="!(activeDictionaryKey.key === 'incident_status' || activeDictionaryKey.key === 'incident_degree' || this.activeDictionaryKey.key === 'abo_type' || this.activeDictionaryKey.key === 'rh_type' || this.activeDictionaryKey.key === 'blood_unit' || this.activeDictionaryKey.key === 'blood_trans_type') && activeDictionaryKey.key != 'alarm_urgency'"></i>
                <i class="icon_transport transport-shanchu1 ml8" *ngIf="dictionaryList.length > 1 && !data.system && !(activeDictionaryKey.key === 'incident_status' || activeDictionaryKey.key === 'incident_degree' || this.activeDictionaryKey.key === 'abo_type' || this.activeDictionaryKey.key === 'rh_type' || this.activeDictionaryKey.key === 'blood_unit' || this.activeDictionaryKey.key === 'blood_trans_type') && activeDictionaryKey.key != 'alarm_urgency'" (click)="removeField(data, i)"></i>
              </div>
							<div class="value_2" *ngIf="activeDictionaryKey.key == 'alarm_urgency'">
							  <nz-form-item>
							    <nz-form-control [nzSpan]="24" nzErrorTip="请输入关键字!">
							      <nz-input-group>
							        <input [formControlName]="'extra1_' + data.id" nz-input class="valueInput">
							      </nz-input-group>
							    </nz-form-control>
							  </nz-form-item>
							  <i class="icon_transport transport-tag27fuben ml8" (click)="addField(i)" *ngIf="!(activeDictionaryKey.key === 'incident_status' || activeDictionaryKey.key === 'incident_degree' || this.activeDictionaryKey.key === 'abo_type' || this.activeDictionaryKey.key === 'rh_type' || this.activeDictionaryKey.key === 'blood_unit' || this.activeDictionaryKey.key === 'blood_trans_type') && activeDictionaryKey.key == 'alarm_urgency'"></i>
							  <i class="icon_transport transport-shanchu1 ml8" *ngIf="dictionaryList.length > 1 && !data.system && !(activeDictionaryKey.key === 'incident_status' || activeDictionaryKey.key === 'incident_degree' || this.activeDictionaryKey.key === 'abo_type' || this.activeDictionaryKey.key === 'rh_type' || this.activeDictionaryKey.key === 'blood_unit' || this.activeDictionaryKey.key === 'blood_trans_type') && activeDictionaryKey.key == 'alarm_urgency'" (click)="removeField(data, i)"></i>
							</div>
            </div>
          </form>
        </overlay-scrollbars>
      </div>
      <div class="contentBtns">
        <button nz-button nzType="primary" class="ml8" (click)="saveDictionary()" [nzLoading]="btnLoading">保存</button>
      </div>
    </div>
		<div class="addressAssign" *ngIf="activeDictionaryKey.key == 'business_type'">
			<div class="list-template" id="priorityTable">
			  <div class="list-template__content">
			    <div class="list-template__bottom">
			     <div class="list-template__top" nz-row>
			        <div nz-col nzLg="24" class="list-template__btns">
			          <button nz-button class="btn default" (click)="addPriorityModal()">新增</button>
			        </div>
			      </div>
			      <nz-table class="list-template__nzTable" [nzData]="commonFaultsList" nzSize="middle" [nzShowPagination]="false"
			        [nzLoading]="loading1" [nzScroll]="{ y: tablePriorityHeight + 'px' }">
			        <thead>
			          <tr class="thead">
			            <th nzWidth="25%">院区</th>
			            <th nzWidth="25%">业务名称</th>
			            <th nzWidth="25%">业务code</th>
									<th nzWidth="25%">关联任务类型</th>
									<th nzWidth="120px">操作</th>
			          </tr>
			        </thead>
			        <tbody>
			          <tr *ngFor="let data of commonFaultsList;let i = index">
			            <td>{{data.hospitalDTO?.hosName}}</td>
									<td>{{data.businessName || ''}}</td>
									<td>{{data.businessCode}}</td>
									<td>{{data.taskTypeName}}</td>
			            <td>
			              <div class="coop">
			                <span (click)="showBusinessModal(data,'您确认要删除吗？','删除','delPriority')">删除</span>
			                <span (click)="edit(data)">编辑</span>
			              </div>
			            </td>
			          </tr>
			        </tbody>
			      </nz-table>
			    </div>
			  </div>
			</div>
		</div>
		<div class="mask-style" *ngIf="!initTyepe">
			<nz-spin nzSimple class="spin-style"></nz-spin>
		</div>
  </div>
</div>

<!-- 操作成功/失败提示框 -->
<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
  [info]="promptInfo">
</app-prompt-modal>

<!-- 删除模态框 -->
<app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
(confirmDelEvent)="confirmDel()" [content]="tipsMsg1"></app-dialog-delete>

<!-- 遮罩 -->
<app-mask *ngIf="maskFlag"></app-mask>

<!-- 删除业务类型模态框 -->
<app-dialog-delete [delModal]="delBusinessModal" (hideDelModalEvent)="hideBusinessModal()" [btnLoading]="btnLoading"
(confirmDelEvent)="confirmBusiness()" content="您确认要删除吗？"></app-dialog-delete>

<!-- 新增/编辑模态框 -->
<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modalPriority">
  <div class="modalBody">
    <div class="title">{{modelName}}<i class="icon_transport transport-guanbi" (click)="hidePriorityModal()"></i></div>
    <div class="content">
      <form nz-form [formGroup]="validatePriorityForm" class="addForm">
				<nz-form-item>
				  <nz-form-label nzFor="hosId" nzRequired [nzSpan]="6">院区</nz-form-label>
				  <nz-form-control [nzSpan]="18" nzErrorTip="请选择院区!">
						<nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzShowSearch nzPlaceHolder="请选择院区" formControlName="hosId" (ngModelChange)="changeHos($event)">
						  <ng-container *ngFor="let option of hospitalList">
						    <nz-option [nzLabel]="option.hosName" [nzValue]="option.id"></nz-option>
						  </ng-container>
						</nz-select>
				  </nz-form-control>
				</nz-form-item>
				
				<nz-form-item>
				  <nz-form-label [nzSpan]="6" nzFor="businessName" nzRequired>业务名称</nz-form-label>
				  <nz-form-control [nzSpan]="18" nzErrorTip="请输入业务名称!">
				    <nz-input-group>
				      <input formControlName="businessName" nz-input placeholder="请输入业务名称">
				    </nz-input-group>
				  </nz-form-control>
				</nz-form-item>
				
				<nz-form-item>
				  <nz-form-label [nzSpan]="6" nzFor="businessCode" nzRequired>业务code</nz-form-label>
				  <nz-form-control [nzSpan]="18" nzErrorTip="请输入业务code!">
				    <nz-input-group>
				      <input formControlName="businessCode" nz-input placeholder="请输入业务code">
				    </nz-input-group>
				  </nz-form-control>
				</nz-form-item>

        <nz-form-item>
          <nz-form-label nzFor="taskTypeIds" nzRequired [nzSpan]="6">关联任务类型</nz-form-label>
          <nz-form-control [nzSpan]="18" nzErrorTip="请选择关联任务类型!">
						<nz-select class="formItem" nzMode="multiple" [nzDropdownMatchSelectWidth]="false" nzShowSearch nzPlaceHolder="请选择关联任务类型" formControlName="taskTypeIds">
						  <ng-container *ngFor="let option of taskTypeList">
						    <nz-option *ngIf="!isLoading" [nzLabel]="option.taskName" [nzValue]="option.id"></nz-option>
						  </ng-container>
						  <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
						    <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
						  </nz-option>
						</nz-select>
          </nz-form-control>
        </nz-form-item>
      </form>
    </div>
    <div class=" display_flex justify-content_flex-center">
      <button nzType="primary" nz-button (click)="submitPriorityForm()" [nzLoading]="btnLoading">确认</button>
      <button class="btn cancel" nz-button nzType="default" (click)="hidePriorityModal()">取消</button>
    </div>
  </div>
</div>