【功能完善】商城:客服消息查询 pageSize 改 limit

This commit is contained in:
puhui999
2024-11-18 17:19:24 +08:00
parent 18aa26dcae
commit 0cdaaac0ed
+8 -9
View File
@@ -50,16 +50,15 @@
'alignItems': 'center', 'alignItems': 'center',
}); // 返回顶部样式 }); // 返回顶部样式
const queryParams = reactive({ const queryParams = reactive({
pageNo: 1, // 只用于触底计算 no: 1, // 查询次数,只用于触底计算
pageSize: 20, limit: 20,
createTime: undefined, createTime: undefined,
}); });
const pagingRef = ref(null); // 虚拟列表 const pagingRef = ref(null); // 虚拟列表
const queryList = async (pageNo, pageSize) => { const queryList = async (no, limit) => {
// 组件加载时会自动触发此方法,因此默认页面加载时会自动触发,无需手动调用 // 组件加载时会自动触发此方法,因此默认页面加载时会自动触发,无需手动调用
// 这里的pageNo和pageSize会自动计算好,直接传给服务器即可 queryParams.no = no;
queryParams.pageNo = pageNo; queryParams.limit = limit;
queryParams.pageSize = pageSize;
await getMessageList(); await getMessageList();
}; };
// 获得消息分页列表 // 获得消息分页列表
@@ -69,7 +68,7 @@
pagingRef.value.completeByNoMore([], true); pagingRef.value.completeByNoMore([], true);
return; return;
} }
if (queryParams.pageNo > 1 && refreshMessage.value) { if (queryParams.no > 1 && refreshMessage.value) {
const newMessageList = []; const newMessageList = [];
for (const message of data) { for (const message of data) {
if (messageList.value.some((val) => val.id === message.id)) { if (messageList.value.some((val) => val.id === message.id)) {
@@ -101,7 +100,7 @@
} }
// 若已是第一页则不做处理 // 若已是第一页则不做处理
if (queryParams.pageNo > 1) { if (queryParams.no > 1) {
showNewMessageTip.value = true; showNewMessageTip.value = true;
} else { } else {
onScrollToUpper(); onScrollToUpper();
@@ -115,7 +114,7 @@
/** 监听滚动到底部事件(因为 scroll 翻转了顶就是底) */ /** 监听滚动到底部事件(因为 scroll 翻转了顶就是底) */
const onScrollToUpper = () => { const onScrollToUpper = () => {
// 若已是第一页则不做处理 // 若已是第一页则不做处理
if (queryParams.pageNo === 1) { if (queryParams.no === 1) {
return; return;
} }
showNewMessageTip.value = false; showNewMessageTip.value = false;