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.
46 lines
2.2 KiB
46 lines
2.2 KiB
3 years ago
|
<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" nzRequired 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" 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" nzRequired nzFor="手机号">手机号</nz-form-label>
|
||
|
<nz-form-control>
|
||
|
<nz-input-group>
|
||
|
<input nz-input type="text" formControlName="phonenum" placeholder="请输入手机号" />
|
||
|
</nz-input-group>
|
||
|
</nz-form-control>
|
||
|
</nz-form-item>
|
||
|
</form>
|
||
|
</div>
|