feat(group-members): 群列表对账云客总数+群详情成员墙(头像+昵称)

用户报两点:①微信群列表与云客群统计总数不一致(实测云客 1,864 vs 本地
2,012——friend_list/es 时代残留的 148 行 owner 组合已不在 getChatroomList
返回里);②群详情成员列表全是 wxid 无法识别。

- chatroom-stats 全窗模式加对账:名单取满(>=声明 total)才删本地不在
  云客名单里的 chat_group(wechat)行——页脚从此与云客一字不差;短页宁
  可不对账防误删
- backfill_group_members 增强:头像列(消息最新一条 sender_head_url)+
  customer 兜底 UPDATE(member_id=friend_id 命中本司好友补昵称/头像,
  覆盖未发言成员);full_sync 8b 原位生效
- 群详情 drawer 成员墙:头像+昵称网格(群昵称>好友昵称>wxid 回退+wxid
  副行),替代原 memberIds 原始串;仅微信 tab(WA 群成员未派生)

722 后端测试绿,前端构建过。

Co-Authored-By: Claude Code <noreply@anthropic.com>

yunkes/src/utils/groupFields.ts

@@ -77,7 +77,7 @@ export const GROUP_FIELD_GROUPS: GroupFieldGroup[] = [
   },
   {
     title: '成员',
-    keys: ['memberCount', 'memberIds'],
+    keys: ['memberCount'],  // memberIds 原始串由群详情成员墙替代(2026-09-10)
   },
   {
     title: '归属微信与群主',

yunkes/src/views/GroupList.vue

@@ -3,8 +3,8 @@ import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import { Download } from '@element-plus/icons-vue'
-import { getAccounts, getGroups } from '@/api'
-import type { Account, Channel, Group } from '@/api/types'
+import { getAccounts, getGroupMembers, getGroups } from '@/api'
+import type { Account, Channel, Group, GroupMember } from '@/api/types'
 import { useChannelStore } from '@/stores/channel'
 import { channelLabel, formatTime } from '@/utils/format'
 import { exportListToCsv } from '@/utils/csvExport'
@@ -247,9 +247,35 @@ function clearOwnerFilter(): void {
 }
 
 // ---- drawer ----
+// 群成员墙(2026-09-10):点开群详情拉 members,渲染头像+昵称(消息派生群昵称
+// 优先,customer 好友昵称兜底,都没有回退 wxid)。
+const drawerMembers = ref<GroupMember[]>([])
+const membersLoading = ref(false)
+
+async function loadDrawerMembers(roomId: string): Promise<void> {
+  drawerMembers.value = []
+  membersLoading.value = true
+  try {
+    drawerMembers.value = await getGroupMembers(roomId)
+  } catch {
+    drawerMembers.value = [] // 静默:成员区空态
+  } finally {
+    membersLoading.value = false
+  }
+}
+
+function memberLabel(m: GroupMember): string {
+  return m.nickname || m.display_name || m.member_id
+}
+
 function openDrawer(row: Group): void {
   drawerGroup.value = row
   drawerOpen.value = true
+  if (row.channel === 'wechat') {
+    loadDrawerMembers(row.room_id)
+  } else {
+    drawerMembers.value = []
+  }
 }
 const drawerSections = computed(() =>
   drawerGroup.value ? buildGroupSections(drawerGroup.value) : [],
@@ -549,6 +575,26 @@ onMounted(() => {
             </div>
           </div>
         </div>
+        <!-- 群成员墙:头像+昵称(群昵称>好友昵称兜底>wxid),替代原始 memberIds 串 -->
+        <div v-if="drawerGroup.channel === 'wechat'" class="yk-drawer__section">
+          <el-divider content-position="left">
+            群成员（{{ drawerMembers.length || (drawerGroup.member_count ?? 0) }}）
+          </el-divider>
+          <div v-loading="membersLoading" class="yk-members">
+            <div v-if="!membersLoading && drawerMembers.length === 0" class="yk-members__empty">
+              暂无成员数据（群消息派生，发过言/是本司好友的成员可识别）
+            </div>
+            <div v-for="m in drawerMembers" :key="m.member_id" class="yk-members__item">
+              <el-avatar :size="34" :src="m.avatar || undefined">
+                {{ memberLabel(m).slice(0, 1) }}
+              </el-avatar>
+              <div class="yk-members__meta">
+                <div class="yk-members__name" :title="memberLabel(m)">{{ memberLabel(m) }}</div>
+                <div v-if="memberLabel(m) !== m.member_id" class="yk-members__id">{{ m.member_id }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
         <div v-for="section in drawerSections" :key="section.title" class="yk-drawer__section">
           <el-divider content-position="left">{{ section.title }}</el-divider>
           <dl class="yk-drawer__kv">
@@ -597,4 +643,46 @@ onMounted(() => {
 .yk-group-owner__meta {
   min-width: 0;
 }
+
+/* 群成员墙:头像+昵称网格(2026-09-10) */
+.yk-members {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  gap: 10px;
+  max-height: 320px;
+  overflow-y: auto;
+  min-height: 48px;
+}
+.yk-members__empty {
+  grid-column: 1 / -1;
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+  padding: 8px 0;
+}
+.yk-members__item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+.yk-members__meta {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  line-height: 1.35;
+}
+.yk-members__name {
+  font-size: 13px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.yk-members__id {
+  font-size: 11px;
+  color: var(--el-text-color-secondary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 </style>