Skip to content
select-person.component.html 1.58 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
<!--添加资源-->
<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">
          <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.mobile}}</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.mobile}}</span>
            <span (click)="deleteSelect(i)">X</span>
          </p>
        </div>
      </div>
    </div>
</nz-modal>