select-person.component.html

<!--添加资源-->
<nz-modal [nzWidth]="780" [(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]="6" class="padding-8-0">
                <nz-tree
                        [(ngModel)]="nodes"
                         (nzClick)="getOrg($event)"
                ></nz-tree>
            </div>

            <div nz-col [nzSpan]="11">
                <nz-table #basicTable [nzData]="userList"
                          [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNum" [nzPageSize]="pageSize"
                          (nzCurrentPageDataChange)="currentPageDataChange($event)"
                          (nzPageIndexChange)="changePage($event)">
                    <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]="7">
                <p>已选中用户 <span (click)="clearList()" class="main-color cursor">清空</span></p>
                <p (click)="handle" *ngFor="let item of selectList;let i = index;">
                    <span>{{item.name}}</span>
                    <span>{{item.phoneNumber}}</span>
                    <span class="main-color cursor" (click)="deleteSelect(i)">X</span>
                </p>
            </div>
        </div>
    </div>
</nz-modal>