cKey
5 years ago
17 changed files with 410 additions and 599 deletions
@ -0,0 +1,99 @@ |
|||
import { Component, Vue } from 'vue-property-decorator' |
|||
import { PagedResultDto, ListResultDto, PagedAndSortedResultRequestDto } from '@/api/types' |
|||
/** |
|||
* 数据列表mixin |
|||
* 复写大部分数据列表事件 |
|||
*/ |
|||
@Component |
|||
export default class DataListMiXin extends Vue { |
|||
/** 数据列表 */ |
|||
public dataList = new Array<any>() |
|||
/** 数据总数 */ |
|||
public dataTotal = 0 |
|||
/** 是否正在加载数据 */ |
|||
public dataLoading = false |
|||
/** 查询过滤器 |
|||
*如果继承自分页查询接口的其他过滤类型,需要重写初始化类型 |
|||
*/ |
|||
public dataFilter = new PagedAndSortedResultRequestDto() |
|||
|
|||
/** |
|||
* 刷新数据 |
|||
*/ |
|||
protected refreshData() { |
|||
this.dataLoading = true |
|||
this.getList(this.dataFilter) |
|||
.then(res => { |
|||
this.dataList = res.items |
|||
this.dataTotal = res.items.length |
|||
}) |
|||
.finally(() => { |
|||
this.dataLoading = false |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 刷新分页数据 |
|||
*/ |
|||
protected refreshPagedData() { |
|||
this.dataLoading = true |
|||
this.getPagedList(this.dataFilter) |
|||
.then(res => { |
|||
this.dataList = res.items |
|||
this.dataTotal = res.totalCount |
|||
}) |
|||
.finally(() => { |
|||
this.dataLoading = false |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 重写已执行具体查询数据逻辑 |
|||
*/ |
|||
protected getList(filter: any): Promise<ListResultDto<any>> { |
|||
console.log(filter) |
|||
return new Promise<ListResultDto<any>>((resolve) => { |
|||
return resolve(new ListResultDto<any>()) |
|||
}) |
|||
} |
|||
|
|||
/** 获取空数据 */ |
|||
protected getEmptyList() { |
|||
return new Promise<ListResultDto<any>>((resolve) => { |
|||
return resolve(new ListResultDto<any>()) |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 重写以执行具体查询分页数据逻辑 |
|||
* @param filter 查询过滤器 |
|||
*/ |
|||
protected getPagedList(filter: any): Promise<PagedResultDto<any>> { |
|||
console.log(filter) |
|||
return this.getEmptyPagedList() |
|||
} |
|||
|
|||
/** 获取空分页数据 */ |
|||
protected getEmptyPagedList() { |
|||
return new Promise<PagedResultDto<any>>((resolve) => { |
|||
return resolve(new PagedResultDto<any>()) |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 排序变更事件 |
|||
* @param column 事件列 |
|||
*/ |
|||
protected handleSortChange(column: any) { |
|||
this.dataFilter.sorting = column.prop |
|||
} |
|||
|
|||
/** |
|||
* 本地化接口 |
|||
* @param name 本地化名称 |
|||
* @param values 参数 |
|||
*/ |
|||
protected l(name: string, values?: any[] | { [key: string]: any }) { |
|||
return this.$t(name, values).toString() |
|||
} |
|||
} |
|||
Loading…
Reference in new issue