【功能完善】商城:客服消息查询 pageSize 改 limit
parent
18aa26dcae
commit
0cdaaac0ed
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue