zy-pc/src/app/views/new-statistics/components/query-range/query-range.component.html

<div class="save add display_flex align-items_center justify-content_flex-center">
  <div class="modalBody">
    <div class="title">查询范围<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
    </div>
    <div class="content">
      <form nz-form [formGroup]="validateForm" class="addForm">
        <nz-form-item class="mb0">
          <nz-form-label [nzSpan]="4" nzRequired nzFor="queryType">查询范围</nz-form-label>
          <nz-form-control [nzSpan]="20" nzErrorTip="请选择查询范围!">
            <nz-radio-group formControlName="queryType" (ngModelChange)="changeQueryType($event)">
              <label nz-radio [nzValue]="1">全院查询</label>
              <label nz-radio [nzValue]="2">院区查询</label>
              <label nz-radio [nzValue]="3">部门查询</label>
              <label nz-radio [nzValue]="4">垂直部门查询</label>
            </nz-radio-group>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item [hidden]="!(validateForm.value.queryType == 2 || validateForm.value.queryType == 3)">
          <nz-form-label [nzSpan]="4" nzRequired nzFor="hospital">院<span style="visibility: hidden;">囧囧</span>区</nz-form-label>
          <nz-form-control [nzSpan]="20" nzErrorTip="请选择院区!">
            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="hospital" nzPlaceHolder="请选择院区" (ngModelChange)="changeHospital($event)">
              <nz-option [nzLabel]="data.hosName" [nzValue]="data.id" *ngFor="let data of hospitalList">
              </nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item [hidden]="validateForm.value.queryType != 3">
          <nz-form-label [nzSpan]="4" nzRequired nzFor="duty">责任部门</nz-form-label>
          <nz-form-control [nzSpan]="20" nzErrorTip="请选择责任部门!">
            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="duty" nzPlaceHolder="请选择责任部门">
              <nz-option [nzLabel]="data.hosName" [nzValue]="data.id" *ngFor="let data of dutyList">
              </nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item [hidden]="validateForm.value.queryType != 4">
          <nz-form-label [nzSpan]="6" nzRequired nzFor="dutyOne">一级责任部门</nz-form-label>
          <nz-form-control [nzSpan]="18" nzErrorTip="请选择一级责任部门!">
            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="dutyOne" nzPlaceHolder="请选择一级责任部门">
              <nz-option [nzLabel]="data.hosName" [nzValue]="data.id" *ngFor="let data of dutyOneList">
              </nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
				<nz-form-item class="mb0">
				  <nz-form-label [nzSpan]="7" nzRequired nzFor="parent">是否显示父级科室</nz-form-label>
				  <nz-form-control [nzSpan]="15" nzErrorTip="请选择是否显示父级科室!">
				    <nz-radio-group formControlName="parent">
				      <label nz-radio [nzValue]="1">是</label>
				      <label nz-radio [nzValue]="0">否</label>
				    </nz-radio-group>
				  </nz-form-control>
				</nz-form-item>
      </form>
    </div>
    <div class="display_flex justify-content_flex-center">
      <button nz-button nzType="default" (click)="hideModal()">取消</button>
      <button nzType="primary" nz-button (click)="submitForm()">确认</button>
    </div>
  </div>
</div>