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