Jinan_project/src/app/home/system-management/user/edituser/edituser.component.html

<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>