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 14:11:17 +08:00
parent 8cc8f8e8d5
commit 6bd15f3cc0
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/view/admin/components/common-table/common-table.component.ts
View File

@@ -1,4 +1,4 @@
import {Component, Input, OnChanges, OnInit, SimpleChanges, TemplateRef} from '@angular/core'; import {Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, TemplateRef} from '@angular/core';
import {Data} from './data'; import {Data} from './data';
import {PageList, RequestObj} from '../../../../class/HttpReqAndResp'; import {PageList, RequestObj} from '../../../../class/HttpReqAndResp';
import {HttpService} from '../../../../api/http/http.service'; import {HttpService} from '../../../../api/http/http.service';
@@ -15,7 +15,7 @@ export class CommonTableComponent<T> implements OnInit, OnChanges {
} }
/** /**
* 设置readonly data 因为后面有使用eval 为了安全 TODO * 设置readonly data 因为后面有使用eval 为了安全
*/ */
@Input() readonly data: Data<T>[]; @Input() readonly data: Data<T>[];
@Input() request: RequestObj; @Input() request: RequestObj;
@@ -26,6 +26,7 @@ export class CommonTableComponent<T> implements OnInit, OnChanges {
param?: { [key: string]: string } param?: { [key: string]: string }
} }
}; };
@Output() pageInfo = new EventEmitter<{ page: number, pageSize: number }>();
loading: boolean = true; loading: boolean = true;
dataList: PageList<T> = new PageList<T>(); dataList: PageList<T> = new PageList<T>();
@@ -44,10 +45,13 @@ export class CommonTableComponent<T> implements OnInit, OnChanges {
getData = () => { getData = () => {
this.loading = true; this.loading = true;
const pageValue = this.dataList.pageNum ? this.dataList.pageNum : 1;
const countValue = this.dataList.pageSize ? this.dataList.pageSize : 10
this.request.queryParam = { this.request.queryParam = {
page: this.dataList.pageNum ? this.dataList.pageNum : 1, page: pageValue,
count: this.dataList.pageSize ? this.dataList.pageSize : 10 count: countValue
} }
this.pageInfo.emit({page: pageValue, pageSize: countValue})
this.httpService.Service<PageList<T>>(this.request).subscribe({ this.httpService.Service<PageList<T>>(this.request).subscribe({
next: resp => { next: resp => {
this.dataList = resp.result; this.dataList = resp.result;
@@ -62,9 +66,11 @@ export class CommonTableComponent<T> implements OnInit, OnChanges {
getValue(index: number, fieldValue: string) { getValue(index: number, fieldValue: string) {
// todo: 过滤 let str = `this.dataList.list[${index}].` + fieldValue;
const regexp = /<|>|=|onload|$|{|}|《/
str = str.replace(regexp, '');
// tslint:disable-next-line:no-eval // tslint:disable-next-line:no-eval
const value = eval(`this.dataList.list[${index}].` + fieldValue); const value = eval(str);
return value ? value : '暂无数据'; return value ? value : '暂无数据';
} }