fix

src/component/Account/message/likeMessage.vue

@@ -1,18 +1,18 @@
 <template>
     <div class="account_like">
 		<div class="account_generalMessage_title modal_title_text">
-			<span>点赞</span>
+			<!-- <span>点赞</span> -->
 			<div class="account_generalMessage_title_setting" @click="allRead">全部已读</div>
 		</div>
 		<div class="account_generalMessage_center modal_title_text">
 			<div class="account_generalMessage_item" v-for="item in dataList" :key="item.id" @click="setRead(item)">
 				<a-badge :dot="item.isRead == 0"></a-badge>
 				<div class="account_generalMessage_item_right">
-					<div class="account_generalMessage_item_right_img">
-						<img src="https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png" alt="">
+					<div class="account_generalMessage_item_right_img" @click="openOtherUsers(item)">
+						<img :src="item.avatar" alt="">
 					</div>
 					<div class="account_generalMessage_item_right_title">
-						<div class="account_generalMessage_item_right_title_name">{{ item.senderUserName }} <span>攒了你的作品</span></div>
+						<div class="account_generalMessage_item_right_title_name">{{ item.userName }} <span>攒了你的作品</span></div>
 						<div>{{ item.portfolioName }}</div>
 					</div>
 				</div>
@@ -23,6 +23,15 @@
 					<div class="modal_title_text_intro">{{ item.createTime }}</div>
 				</div>
 			</div>
+			<div class="account_generalMessage_item" style="justify-content: center;" v-if="dataList.length == 0 && isNoData">
+				没有任何信息~
+			</div>
+			<div class="page_loading_box" v-show="!isNoData">
+				<span class="page_loading" ref="loadingDom" v-show="!isShowMark"></span>
+				<span v-show="isShowMark">
+					<a-spin size="large" />
+				</span>
+			</div>
 		</div>
     </div>
 </template>
@@ -37,50 +46,83 @@ import { useI18n } from 'vue-i18n'
 export default defineComponent({
     components:{
     },
-	emits:['setReadStatus','setAllmessage'],
+	// emits:['setReadStatus','setAllmessage'],
+    props:['setReadStatus','setAllmessage','getHistory'],
     setup(prop,{emit}) {
 		const router = useRouter()
         const store = useStore();
 		let accountMessage = reactive({
 			activeKey: ref('1'),
 			dataList:[
-			]
+			],
+			page:1,
+			size:10,
+			isNoData: false,
+			isShowMark: false,
 		})
-		let setmessageList = (data:any)=>{
-			accountMessage.dataList = data.content
+		let loadingDom:any = ref(null)
+		let setmessageList = ()=>{
+			accountMessage.isShowMark = true
+			let data = {
+				page: accountMessage.page,
+				size: accountMessage.size,
+			}
+			prop.getHistory(data).then((rv:any)=>{
+				accountMessage.isShowMark = false
+				if(rv.content.length == 0) {
+					accountMessage.isNoData = true
+					return
+				}
+				accountMessage.dataList = rv.content
+			}).catch(() => {
+				accountMessage.isShowMark = false
+				accountMessage.isNoData = true
+			})
 		}
 		let setRead = (item:any)=>{
-			emit('setReadStatus',item)
-			item.isRead = 1
+			prop.setReadStatus(item).then((rv:any)=>{
+				item.isRead = 1
+			}).catch((err:any)=>{
+			})
 		}
 		let allRead = ()=>{
-			emit('setAllmessage')
+			// emit('setAllmessage')
+			prop.setAllmessage().then(()=>{
+			}).catch((err:any)=>{
+			})
+		}
+		let openOtherUsers = (item:any)=>{
+			const routeUrl = router.resolve({
+				path:'/home/otherUsers',
+				query:{
+					userId:item.senderId
+				}
+			})
+			window.open(routeUrl.href,'_blank')
 		}
-		// let ws = new WebSocket('ws://127.0.0.1:3000')
-		// console.log(ws);
-		
-		// ws.onopen = ()=>{
-		// 	console.log(222);
-		// 	let data = {
-		// 		cmd:4, 
-		// 		data:{
-		// 			msg:'222'
-		// 		} 
-		// 	}
-		// 	ws.send(JSON.stringify(data))
-		// 	// ws.onmessage = (data)=>{
-		// 	// 	console.log(data); 
-		// 	// }
-		// }
-		// provide('exhibitionList',exhibitionList)
 		
 		onMounted (()=>{
+			accountMessage.isNoData = false
+			accountMessage.page = 0
+			let imgParent:any = document.querySelector('.account_systemMessage .page_loading')
+			new IntersectionObserver(
+				(entries, observer) => {
+					// 如果不是相交，则直接返回
+					// console.log(entries[0]);
+					if (!entries[0].intersectionRatio) return;
+					accountMessage.page+=1
+					setmessageList()
+				},
+				// { root:worksPage }
+			).observe(loadingDom.value);
 		})
         return{
            ...toRefs(accountMessage),
 		   setmessageList,
 		   setRead,
-		   allRead
+		   allRead,
+		   openOtherUsers,
+		   loadingDom,
         }
     },
     data(){