From 27cd042df9aca0383a49f3514bc21958dd890912 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 29 六月 2026 15:42:23 +0800
Subject: [PATCH] 银川 1.联调产品维护页面 2.添加IM即时通讯模块
---
src/views/im/home/components/group/group-member-grid.vue | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 50 insertions(+), 0 deletions(-)
diff --git a/src/views/im/home/components/group/group-member-grid.vue b/src/views/im/home/components/group/group-member-grid.vue
new file mode 100644
index 0000000..e7cc7d6
--- /dev/null
+++ b/src/views/im/home/components/group/group-member-grid.vue
@@ -0,0 +1,50 @@
+<script lang="ts" setup>
+import type { GroupMemberLite } from './group-member.vue'
+
+import { ImFriendAddSource } from '../../../utils/constants'
+import { UserAvatar } from '../user'
+
+defineOptions({ name: 'ImGroupMemberGrid' })
+
+withDefaults(
+ defineProps<{
+ clickable?: boolean // 澶村儚鐐瑰嚮鏄惁寮� UserInfoCard锛涢�夋嫨鍣ㄥ鏍奸噷闇�瑕佷繚鎸佸叧闂紝閬垮厤鍜屽嬀閫変氦浜掑啿绐�
+ groupName?: string // 缇ゅ悕锛氬姞濂藉弸鏃舵嫾銆屾垜鏄� 'XX 缇�' 鐨� YY銆嶈瘽鏈紝钀藉簱 add_source=GROUP
+ member: GroupMemberLite
+ size?: number // 澶村儚鍍忕礌澶у皬锛涢粯璁� 38锛堝吋瀹归�夋嫨鍣ㄥ彸渚у凡閫夊尯锛夛紝缇や俊鎭娊灞変紶 50 瀵归綈寰俊 PC
+ }>(),
+ {
+ clickable: false,
+ size: 38,
+ groupName: ''
+ }
+)
+</script>
+
+<template>
+ <!--
+ 缇ゆ垚鍛樺鏍煎崟鍏�
+ - 瀹牸灞曠ず鐨勬渶灏忓崟浣嶏細澶村儚鍦ㄤ笂銆佸悕瀛楀湪涓嬶紱鍒楀 = size + 16锛岃嚜閫傚簲 size 鐣欏懠鍚哥┖闂�
+ - 琚� GroupMemberPickerPanel 鍙充晶宸查�夊尯锛坓rid 褰㈡�侊級銆丆onversationGroupSide 缇ゆ垚鍛樺尯寰幆浣跨敤
+ -->
+ <div
+ class="relative flex flex-col items-center px-0.5 py-1"
+ :style="{ width: `${size! + 16}px` }"
+ >
+ <UserAvatar
+ :id="member.userId"
+ :url="member.avatar"
+ :name="member.nickname"
+ :size="size"
+ :clickable="clickable"
+ :add-source="ImFriendAddSource.GROUP"
+ :add-source-extra="groupName"
+ />
+ <div
+ class="w-full mt-1 overflow-hidden text-12px leading-[18px] text-center truncate text-[var(--ant-color-text)]"
+ >
+ {{ member.showName }}
+ </div>
+ <slot></slot>
+ </div>
+</template>
--
Gitblit v1.9.3