Sinopec-Anxin/src/app/system-management/user/adduser/adduser.component.html

<div class="box">
  <form nz-form [formGroup]="validateForm">
    <nz-form-item>
      <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-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-control>
        <nz-tree-select [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-control>
        <nz-select formControlName="role" nzPlaceHolder="请选择角色" nzMode="multiple">
          <nz-option *ngFor="let item of listOfData" [nzValue]="item.normalizedName" [nzLabel]="item.displayName">
          </nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <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>