UserCard区分是不是自己的头像

src/components/message/MessageItem.vue

@@ -95,8 +95,8 @@ const onShowUserCard = () => {
   </div>
   <UserCard
     :isShow="isShowUserCard"
-    @update:isShow="handleUserCard"
     :user="props.obj.user"
+    @update:isShow="handleUserCard"
   ></UserCard>
 </template>
 

src/components/user/UserCard.vue

@@ -3,10 +3,12 @@ import { ref, computed, onMounted, onUnmounted, onUpdated } from 'vue'
 import { Close, Male, Female } from '@element-plus/icons-vue'
 import avatar from '@/assets/default_avatar.png'
 import { userQueryService } from '@/api/user'
+import { userStore } from '@/stores'
 
 const props = defineProps(['isShow', 'user'])
 const emit = defineEmits(['update:isShow'])
 
+const userData = userStore()
 const isLoading = ref(false)
 const userCardRef = ref()
 const showData = ref({
@@ -22,6 +24,10 @@ const showData = ref({
   remark: ''
 })
 
+const isSelf = computed(() => {
+  return userData.user.account === props.user.account
+})
+
 const preventClose = (event) => {
   event.stopPropagation()
 }
@@ -122,7 +128,7 @@ onUpdated(async () => {
             <span class="label">部门：</span>
             <span class="value">{{ showData.organize || '-' }}</span>
           </div>
-          <div class="info-item remark">
+          <div v-if="!isSelf" class="info-item remark">
             <span class="label">备注：</span>
             <span class="value">{{ showData.remark || 'TODO' }}</span>
           </div>