|  |  | 
 |  |  | <pro-header [title]="'账户列表'"></pro-header> | 
 |  |  | <nz-card [nzBordered]="false"> | 
 |  |  |    <form nz-form (ngSubmit)="load(true)" [nzLayout]="'inline'"> | 
 |  |  |    <form nz-form [nzLayout]="'inline'"> | 
 |  |  |       <div nz-row [nzGutter]="24"> | 
 |  |  |          <div nz-col [nzSpan]="8" class="mb-md"> | 
 |  |  |             <div nz-form-item class="d-flex"> | 
 |  |  | 
 |  |  |    </div> | 
 |  |  |  | 
 |  |  |    <div class="mb-md"> | 
 |  |  |       <nz-alert [nzType]="'info'" [nzShowIcon]="true">  | 
 |  |  |       <nz-alert [nzType]="'info'" [nzShowIcon]="true"> | 
 |  |  |          <span alert-body> | 
 |  |  |              已选择<strong class="text-primary">{{selectedRows.length}}</strong>项 | 
 |  |  |          </span>  | 
 |  |  |          </span> | 
 |  |  |       </nz-alert> | 
 |  |  |    </div> | 
 |  |  |  | 
 |  |  |    <nz-table   #nzTable  | 
 |  |  |             [nzDataSource]="data"  | 
 |  |  |    <nz-table   #nzTable | 
 |  |  |             [nzAjaxData]="data" | 
 |  |  |             [nzLoading]="http.loading" | 
 |  |  |             [nzTotal]="total"  | 
 |  |  |             [nzTotal]="total" | 
 |  |  |             [(nzPageIndex)]="query.pageIndex" | 
 |  |  |             [nzPageSize]="query.pageSize"  | 
 |  |  |             [nzPageSize]="query.pageSize" | 
 |  |  |             [nzShowTotal]="true" | 
 |  |  |             (nzPageIndexChange)="load()" | 
 |  |  |             (nzDataChange)="dataChange($event)"> | 
 |  |  |             (nzPageIndexChange)="load()"> | 
 |  |  |       <thead nz-thead> | 
 |  |  |          <tr> | 
 |  |  |             <th nz-th [nzCheckbox]="true"> | 
 |  |  | 
 |  |  |             <th nz-th><span>组织</span></th> | 
 |  |  |             <th nz-th><span>创建日期</span></th> | 
 |  |  |             <th nz-th> | 
 |  |  |                <span>过期日期</span>  | 
 |  |  |                <span>过期日期</span> | 
 |  |  |                <nz-table-sort [(nzValue)]="sortMap.updatedAt" (nzValueChange)="sort('expire_time', $event)"></nz-table-sort> | 
 |  |  |             </th> | 
 |  |  |             <th nz-th><span>操作</span></th> | 
 |  |  | 
 |  |  |             <td nz-td>{{format_date(account.createTime)}}</td> | 
 |  |  |             <td nz-td>{{format_date(account.expireTime)}}</td> | 
 |  |  |             <td nz-td> | 
 |  |  |                <a (click)="edit(account)">编辑</a>  | 
 |  |  |                <a (click)="edit(account)">编辑</a> | 
 |  |  |                <ng-container *ngIf="account.isDelete == '0'"> | 
 |  |  |                   <span nz-table-divider></span>  | 
 |  |  |                   <nz-popconfirm  [nzTitle]="'确定要删除该用户吗?'" [nzOkText]="'Yes'" [nzCancelText]="'No'" (nzOnConfirm)="delete(account)" >  | 
 |  |  |                   <span nz-table-divider></span> | 
 |  |  |                   <nz-popconfirm  [nzTitle]="'确定要删除该用户吗?'" [nzOkText]="'Yes'" [nzCancelText]="'No'" (nzOnConfirm)="delete(account)" > | 
 |  |  |                      <a nz-popconfirm>删除</a> | 
 |  |  |                   </nz-popconfirm> | 
 |  |  |                </ng-container> |