mirror of
https://gitee.com/xiangheng/x_admin.git
synced 2025-10-05 08:07:06 +08:00
108 lines
2.2 KiB
TypeScript
108 lines
2.2 KiB
TypeScript
import { reactive, toRaw } from "vue";
|
||
import { toast } from "@/utils/utils";
|
||
|
||
// 分页钩子函数
|
||
interface Options {
|
||
pageNo ?: number;
|
||
pageSize ?: number;
|
||
loadingText ?: string;
|
||
loadmoreText ?: string;
|
||
nomoreText ?: string;
|
||
|
||
fetchFun : (_arg : any) => Promise<any>;
|
||
params ?: Record<any, any>;
|
||
firstStatus ?: string; //loadmore - 加载前，loading - 加载中，nomore - 没有数据
|
||
}
|
||
|
||
export function usePaging<T>(options : Options) {
|
||
const {
|
||
pageNo = 1,
|
||
pageSize = 30,
|
||
loadingText = "努力加载中",
|
||
loadmoreText = "继续加载",
|
||
nomoreText = "没有数据了",
|
||
fetchFun,
|
||
params = {},
|
||
firstStatus = "loadmore",
|
||
} = options;
|
||
// 记录分页初始参数
|
||
const paramsInit : Record<any, any> = Object.assign({}, toRaw(params));
|
||
// 分页数据
|
||
const pager = reactive({
|
||
pageNo,
|
||
pageSize,
|
||
loadingText,
|
||
loadmoreText,
|
||
nomoreText,
|
||
loading: firstStatus,
|
||
count: 0,
|
||
lists: [] as T[],
|
||
});
|
||
// 请求分页接口
|
||
const getLists = () => {
|
||
pager.loading = "loading";
|
||
console.log('params', params);
|
||
return fetchFun({
|
||
pageNo: pager.pageNo,
|
||
pageSize: pager.pageSize,
|
||
...params,
|
||
})
|
||
.then((res : any) => {
|
||
uni.stopPullDownRefresh();
|
||
|
||
if (res.code == 200) {
|
||
pager.count = res?.data?.count;
|
||
var list = res?.data?.lists || [];
|
||
|
||
pager.lists.push(...list);
|
||
|
||
if (res?.data?.lists?.length < pager.pageSize) {
|
||
pager.loading = "nomore";
|
||
} else {
|
||
pager.loading = "loadmore";
|
||
}
|
||
} else {
|
||
toast(res.message);
|
||
pager.loading = "loadmore";
|
||
}
|
||
return Promise.resolve(res);
|
||
})
|
||
.catch((err : any) => {
|
||
uni.stopPullDownRefresh();
|
||
toast(err.message);
|
||
pager.loading = "nomore";
|
||
return Promise.reject(err);
|
||
});
|
||
};
|
||
// 下一页
|
||
const NextPage = () => {
|
||
if (pager.loading === "nomore") {
|
||
toast("没有数据了");
|
||
return;
|
||
}
|
||
pager.pageNo += 1;
|
||
getLists();
|
||
};
|
||
|
||
// 重置为第一页
|
||
const resetPage = () => {
|
||
pager.pageNo = 1;
|
||
pager.lists = [];
|
||
getLists();
|
||
};
|
||
// 重置参数
|
||
const resetParams = () => {
|
||
Object.keys(paramsInit).forEach((item) => {
|
||
params[item] = paramsInit[item];
|
||
});
|
||
pager.lists = [];
|
||
getLists();
|
||
};
|
||
return {
|
||
pager,
|
||
getLists,
|
||
NextPage,
|
||
resetParams,
|
||
resetPage,
|
||
};
|
||
} |