会话消息读取

src/views/liveChat/index.vue

@@ -127,6 +127,19 @@ const boottmScroll = () => {
   });
 };
 let noReadList = null;
+//往前继续读取
+let pageNumRead = 1
+const readChat =async ()=>{
+      pageNumRead++
+      const queryParams = {
+          pageNum: pageNumRead,
+          pageSize: 10,
+        };
+      const resMsgData = await msgRecord(toIdValue, queryParams);
+      if(resMsgData.rows[0].isRead === "N"){
+        readChat()
+        }
+}
 //获取用户的聊天记录
 const msgRecordEvent = async (toIdValue) => {
   if(clickPersonId.value!=toIdValue) return;
@@ -135,6 +148,10 @@ const msgRecordEvent = async (toIdValue) => {
     pageSize: 10,
   };
   const resMsgData = await msgRecord(toIdValue, queryParams);
+  if(resMsgData.rows[0].isRead === "N"){
+      readChat()
+  }
+  console.log('resMsgData',resMsgData);
   resMsgData.rows.map((i) => (i.isForward = false));
   chatRecords.data = resMsgData.rows.reverse();
   const PageNum = Math.ceil(chatRecords.data.length / 10) + 1;

src/views/search/index.vue

@@ -47,7 +47,7 @@
     <!-- 文件列表 -->
     <div class="fileList">
       <div>
-        <div v-if="isList" style="height: calc(98vh - 320px);overflow-y: hidden;">
+        <div v-if="isList" style="height: calc(98vh - 220px);overflow-y: hidden;">
           <!-- 表格 -->
           <el-table :data="tableData" style="width: 100%;height:calc(98vh - 220px);" ref="container"
             @scroll="handleScroll" @row-click="clickRow">
@@ -82,10 +82,19 @@
         <div v-else>
           <!-- 平铺 -->
           <div class="tile_box" @scroll="handleScrollG">
-            <div class="file_box" v-for="item in tableData" :key="item">
+            <div class="file_box" v-for="item in tableData" :key="item" @click="clickRow(item)">
               <img class="big_file_img" :src="setIcon(item.fileType)" alt="" />
-              <span class="missing">{{ item.fileName }}</span>
-              <span class="missingPass">{{ item.fileName }}</span>
+                    <el-tooltip
+                      class="box-item"
+                      effect="dark"
+                      :content="item.fileName "
+                      :show-after='1000'
+                      placement="bottom"
+                    >
+                        <span class="missing">{{ item.fileName }}</span>
+                    </el-tooltip>
+              <!-- <span class="missing">{{ item.fileName }}</span> -->
+              <!-- <span class="missingPass">{{ item.fileName }}</span> -->
             </div>
           </div>
         </div>
@@ -744,9 +753,9 @@ onMounted(() => {
   text-overflow: ellipsis
 }
 
-.missing:hover~.missingPass {
-  display: block;
-}
+// .missing:hover~.missingPass {
+//   display: block;
+// }
 
 .missingPass {
   display: none;