You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
1.9 KiB
84 lines
1.9 KiB
/**
|
|
* 处理查询参数
|
|
* @param {Object} self - 组件实例
|
|
* @param {Object} queryParams - 额外的查询参数
|
|
* @returns {Object} 合并后的查询参数
|
|
*/
|
|
function query(self, queryParams){
|
|
// 深度合并对象
|
|
return self.$utils.deepMergeObject(
|
|
self.$utils.deepMergeObject(self.queryParams,
|
|
(self.beforeGetData && self.beforeGetData()) || {}),
|
|
queryParams)
|
|
}
|
|
|
|
/**
|
|
* 列表数据加载混入
|
|
* 提供列表数据的加载、分页、下拉刷新、上拉加载更多等功能
|
|
*/
|
|
export default {
|
|
data() {
|
|
return {
|
|
queryParams: {
|
|
pageNo: 1,
|
|
pageSize: 10,
|
|
},
|
|
total : 0,
|
|
list : [],
|
|
}
|
|
},
|
|
// 下拉刷新
|
|
onPullDownRefresh() {
|
|
this.getData()
|
|
},
|
|
// 上拉加载更多
|
|
onReachBottom() {
|
|
this.loadMoreData()
|
|
},
|
|
// 页面显示时加载数据
|
|
onShow() {
|
|
this.getData()
|
|
},
|
|
methods: {
|
|
/**
|
|
* 获取列表数据
|
|
* @param {Object} queryParams - 查询参数
|
|
* @returns {Promise} 返回Promise对象
|
|
*/
|
|
getData(queryParams){
|
|
return new Promise((success, error) => {
|
|
if(!this.mixinsListApi){
|
|
return console.error('mixinsListApi 缺失');
|
|
}
|
|
this.$api(this.mixinsListApi,
|
|
query(this, queryParams), res => {
|
|
uni.stopPullDownRefresh()
|
|
if(res.code == 200){
|
|
success(res.result)
|
|
// 更新列表数据
|
|
this[this.mixinsListKey || 'list'] = res.result.records || res.result
|
|
// 更新总数
|
|
this.total = res.result.total || res.result.length
|
|
// 调用数据加载完成的回调
|
|
this.getDataThen && this.getDataThen(res.result.records, res.result.total, res.result)
|
|
} else {
|
|
// 更新列表数据
|
|
this[this.mixinsListKey || 'list'] = []
|
|
// 更新总数
|
|
this.total = 0
|
|
error(res)
|
|
}
|
|
})
|
|
})
|
|
},
|
|
/**
|
|
* 加载更多数据
|
|
*/
|
|
loadMoreData(){
|
|
if(this.queryParams.pageSize < this.total){
|
|
this.queryParams.pageSize += 10
|
|
this.getData()
|
|
}
|
|
},
|
|
}
|
|
}
|