check.component.html

<nz-modal [(nzVisible)]="isVisible" nzTitle="{{title}}" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
  <form nz-form>
    <nz-form-item>
      <nz-form-label [nzSpan]="7" nzRequired>选择监测点</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <div class="tree-div">
          <nz-tree #nzTree
                   name="nodes"
                   [(ngModel)]="nodes"
                   [nzCheckable]="true"
                   [nzAsyncData]="true"
                   [nzCheckStrictly]="true"
                   (nzCheckBoxChange)="selectCheckTree($event)"
                   (nzClick)="mouseAction('expand',$event)"
                   (nzExpandChange)="mouseAction('expand',$event)" >
          </nz-tree>
        </div>
      </nz-form-control>
    </nz-form-item>
  </form>
  <form [formGroup]="validateForm" nz-form>
  <nz-form-item>
      <nz-form-label [nzSpan]="7" nzRequired nzFor="name">显示名称</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <input type="text" nz-input name="name" formControlName="name" placeholder="名称" >
        <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请输入显示名称</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSpan]="7" nzRequired nzFor="fontSize">字体大小</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <nz-select nzPlaceHolder="请选择字体大小" formControlName="fontSize">
          <nz-option *ngFor="let item of fontSizeList" [nzLabel]="item" [nzValue]="item"></nz-option>
        </nz-select>
        <nz-form-explain *ngIf="validateForm.get('fontSize').dirty && validateForm.get('fontSize').errors">请输入分组名称</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
  </form>
</nz-modal>