zheng/blog-frontEnd
1
0
Fork 0
Code Issues 2 Pull Requests 12 Actions Packages Projects Releases Wiki Activity

通用组件-刷新

Browse Source
This commit is contained in:
禾几海
2020-07-01 12:08:47 +08:00
parent 5e2dfe056b
commit 7a788dc559
4 changed files with 72 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/app/view/admin/components/common-table/common-table.component.html
View File

@@ -1,40 +1,51 @@
<nz-table nzTableLayout="fixed"
[nzData]="dataList.list"
[nzTotal]="dataList.total"
[(nzPageIndex)]="dataList.pageNum"
[nzPageSize]="dataList.pageSize"
(nzPageIndexChange)="getData()"
nzFrontPagination="false">
<thead>
<tr>
<ng-container *ngFor="let headData of data">
<th *ngIf="headData.show">
{{headData.fieldName}}
</th>
</ng-container>
</tr>
</thead>
<tbody>
<tr *ngFor="let t of dataList.list">
<ng-container *ngFor="let headData of data">
<td *ngIf="headData.show">
<ng-template [ngIf]="!headData.isActionColumns">
{{t[headData.fieldValue]}}
</ng-template>
<ng-container *ngIf="headData.isActionColumns">
<a *ngFor="let action of headData.action; let i = index" (mouseenter)="action.hover(t)"
(mouseout)="null" (click)="action.click(t)"
[ngStyle]="{'color':action.color,'font-size':action.fontSize}">
{{action.name}}
<ng-template [ngIf]="i!=headData.action.length-1">
<nz-divider nzType="vertical"></nz-divider>
</ng-template>
</a>
</ng-container>
</td>
</ng-container>
<nz-card nzSize="small" [nzExtra]="refresh" [nzTitle]="title" [nzLoading]="loading">
<nz-table nzTableLayout="fixed"
[nzData]="dataList.list"
[nzTotal]="dataList.total"
[(nzPageIndex)]="dataList.pageNum"
[nzPageSize]="dataList.pageSize"
(nzPageIndexChange)="getData()"
nzFrontPagination="false">
<thead>
<tr>
<ng-container *ngFor="let headData of data">
<th *ngIf="headData.show">
{{headData.fieldName}}
</th>
</ng-container>
</tr>
</thead>
<tbody>
<tr *ngFor="let t of dataList.list">
<ng-container *ngFor="let headData of data">
<td *ngIf="headData.show"
nz-typography
nzEllipsis
nzEllipsisRows="1"
[nzTooltipTitle]="headData.fieldName+' : '+t[headData.fieldValue]"
nzTooltipPlacement="right"
nz-tooltip>
<ng-template [ngIf]="!headData.isActionColumns">
{{t[headData.fieldValue]}}
</ng-template>
<ng-container *ngIf="headData.isActionColumns">
<a *ngFor="let action of headData.action; let i = index" (mouseenter)="action.hover(t)"
(mouseout)="null" (click)="action.click(t)"
[ngStyle]="{'color':action.color,'font-size':action.fontSize}">
{{action.name}}
<ng-template [ngIf]="i!=headData.action.length-1">
<nz-divider nzType="vertical"></nz-divider>
</ng-template>
</a>
</ng-container>
</td>
</ng-container>
</tr>
</tbody>
</nz-table>
</nz-card>
</tr>
</tbody>
</nz-table>
<ng-template #refresh>
<i nz-icon nzType="reload" nzTheme="outline" (click)="getData()"></i>
</ng-template>