From a10ce6a8d62ed8ee2d6616cfdeeeb95d4e5c37e4 Mon Sep 17 00:00:00 2001
From: bob <312777916@qq.com>
Date: Thu, 19 Dec 2024 22:33:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=B2=E7=A6=BB=E7=BE=A4=E7=9A=84=E5=A4=B4?=
 =?UTF-8?q?=E5=83=8F=E6=94=B9=E6=88=90=E7=81=B0=E8=89=B2=EF=BC=8C=E6=AD=A3?=
 =?UTF-8?q?=E5=B8=B8=E7=9A=84=E6=98=AF=E8=93=9D=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/GroupAvatarIcon.vue    |  8 ++++++--
 src/views/message/components/SessionItem.vue | 13 +++++++++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/common/GroupAvatarIcon.vue b/src/components/common/GroupAvatarIcon.vue
index 1c99ba1..a3b0e45 100644
--- a/src/components/common/GroupAvatarIcon.vue
+++ b/src/components/common/GroupAvatarIcon.vue
@@ -6,7 +6,7 @@ import groupChatIcon from '@/assets/svg/groupchat.svg'
  * avatarThumb: 群组头像
  * size：尺寸，不传即显示默认值
  */
-const props = defineProps(['avatarThumb', 'size'])
+const props = defineProps(['avatarThumb', 'size', 'isValid'])
 
 const avatarSize = computed(() => {
   switch (props.size) {
@@ -35,6 +35,10 @@ const svgSize = computed(() => {
       return 24
   }
 })
+
+const isValid = computed(() => {
+  return props.isValid === undefined ? true : props.isValid
+})
 </script>
 
 <template>
@@ -49,7 +53,7 @@ const svgSize = computed(() => {
 <style lang="scss" scoped>
 .svg-avatar {
   border-radius: 50%;
-  background-color: #c0c4cc;
+  background-color: v-bind('isValid ? "rgb(121.3, 187.1, 255)" : "rgb(177.3, 179.4, 183.6)"');
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/src/views/message/components/SessionItem.vue b/src/views/message/components/SessionItem.vue
index 3ad8094..8bc7a11 100644
--- a/src/views/message/components/SessionItem.vue
+++ b/src/views/message/components/SessionItem.vue
@@ -9,6 +9,7 @@ import { MsgType } from '@/proto/msg'
 import { messageStore, groupStore } from '@/stores'
 import { msgChatCloseSessionService } from '@/api/message'
 import router from '@/router'
+import { ElMessage } from 'element-plus'
 
 const props = defineProps([
   'sessionId',
@@ -74,6 +75,12 @@ const showAvatarThumb = computed(() => {
   }
 })
 
+const isNotInGroup = computed(() => {
+  return (
+    sessionInfo.value.sessionType === MsgType.GROUP_CHAT && sessionInfo.value.leaveFlag === true
+  )
+})
+
 const showTime = computed(() => {
   return sessionShowTime(sessionInfo.value.lastMsgTime)
 })
@@ -265,6 +272,11 @@ const onShowUserCard = () => {
 }
 
 const onShowGroupCard = () => {
+  if (isNotInGroup.value) {
+    ElMessage.error('您已离开该群或群已被解散')
+    return
+  }
+
   emit('showGroupCard', { sessionId: props.sessionId, groupId: showId.value })
 }
 
@@ -345,6 +357,7 @@ defineExpose({
       <GroupAvatarIcon
         v-else-if="sessionInfo.sessionType === MsgType.GROUP_CHAT"
         :avatarThumb="showAvatarThumb"
+        :isValid="!isNotInGroup"
         style="cursor: pointer"
         @click="onShowGroupCard"
       ></GroupAvatarIcon>