|  |  | 
 |  |  | <pro-header [title]="grid.title"></pro-header> | 
 |  |  | <nz-card [nzBordered]="false"> | 
 |  |  |        <div class="mb-md"> | 
 |  |  |                 <button nz-button (click)="add()" [nzType]="'primary'" [nzSize]="'large'"> | 
 |  |  |                 <button nz-button (click)="addOrModify()" [nzType]="'primary'" [nzSize]="'large'"> | 
 |  |  |                     <i class="anticon anticon-plus"></i><span>新建</span> | 
 |  |  |                 </button> | 
 |  |  |                 <ng-container *ngIf="grid.selectedIndexs.length > 0">   | 
 |  |  |                 <button nz-button [nzSize]="'large'" (click)="remove()">批量删除</button> | 
 |  |  |                 <button nz-button [nzSize]="'large'" (click)="deleteSelected()">批量删除</button> | 
 |  |  |                 </ng-container> | 
 |  |  |                 <nz-input [ngStyle]="{'width': '280px','float':'right'}" [(ngModel)]="queryMap.value" name=""  [nzPlaceHolder]="queryMap.text" | 
 |  |  |                 (change)="queryTextChanged($event)" ></nz-input> | 
 |  |  |                 (keyup)="queryTextChanged($event)" (change)="queryTextChanged($event)" ></nz-input> | 
 |  |  |         </div> | 
 |  |  |        <div class="mb-md"> | 
 |  |  |                 <nz-alert *ngIf="grid.selectedIndexs.length > 0" [nzType]="'info'" [nzShowIcon]="true">  | 
 |  |  | 
 |  |  |               [nzTotal]="grid.total" | 
 |  |  |               [(nzPageIndex)]="grid.pageIndex" | 
 |  |  |               [(nzPageSize)]="grid.pageSize" | 
 |  |  |               [nzLoading]="http.loading" | 
 |  |  |               [nzLoading]="versionService.loading" | 
 |  |  |               [nzShowTotal]="true" | 
 |  |  |               (nzPageIndexChange)="load()" | 
 |  |  |               (nzDataChange)="dataChange($event)"> | 
 |  |  | 
 |  |  |                      [ngStyle]="{'width':col.width,'text-align':col['align'] === undefined?'left':col.align}" > | 
 |  |  |                            <span>{{ col.text }}</span> | 
 |  |  |                     </th> | 
 |  |  |                     <th nz-th><span>操作</span></th> | 
 |  |  |                   </tr> | 
 |  |  |               </thead> | 
 |  |  |               <tbody nz-tbody> | 
 |  |  | 
 |  |  |                              <!-- 要使用管道,无法自动生成 -->         | 
 |  |  |                         </span> | 
 |  |  |                     </td> | 
 |  |  |                     <td nz-td> | 
 |  |  |                             <a (click)="addOrModify(row)">编辑</a> | 
 |  |  |                             <span nz-table-divider></span> | 
 |  |  |                               <nz-popconfirm [nzTitle]="'确定要删除该用户吗?'" [nzOkText]="'Yes'" [nzCancelText]="'No'" (nzOnConfirm)="delete(row.id)" > | 
 |  |  |                                 <a nz-popconfirm>删除</a> | 
 |  |  |                               </nz-popconfirm> | 
 |  |  |                      </td> | 
 |  |  |                 </tr> | 
 |  |  |               </tbody> | 
 |  |  |               </nz-table> |