|
|
@@ -6,204 +6,283 @@
|
|
|
:src="audioTips"
|
|
|
style="opacity: 0; z-index: -1"
|
|
|
></audio>
|
|
|
-
|
|
|
+ <van-sticky :offset-top="50">
|
|
|
+ <div class="w-full text-xl font-semibold px-16 h-48 flex justify-start items-center bg-white">
|
|
|
+ <span
|
|
|
+ @click="showPopover = true"
|
|
|
+ v-if="showPopover"
|
|
|
+ class="iconfont icon-plus text-[#FF9300]"
|
|
|
+ style="font-size: 24px"
|
|
|
+ ></span>
|
|
|
+ <span v-else class="iconfont icon-plus text-black" style="font-size: 24px"></span>
|
|
|
+
|
|
|
+ <van-popover
|
|
|
+ v-model:show="showPopover"
|
|
|
+ placement="bottom"
|
|
|
+ theme="dark"
|
|
|
+ offset="[5,20]"
|
|
|
+ :actions="actionsList"
|
|
|
+ @select="onSelect"
|
|
|
+ >
|
|
|
+ <template #reference>
|
|
|
+ <span :class="`${showPopover ? 'text-[#FF9300]' : 'text-black-3'}`">添加</span>
|
|
|
+ </template>
|
|
|
+ </van-popover>
|
|
|
+ </div>
|
|
|
+ </van-sticky>
|
|
|
<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
|
|
|
- <van-sticky :offset-top="50">
|
|
|
- <div
|
|
|
- class="w-full text-xl font-semibold px-16 h-48 flex justify-start items-center bg-white"
|
|
|
+ <div style="height: calc(100vh - 100px)" class="w-full">
|
|
|
+ <van-list
|
|
|
+ ref="messageBoxRef"
|
|
|
+ class="flex-1 overflow-y-auto flex flex-col"
|
|
|
+ :finished="true"
|
|
|
+ finished-text=""
|
|
|
>
|
|
|
- <span
|
|
|
- @click="showPopover = true"
|
|
|
- v-if="showPopover"
|
|
|
- class="iconfont icon-plus text-[#FF9300]"
|
|
|
- style="font-size: 24px"
|
|
|
- ></span>
|
|
|
- <span v-else class="iconfont icon-plus text-black" style="font-size: 24px"></span>
|
|
|
-
|
|
|
- <van-popover
|
|
|
- v-model:show="showPopover"
|
|
|
- placement="bottom"
|
|
|
- theme="dark"
|
|
|
- offset="[5,20]"
|
|
|
- :actions="actionsList"
|
|
|
- @select="onSelect"
|
|
|
+ <div
|
|
|
+ @click="
|
|
|
+ onChatPage('/profile/system-message', {
|
|
|
+ groupId: chatList[0]?.groupId
|
|
|
+ })
|
|
|
+ "
|
|
|
+ class="w-full relative h-82 flex justify-start items-center px-16"
|
|
|
>
|
|
|
- <template #reference>
|
|
|
- <span :class="`${showPopover ? 'text-[#FF9300]' : 'text-black-3'}`">添加</span>
|
|
|
- </template>
|
|
|
- </van-popover>
|
|
|
- </div>
|
|
|
- </van-sticky>
|
|
|
-
|
|
|
- <div
|
|
|
- @click="
|
|
|
- onChatPage('/profile/system-message', {
|
|
|
- groupId: chatList[0]?.groupId
|
|
|
- })
|
|
|
- "
|
|
|
- class="w-full relative h-82 flex justify-start items-center px-16"
|
|
|
- >
|
|
|
- <van-badge
|
|
|
- v-if="chatList[0]?.unreadMessageCount"
|
|
|
- v-bind="messageNumber(chatList[0]?.unreadMessageCount)"
|
|
|
- max="99"
|
|
|
- >
|
|
|
+ <van-badge
|
|
|
+ v-if="chatList[0]?.unreadMessageCount"
|
|
|
+ v-bind="messageNumber(chatList[0]?.unreadMessageCount)"
|
|
|
+ max="99"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="w-48 h-48 bg-[#0052D9] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="w-24 h-24 shrink-0 object-cover"
|
|
|
+ src="~/assets/img/chat/remind.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </van-badge>
|
|
|
+
|
|
|
+ <div
|
|
|
+ v-else
|
|
|
+ class="w-48 h-48 bg-[#0052D9] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="w-24 h-24 shrink-0 object-cover"
|
|
|
+ src="~/assets/img/chat/remind.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="h-48 w-245 shrink-0 ml-12 flex flex-wrap items-start">
|
|
|
+ <h1 class="line-clamp-1 w-full text-base text-black-3 font-semibold mb-4">
|
|
|
+ {{ chatList[0]?.groupName }}
|
|
|
+ </h1>
|
|
|
+ <p class="line-clamp-1 h-20 text-sm text-black-6 leading-3xl">
|
|
|
+ {{
|
|
|
+ chatList[0]?.lastMessage
|
|
|
+ ? messageContentParse(chatList[0]?.lastMessage?.messageContent)
|
|
|
+ : ''
|
|
|
+ }}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="w-35 h-48 shrink-0">
|
|
|
+ <p class="text-black/[0.6] text-sm text-end">
|
|
|
+ {{
|
|
|
+ chatList[0]?.lastMessage
|
|
|
+ ? createTimeSplit(chatList[0]?.lastMessage?.createTime)
|
|
|
+ : ''
|
|
|
+ }}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="absolute bottom-0 right-0 w-[96%] h-1 border-b-[1px]"></div>
|
|
|
+ </div>
|
|
|
+ <!-- navigateTo('/follow?listType=fans') -->
|
|
|
<div
|
|
|
- class="w-48 h-48 bg-[#0052D9] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
+ @click="
|
|
|
+ onChatPage('/follow', {
|
|
|
+ listType: 'fans',
|
|
|
+ groupId: chatList[1]?.groupId
|
|
|
+ })
|
|
|
+ "
|
|
|
+ class="w-full relative h-82 flex justify-start items-center px-16"
|
|
|
>
|
|
|
- <img
|
|
|
- class="w-24 h-24 shrink-0 object-cover"
|
|
|
- src="~/assets/img/chat/remind.svg"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <van-badge
|
|
|
+ v-if="chatList[1]?.unreadMessageCount"
|
|
|
+ v-bind="messageNumber(chatList[1]?.unreadMessageCount)"
|
|
|
+ max="99"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="w-48 h-48 bg-[#FF9300] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="w-24 h-24 shrink-0 object-cover"
|
|
|
+ src="~/assets/img/chat/user.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </van-badge>
|
|
|
+
|
|
|
+ <div
|
|
|
+ v-else
|
|
|
+ @click="navigateTo('/follow?listType=fans')"
|
|
|
+ class="w-48 h-48 bg-[#FF9300] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="w-24 h-24 shrink-0 object-cover"
|
|
|
+ src="~/assets/img/chat/user.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="h-48 w-245 shrink-0 ml-12 flex flex-wrap items-start">
|
|
|
+ <h1 class="line-clamp-1 w-full text-base text-black-3 font-semibold mb-4">
|
|
|
+ {{ chatList[1]?.groupName }}
|
|
|
+ </h1>
|
|
|
+ <p class="line-clamp-1 h-20 text-sm text-black-6 leading-3xl">
|
|
|
+ {{
|
|
|
+ chatList[1]?.lastMessage
|
|
|
+ ? messageShowName(chatList[1]?.lastMessage?.messageContent)
|
|
|
+ : ''
|
|
|
+ }}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="w-35 h-48 shrink-0">
|
|
|
+ <p class="text-black/[0.6] text-sm text-end">
|
|
|
+ {{
|
|
|
+ chatList[1]?.lastMessage
|
|
|
+ ? createTimeSplit(chatList[1]?.lastMessage?.createTime)
|
|
|
+ : ''
|
|
|
+ }}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="absolute bottom-0 right-0 w-[96%] h-1 border-b-[1px]"></div>
|
|
|
</div>
|
|
|
- </van-badge>
|
|
|
|
|
|
- <div
|
|
|
- v-else
|
|
|
- class="w-48 h-48 bg-[#0052D9] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
- >
|
|
|
- <img class="w-24 h-24 shrink-0 object-cover" src="~/assets/img/chat/remind.svg" alt="" />
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="h-48 w-245 shrink-0 ml-12 flex flex-wrap items-start">
|
|
|
- <h1 class="line-clamp-1 w-full text-base text-black-3 font-semibold mb-4">
|
|
|
- {{ chatList[0]?.groupName }}
|
|
|
- </h1>
|
|
|
- <p class="line-clamp-1 h-20 text-sm text-black-6 leading-3xl">
|
|
|
- {{
|
|
|
- chatList[0]?.lastMessage
|
|
|
- ? messageContentParse(chatList[0]?.lastMessage?.messageContent)
|
|
|
- : ''
|
|
|
- }}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="w-35 h-48 shrink-0">
|
|
|
- <p class="text-black/[0.6] text-sm text-end">
|
|
|
- {{
|
|
|
- chatList[0]?.lastMessage ? createTimeSplit(chatList[0]?.lastMessage?.createTime) : ''
|
|
|
- }}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="absolute bottom-0 right-0 w-[96%] h-1 border-b-[1px]"></div>
|
|
|
- </div>
|
|
|
- <!-- navigateTo('/follow?listType=fans') -->
|
|
|
- <div
|
|
|
- @click="
|
|
|
- onChatPage('/follow', {
|
|
|
- listType: 'fans',
|
|
|
- groupId: chatList[1]?.groupId
|
|
|
- })
|
|
|
- "
|
|
|
- class="w-full relative h-82 flex justify-start items-center px-16"
|
|
|
- >
|
|
|
- <van-badge
|
|
|
- v-if="chatList[1]?.unreadMessageCount"
|
|
|
- v-bind="messageNumber(chatList[1]?.unreadMessageCount)"
|
|
|
- max="99"
|
|
|
- >
|
|
|
<div
|
|
|
- class="w-48 h-48 bg-[#FF9300] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
+ @click="
|
|
|
+ onChatPage('/profile/interaction-message', {
|
|
|
+ groupId: chatList[2]?.groupId
|
|
|
+ })
|
|
|
+ "
|
|
|
+ class="w-full relative h-82 flex justify-start items-center px-16"
|
|
|
>
|
|
|
- <img class="w-24 h-24 shrink-0 object-cover" src="~/assets/img/chat/user.svg" alt="" />
|
|
|
+ <van-badge
|
|
|
+ v-if="chatList[2]?.unreadMessageCount > 0"
|
|
|
+ v-bind="messageNumber(chatList[2]?.unreadMessageCount)"
|
|
|
+ max="99"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="w-48 h-48 bg-[#FF476A] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="w-24 h-24 shrink-0 object-cover"
|
|
|
+ src="~/assets/img/chat/weixin-shake.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </van-badge>
|
|
|
+
|
|
|
+ <div
|
|
|
+ v-else
|
|
|
+ class="w-48 h-48 bg-[#FF476A] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="w-24 h-24 shrink-0 object-cover"
|
|
|
+ src="~/assets/img/chat/weixin-shake.svg"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="h-48 w-245 shrink-0 ml-12 flex flex-wrap items-start">
|
|
|
+ <h1 class="line-clamp-1 w-full text-base text-black-3 font-semibold mb-4">
|
|
|
+ {{ chatList[2]?.groupName }}
|
|
|
+ </h1>
|
|
|
+ <p class="line-clamp-1 h-20 text-sm text-black-6 leading-3xl">
|
|
|
+ {{
|
|
|
+ chatList[2]?.lastMessage
|
|
|
+ ? messageContentParse(chatList[2]?.lastMessage?.messageContent)
|
|
|
+ : ''
|
|
|
+ }}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="w-35 h-48 shrink-0">
|
|
|
+ <p class="text-black/[0.6] text-sm text-end">
|
|
|
+ {{
|
|
|
+ chatList[2]?.lastMessage
|
|
|
+ ? createTimeSplit(chatList[2]?.lastMessage?.createTime)
|
|
|
+ : ''
|
|
|
+ }}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="absolute bottom-0 right-0 w-[96%] h-1 border-b-[1px]"></div>
|
|
|
</div>
|
|
|
- </van-badge>
|
|
|
|
|
|
- <div
|
|
|
- v-else
|
|
|
- @click="navigateTo('/follow?listType=fans')"
|
|
|
- class="w-48 h-48 bg-[#FF9300] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
- >
|
|
|
- <img class="w-24 h-24 shrink-0 object-cover" src="~/assets/img/chat/user.svg" alt="" />
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="h-48 w-245 shrink-0 ml-12 flex flex-wrap items-start">
|
|
|
- <h1 class="line-clamp-1 w-full text-base text-black-3 font-semibold mb-4">
|
|
|
- {{ chatList[1]?.groupName }}
|
|
|
- </h1>
|
|
|
- <p class="line-clamp-1 h-20 text-sm text-black-6 leading-3xl">
|
|
|
- {{
|
|
|
- chatList[1]?.lastMessage
|
|
|
- ? messageShowName(chatList[1]?.lastMessage?.messageContent)
|
|
|
- : ''
|
|
|
- }}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="w-35 h-48 shrink-0">
|
|
|
- <p class="text-black/[0.6] text-sm text-end">
|
|
|
- {{
|
|
|
- chatList[1]?.lastMessage ? createTimeSplit(chatList[1]?.lastMessage?.createTime) : ''
|
|
|
- }}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="absolute bottom-0 right-0 w-[96%] h-1 border-b-[1px]"></div>
|
|
|
- </div>
|
|
|
+ <!-- 置顶绘画列表 "-->
|
|
|
+ <div v-if="isTopList?.length && activeNames" class="w-full">
|
|
|
+ <template v-for="(item, index) in isTopList" :key="item?.id">
|
|
|
+ <template v-if="index > 2">
|
|
|
+ <!-- 单聊会话 -->
|
|
|
+ <ProfileNewsGroupChat
|
|
|
+ v-if="item?.noticeType == 2"
|
|
|
+ :item-data="{
|
|
|
+ ...item,
|
|
|
+ updateTime: item?.lastMessage
|
|
|
+ ? createTimeSplit(item?.lastMessage?.updateTime)
|
|
|
+ : ''
|
|
|
+ }"
|
|
|
+ @on-chat-page="
|
|
|
+ onChatPage('/chat/group', { userId: user.userId, groupId: item?.groupId })
|
|
|
+ "
|
|
|
+ @on-no-bother="noBother(item)"
|
|
|
+ @on-is-top="onIsTop(item)"
|
|
|
+ @on-conv-delete="onIsShow(item)"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 群聊会话 -->
|
|
|
+ <ProfileNewsSingleChat
|
|
|
+ v-if="item?.noticeType == 1"
|
|
|
+ :item-data="{
|
|
|
+ ...item,
|
|
|
+ updateTime: item?.lastMessage
|
|
|
+ ? createTimeSplit(item?.lastMessage?.updateTime)
|
|
|
+ : ''
|
|
|
+ }"
|
|
|
+ @on-chat-page="
|
|
|
+ onChatPage('/chat/single', {
|
|
|
+ sendUserId: userInfo.userId,
|
|
|
+ groupId: item?.groupId,
|
|
|
+ getUserId: item?.toUserId,
|
|
|
+ groupRemark: item?.groupRemark
|
|
|
+ })
|
|
|
+ "
|
|
|
+ @on-no-bother="noBother(item)"
|
|
|
+ @on-is-top="onIsTop(item)"
|
|
|
+ @on-conv-delete="onIsShow(item)"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ <template v-else></template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
- @click="
|
|
|
- onChatPage('/profile/interaction-message', {
|
|
|
- groupId: chatList[2]?.groupId
|
|
|
- })
|
|
|
- "
|
|
|
- class="w-full relative h-82 flex justify-start items-center px-16"
|
|
|
- >
|
|
|
- <van-badge
|
|
|
- v-if="chatList[2]?.unreadMessageCount > 0"
|
|
|
- v-bind="messageNumber(chatList[2]?.unreadMessageCount)"
|
|
|
- max="99"
|
|
|
- >
|
|
|
<div
|
|
|
- class="w-48 h-48 bg-[#FF476A] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
+ v-if="isTopList.length >= 6"
|
|
|
+ @click="activeNames = !activeNames"
|
|
|
+ class="flex justify-between items-center h-20 -mt-20 w-full p-16 box-border"
|
|
|
>
|
|
|
- <img
|
|
|
- class="w-24 h-24 shrink-0 object-cover"
|
|
|
- src="~/assets/img/chat/weixin-shake.svg"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <div class="shrink-0 flex items-center">
|
|
|
+ <van-icon name="bars" size="16" class="mr-5" />
|
|
|
+ <span class="text-sm">{{ collapseTitle }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="w-16 h-16 shrink-0">
|
|
|
+ <van-icon name="arrow" size="16" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </van-badge>
|
|
|
-
|
|
|
- <div
|
|
|
- v-else
|
|
|
- class="w-48 h-48 bg-[#FF476A] rounded-full overflow-hidden flex justify-center items-center"
|
|
|
- >
|
|
|
- <img
|
|
|
- class="w-24 h-24 shrink-0 object-cover"
|
|
|
- src="~/assets/img/chat/weixin-shake.svg"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="h-48 w-245 shrink-0 ml-12 flex flex-wrap items-start">
|
|
|
- <h1 class="line-clamp-1 w-full text-base text-black-3 font-semibold mb-4">
|
|
|
- {{ chatList[2]?.groupName }}
|
|
|
- </h1>
|
|
|
- <p class="line-clamp-1 h-20 text-sm text-black-6 leading-3xl">
|
|
|
- {{
|
|
|
- chatList[2]?.lastMessage
|
|
|
- ? messageContentParse(chatList[2]?.lastMessage?.messageContent)
|
|
|
- : ''
|
|
|
- }}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="w-35 h-48 shrink-0">
|
|
|
- <p class="text-black/[0.6] text-sm text-end">
|
|
|
- {{
|
|
|
- chatList[2]?.lastMessage ? createTimeSplit(chatList[2]?.lastMessage?.createTime) : ''
|
|
|
- }}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="absolute bottom-0 right-0 w-[96%] h-1 border-b-[1px]"></div>
|
|
|
- </div>
|
|
|
|
|
|
- <!-- 置顶绘画列表 "-->
|
|
|
- <div v-if="isTopList?.length && activeNames" class="w-full">
|
|
|
- <template v-for="(item, index) in isTopList" :key="item?.id">
|
|
|
- <template v-if="index > 2">
|
|
|
- <!-- 单聊会话 -->
|
|
|
+ <!-- 不置顶的会话列表 -->
|
|
|
+ <template v-for="(item, index) in pinnedList" :key="item?.id">
|
|
|
<ProfileNewsGroupChat
|
|
|
v-if="item?.noticeType == 2"
|
|
|
:item-data="{
|
|
|
@@ -211,14 +290,15 @@
|
|
|
updateTime: item?.lastMessage ? createTimeSplit(item?.lastMessage?.updateTime) : ''
|
|
|
}"
|
|
|
@on-chat-page="
|
|
|
- onChatPage('/chat/group', { userId: user.userId, groupId: item?.groupId })
|
|
|
+ onChatPage('/chat/group', {
|
|
|
+ userId: userInfo.userId,
|
|
|
+ groupId: item?.groupId
|
|
|
+ })
|
|
|
"
|
|
|
@on-no-bother="noBother(item)"
|
|
|
@on-is-top="onIsTop(item)"
|
|
|
@on-conv-delete="onIsShow(item)"
|
|
|
/>
|
|
|
-
|
|
|
- <!-- 群聊会话 -->
|
|
|
<ProfileNewsSingleChat
|
|
|
v-if="item?.noticeType == 1"
|
|
|
:item-data="{
|
|
|
@@ -226,73 +306,24 @@
|
|
|
updateTime: item?.lastMessage ? createTimeSplit(item?.lastMessage?.updateTime) : ''
|
|
|
}"
|
|
|
@on-chat-page="
|
|
|
- onChatPage('/chat/single', {
|
|
|
- sendUserId: userInfo.userId,
|
|
|
- groupId: item?.groupId,
|
|
|
- getUserId: item?.toUserId,
|
|
|
- groupRemark: item?.groupRemark
|
|
|
- })
|
|
|
+ onChatPage(
|
|
|
+ '/chat/single',
|
|
|
+ {
|
|
|
+ sendUserId: userInfo.userId,
|
|
|
+ groupId: item?.groupId,
|
|
|
+ getUserId: item?.toUserId,
|
|
|
+ groupRemark: item?.groupRemark
|
|
|
+ },
|
|
|
+ item
|
|
|
+ )
|
|
|
"
|
|
|
@on-no-bother="noBother(item)"
|
|
|
@on-is-top="onIsTop(item)"
|
|
|
@on-conv-delete="onIsShow(item)"
|
|
|
/>
|
|
|
</template>
|
|
|
- <template v-else></template>
|
|
|
- </template>
|
|
|
+ </van-list>
|
|
|
</div>
|
|
|
-
|
|
|
- <div
|
|
|
- v-if="isTopList.length >= 6"
|
|
|
- @click="activeNames = !activeNames"
|
|
|
- class="flex justify-between items-center h-20 -mt-20 w-full p-16 box-border"
|
|
|
- >
|
|
|
- <div class="shrink-0 flex items-center">
|
|
|
- <van-icon name="bars" size="16" class="mr-5" />
|
|
|
- <span class="text-sm">{{ collapseTitle }}</span>
|
|
|
- </div>
|
|
|
- <div class="w-16 h-16 shrink-0">
|
|
|
- <van-icon name="arrow" size="16" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 不置顶的会话列表 -->
|
|
|
- <template v-for="(item, index) in pinnedList" :key="item?.id">
|
|
|
- <ProfileNewsGroupChat
|
|
|
- v-if="item?.noticeType == 2"
|
|
|
- :item-data="{
|
|
|
- ...item,
|
|
|
- updateTime: item?.lastMessage ? createTimeSplit(item?.lastMessage?.updateTime) : ''
|
|
|
- }"
|
|
|
- @on-chat-page="
|
|
|
- onChatPage('/chat/group', {
|
|
|
- userId: userInfo.userId,
|
|
|
- groupId: item?.groupId
|
|
|
- })
|
|
|
- "
|
|
|
- @on-no-bother="noBother(item)"
|
|
|
- @on-is-top="onIsTop(item)"
|
|
|
- @on-conv-delete="onIsShow(item)"
|
|
|
- />
|
|
|
- <ProfileNewsSingleChat
|
|
|
- v-if="item?.noticeType == 1"
|
|
|
- :item-data="{
|
|
|
- ...item,
|
|
|
- updateTime: item?.lastMessage ? createTimeSplit(item?.lastMessage?.updateTime) : ''
|
|
|
- }"
|
|
|
- @on-chat-page="
|
|
|
- onChatPage('/chat/single', {
|
|
|
- sendUserId: userInfo.userId,
|
|
|
- groupId: item?.groupId,
|
|
|
- getUserId: item?.toUserId,
|
|
|
- groupRemark: item?.groupRemark
|
|
|
- })
|
|
|
- "
|
|
|
- @on-no-bother="noBother(item)"
|
|
|
- @on-is-top="onIsTop(item)"
|
|
|
- @on-conv-delete="onIsShow(item)"
|
|
|
- />
|
|
|
- </template>
|
|
|
</van-pull-refresh>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -301,7 +332,7 @@
|
|
|
import comments from '~/assets/img/chat/comments-white.svg'
|
|
|
import plaza from '~/assets/img/chat/guangchang.svg'
|
|
|
import userAdd from '~/assets/img/chat/user-add.svg'
|
|
|
-
|
|
|
+import audioTips from '@/assets/audio/message.mp3'
|
|
|
import { messageContentParse } from '~/utils/detalTime.js'
|
|
|
|
|
|
const actionsList = [
|
|
|
@@ -332,10 +363,11 @@ const showPopover = ref(false)
|
|
|
|
|
|
const messagesNumber = ref(10)
|
|
|
|
|
|
-// 置顶列表
|
|
|
+// 不置顶列表
|
|
|
const pinnedList = computed(() => chatList.value.filter((el) => el.isTop != 1))
|
|
|
+
|
|
|
+// 置顶列表
|
|
|
const isTopList = computed(() => chatList.value.filter((el) => el?.isTop == 1) ?? [])
|
|
|
-const pinnedSystemList = ref([]) //三个固定的消息
|
|
|
|
|
|
// 个置顶聊天
|
|
|
const collapse_text = '折叠置顶聊天'
|
|
|
@@ -423,7 +455,9 @@ const messageNumber = (content) => {
|
|
|
}
|
|
|
|
|
|
// 跳转聊天页面
|
|
|
-const onChatPage = async (path, query) => {
|
|
|
+const onChatPage = async (path, query, itemParams) => {
|
|
|
+ console.log(itemParams, '6666')
|
|
|
+
|
|
|
const res = await request('/website/tourMessage/updateRead', {
|
|
|
query: {
|
|
|
groupId: query.groupId
|
