select-person.component.html

<!--添加资源-->
<nz-modal [nzMaskClosable]="false" [nzWidth]="980" [(nzVisible)]="isVisible" [nzTitle]="title" (nzOnCancel)="handleEditCancel()"
          (nzOnOk)="handEditleOk()">
    <div nz-form class="ant-advanced-search-form form-select padding-10-0">
        <div nz-row [nzGutter]="24">
            <div nz-col [nzSpan]="6" class="padding-8-0 p-div">
                <nz-tree [nzShowLine]="true"
                        [(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)"  nzBordered
                          nzSize="middle"
                          (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 class="p-list-title">
                    <span style="font-weight: bold">已选中用户</span>
                    <span (click)="clearList()" class="main-color cursor">清空</span>
                </p>
                <div class="p-div">
                    <p class="p-list" *ngFor="let item of selectList;let i = index;">
                        <span>{{item.name}}</span>
                        <span class="main-color c-right cursor" (click)="deleteSelect(i)">
                        <i class="anticon anticon-close"></i>
                    </span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</nz-modal>