select-person.component.html

<!--添加资源-->
<nz-modal [nzWidth]="1080" [(nzVisible)]="isVisible" [nzTitle]="title" (nzOnCancel)="handleEditCancel()"
          (nzOnOk)="handEditleOk()">
    <div nz-form class="ant-advanced-search-form form-select">
        <div nz-row [nzGutter]="24">
            <div nz-col [nzSpan]="8" class="padding-8-0">
                <nz-tree [(ngModel)]="nodes"></nz-tree>
            </div>

            <div nz-col [nzSpan]="8">
                <nz-table #basicTable [nzData]="userList"
                          (nzCurrentPageDataChange)="currentPageDataChange($event)"
                          (nzPageIndexChange)="refreshStatus()"
                          (nzPageSizeChange)="refreshStatus()">
                    <thead>
                    <tr>
                        <th nzShowCheckbox [(nzChecked)]="allChecked" [nzIndeterminate]="indeterminate"
                            (nzCheckedChange)="checkAll($event)"></th>
                        <th>姓名</th>
                        <th>手机号码</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr *ngFor="let data of basicTable.data">
                        <td nzShowCheckbox [(nzChecked)]="data.checked" (nzCheckedChange)="selectItem(data,$event)"></td>
                        <td>{{data.name}}</td>
                        <td>{{data.phoneNumber}}</td>
                    </tr>
                    </tbody>
                </nz-table>
            </div>

            <div nz-col [nzSpan]="8">
                <p>已选中用户 <span>清空</span></p>
                <p (click)="handle" *ngFor="let item of selectList;let i = index;">
                    <span>{{item.name}}</span>
                    <span>{{item.phoneNumber}}</span>
                    <span (click)="deleteSelect(i)">X</span>
                </p>
            </div>
        </div>
    </div>
</nz-modal>