Browse Source

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

puhui999 9 months ago
parent
commit
0cdaaac0ed
1 changed files with 8 additions and 9 deletions
  1. 8 9
      pages/chat/components/messageList.vue

+ 8 - 9
pages/chat/components/messageList.vue

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