You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
3.1 KiB
64 lines
3.1 KiB
<div class="box"> |
|
<form nz-form [formGroup]="validateForm"> |
|
<nz-form-item> |
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="登录账号">登录账号</nz-form-label> |
|
<nz-form-control> |
|
<nz-input-group> |
|
<input nz-input type="text" formControlName="account" placeholder="请输入登录账号" /> |
|
</nz-input-group> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item> |
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="真实姓名">真实姓名</nz-form-label> |
|
<nz-form-control> |
|
<nz-input-group> |
|
<input nz-input type="text" formControlName="name" placeholder="请输入真实姓名" /> |
|
</nz-input-group> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item> |
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="电子邮箱">电子邮箱</nz-form-label> |
|
<nz-form-control> |
|
<nz-input-group> |
|
<input nz-input type="text" formControlName="email" placeholder="请输入电子邮箱" /> |
|
</nz-input-group> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item> |
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="所属机构">所属机构</nz-form-label> |
|
<nz-form-control> |
|
<nz-tree-select [nzShowSearch]='true' [nzDropdownClassName]="'maxHeightTreeSelect'" |
|
formControlName="organization" [nzNodes]="nodes" nzPlaceHolder="请选择所属机构" |
|
[nzExpandedIcon]="multiExpandedIconTpl"> |
|
</nz-tree-select> |
|
<ng-template #multiExpandedIconTpl let-node let-origin="origin"> |
|
<ng-container *ngIf="node.children.length == 0; else elseTemplate"> |
|
|
|
</ng-container> |
|
<ng-template #elseTemplate> |
|
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'" |
|
class="ant-tree-switcher-line-icon"></i> |
|
</ng-template> |
|
</ng-template> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item> |
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="角色">角色</nz-form-label> |
|
<nz-form-control> |
|
<nz-select formControlName="role" nzPlaceHolder="请选择角色" nzMode="multiple"> |
|
<nz-option *ngFor="let item of listOfData" [nzValue]="item.id" [nzLabel]="item.name"> |
|
</nz-option> |
|
</nz-select> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item> |
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="职位">职位</nz-form-label> |
|
<nz-form-control> |
|
<nz-select formControlName="posts" nzPlaceHolder="请选择职位" nzMode="multiple"> |
|
<nz-option [nzValue]="'主查'" [nzLabel]="'主查'"></nz-option> |
|
<nz-option [nzValue]="'协查'" [nzLabel]="'协查'"></nz-option> |
|
</nz-select> |
|
</nz-form-control> |
|
</nz-form-item> |
|
</form> |
|
</div> |