|
@@ -1,12 +1,19 @@
|
|
<template>
|
|
<template>
|
|
<div class="message-list p-base scroll-y-auto">
|
|
<div class="message-list p-base scroll-y-auto">
|
|
<template v-if="!!(messageList || []).length">
|
|
<template v-if="!!(messageList || []).length">
|
|
- <div
|
|
|
|
|
|
+ <!-- <div
|
|
v-for="message in messageList"
|
|
v-for="message in messageList"
|
|
:key="message.id"
|
|
:key="message.id"
|
|
class="radius-base fill-blank p-base m-b-mini relative message-item"
|
|
class="radius-base fill-blank p-base m-b-mini relative message-item"
|
|
:class="{ active: currentMessage?.sendUserId === message.sendUserId, 'un-read': message.unReadCount > 0 }"
|
|
:class="{ active: currentMessage?.sendUserId === message.sendUserId, 'un-read': message.unReadCount > 0 }"
|
|
@click="checkMessage(message)"
|
|
@click="checkMessage(message)"
|
|
|
|
+ > -->
|
|
|
|
+ <div
|
|
|
|
+ v-for="message in messageList"
|
|
|
|
+ :key="message.id"
|
|
|
|
+ class="radius-base fill-blank p-base m-b-mini relative message-item"
|
|
|
|
+ :class="{ active: isActiveMessage(currentMessage, message), 'un-read': message.unReadCount > 0 }"
|
|
|
|
+ @click="checkMessage(message)"
|
|
>
|
|
>
|
|
<div class="flex items-center m-b-base message-title">
|
|
<div class="flex items-center m-b-base message-title">
|
|
<div class="message-send-user">
|
|
<div class="message-send-user">
|
|
@@ -46,7 +53,11 @@ const checkMessage = (msg: any) => {
|
|
bus.emit('clickChangeMsg', msg)
|
|
bus.emit('clickChangeMsg', msg)
|
|
emits('leftMsgClick', msg)
|
|
emits('leftMsgClick', msg)
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+const isActiveMessage = (message1: any, message2: any) => {
|
|
|
|
+ let otherUserId1 = mainStore?.myUserInfo?.id == message1?.sendUserId ? message1?.receiveUserId : message1?.sendUserId
|
|
|
|
+ let otherUserId2 = mainStore?.myUserInfo?.id == message2?.sendUserId ? message2?.receiveUserId : message2?.sendUserId
|
|
|
|
+ return otherUserId1 && otherUserId1 === otherUserId2
|
|
|
|
+}
|
|
getMessageList().then((result) => {
|
|
getMessageList().then((result) => {
|
|
// currentMessage.value = result?.[0]
|
|
// currentMessage.value = result?.[0]
|
|
if (props.mode !== 'view' && !props.replyUserId) {
|
|
if (props.mode !== 'view' && !props.replyUserId) {
|