Newer
Older
<nz-modal [nzWidth]="780" [(nzVisible)]="isVisible" [nzTitle]="title" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
<form>
<div class="tree-div">
<nz-tree #nzTree
name="nodes"
[(ngModel)]="nodes"
[nzAsyncData]="true"
[nzCheckStrictly]="true"
(nzClick)="mouseAction('expand',$event)"
(nzExpandChange)="mouseAction('expand',$event)" >
<ng-template #nzTreeTemplate let-node>
<span class="custom-node" draggable="true" aria-grabbed="true" [class.active]="node.isSelected">
<label *ngIf="node.level == 0 || node.level == 1"> {{node.title}}</label>
<label [(ngModel)]="node.isChecked" [ngModelOptions]="{standalone: true}" (click)="selectItem($event,node)" *ngIf="node.level == 2" nz-checkbox> {{node.title}}</label>
</span>
</ng-template>
</form>
<form [formGroup]="validateForm" nz-form>
<nz-form-item>
<nz-form-label [nzSpan]="7" nzRequired nzFor="name">显示名称</nz-form-label>
<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-label [nzSpan]="7" nzRequired nzFor="fontSize">字体大小</nz-form-label>
<nz-option *ngFor="let item of fontSizeList" [nzLabel]="item" [nzValue]="item"></nz-option>
<nz-form-explain *ngIf="validateForm.get('fontSize').dirty && validateForm.get('fontSize').errors">请输入分组名称</nz-form-explain>