IM直播 / 群聊功能扩展

群管列表功能 原型＋PRD

本方案以当前定稿 H5 原型为准：在「查看群资讯」页新增一行「群管列表」， 行内同时展示群管人数与最新发言账号信息；点击后进入群管列表页。 群管列表按发言时间近到远排序；个人资讯页按好友关系分别展示「进入聊天界面」或「加为好友 / 加好友并聊天」。

入口位置 聊天页右上角进入查看群资讯；群资料列表新增「群管列表」行，右侧展示 `3人 >` 与 `最新发言` 信息。
核心页面 群资讯列表、群管列表、个人资讯页（已为好友 / 非好友）。
排序规则 群管列表按最近发言时间近到远排序；列表首位显示 `最新发言` 标签。
快捷动作 已为好友显示 `进入聊天界面`；非好友显示 `加为好友` 与 `加好友并聊天`。

H5 原型

01 群资讯列表 群资料列表新增一行「群管列表」，行内展示人数、最新发言标签与账号。
01 群资讯列表原型
02 群管列表 按最近发言时间近到远排序。
02 群管列表原型
03 个人资讯页 / 已为好友 已为好友状态仅保留 1 个主按钮：进入聊天界面。
03 个人资讯页 已为好友原型
04 个人资讯页 / 非好友 非好友状态显示 2 个并列按钮：加为好友、加好友并聊天。
04 个人资讯页 非好友原型

PRD 章节

1. 需求背景

  • 当前群资料页缺少群管聚合入口，用户无法从群资料直接识别群管数量与最近活跃的群管账号。
  • 用户联系群管的真实高频路径是：先从群资讯页识别群管，再进入群管列表或个人资讯页执行聊天或加好友。
  • 当前产品已具备个人资讯页，因此本期重点不是新建资料页，而是补足群资料入口、群管列表排序与好友态按钮差异。
  • 本期目标是让用户在 3 步内完成：查看群管列表、识别最新发言群管、进入个人资讯页发起联系。

2. 原型交互

  • 入口一：聊天页右上角进入「查看群资讯」。
  • 群资讯列表页新增一行 `群管列表`，同一行右侧同时展示 `3人 >` 与 `最新发言` 标签及账号。
  • 点击 `群管列表` 行进入群管列表页。
  • 群管列表页保留返回入口，列表卡片内展示头像、账号；首位群管带 `最新发言` 标签。
  • 群管列表按群管发言时间由近到远排序。
  • 点击群管账号进入个人资讯页；已为好友显示 `进入聊天界面`，非好友显示 `加为好友` 与 `加好友并聊天`。
3. 字段定义 群资料列表字段
1. 群管列表：左侧字段标题为 `群管列表`。
2. 群管人数：右上展示样式为 `{count}人 >`。
3. 最新发言标签：右下展示 `最新发言` 标签。
4. 最新发言账号：标签右侧展示最近发言群管账号。

群管列表字段
1. 返回按钮：页面左上角返回上一页。
2. 页面标题：`群管列表`。
3. 列表项头像：显示为圆形头像，占位图按原型展示。
4. 列表项账号：显示群管账号名称。
5. 最新发言标签：仅第一位群管展示 `最新发言`。
6. 排序提示：页面说明文案为 `群管发言近到远排序`。

资料页动作字段
1. 已为好友：底部单按钮 `进入聊天界面`。
2. 非好友：底部双按钮 `加为好友`、`加好友并聊天`。
4. 权限规则 1. 所有在群成员均可查看 `群管列表` 行与群管列表页。
2. 群资讯页中的 `最新发言` 账号取最近一次发言的群管。
3. 群管列表仅展示群管账号，不重复展示普通群成员。
4. 群管列表按最近发言时间由近到远排序。
5. 个人资讯页按钮按好友关系切换：已为好友显示单按钮，非好友显示双按钮。
6. 资料页按钮是否可执行，依平台现有好友与私聊权限规则处理。
5. 异常场景 1. 无群管：不会发生，默认群主。
2. 群管从未发言：隐藏 `最新发言` 标签，仅展示群管人数。
3. 群管头像缺失：展示默认头像占位。
4. 群管列表超过 1 屏：列表区域继续纵向滚动。
5. 点击资料页动作失败：toast 提示 `操作失败，请稍后重试`。
6. 当前用户已被移出群：不可进入群管列表与个人资讯页。

6. 建议新增字段

模块 建议新增字段 说明
群资料列表 admin_count / latest_admin_id / latest_admin_name 用于展示 `群管列表` 行右侧的人数、`最新发言` 标签及最新发言账号。
群管列表 last_speech_at 用于实现群管发言近到远排序，列表首位展示 `最新发言` 标签。
个人资讯页 friend_status 用于切换按钮态：已为好友显示 `进入聊天界面`，非好友显示 `加为好友` 与 `加好友并聊天`。