im_manager/docs/im/IM-产品原型需求文档.md

# IM 产品原型需求文档

> 本文档根据 `/Users/superysh/im/第二项目/` 中的 156 张产品原型图整理。功能按业务域归类，每张图以原文件名作为标题，图片下方给出功能说明与界面内容描述。

## 产品总体定位

该产品是一套面向企业内部沟通与协作的即时通讯软件。核心能力包括账号与身份认证、单聊与群聊、通讯录、文件与收藏、音视频通话、企业工作台、日报月报、安全风险提示以及个人设置。系统需要同时兼顾 iOS 和 Android 端的交互差异，并保证消息、权限、文件和通话状态可在多端间一致同步。

## 1. 账号注册、登录与身份安全

本组功能覆盖企业入口、账号密码登录、短信验证码注册、找回密码、身份校验、实名认证与独立密码。需求重点是明确的输入校验、验证码倒计时、错误反馈、协议确认与认证状态展示。

### 1.1 企业码登录.png

<img src="images/企业码登录.png" alt="企业码登录" width="360">

功能说明：

提供企业租户入口。页面展示产品标识、企业码输入框和“进入企业”按钮；提交后应校验企业码是否存在、是否启用，并将用户导向对应企业的登录环境。

### 1.2 登录页面.png

<img src="images/登录页面.png" alt="登录页面" width="360">

功能说明：

展示用户名/手机号和密码登录表单，支持密码显隐、忘记密码、注册跳转以及用户协议/隐私政策确认。登录按钮在必填信息和协议条件满足后才可有效提交。

### 1.3 登录页面-密码错误.png

<img src="images/登录页面-密码错误.png" alt="登录页面-密码错误" width="360">

功能说明：

表现登录失败状态。当账号或密码错误时，在表单上方以 Toast 或明确错误文案告知“账号或密码错误”，保留当前账号并允许用户重新输入密码。

### 1.4 注册页面.png

<img src="images/注册页面.png" alt="注册页面" width="360">

功能说明：

提供用户名/手机号、短信验证码、密码和确认密码输入。需支持获取验证码、密码显隐、两次密码一致性校验、已有账号返回登录以及协议勾选。

### 1.5 注册页面-倒计时.png

<img src="images/注册页面-倒计时.png" alt="注册页面-倒计时" width="360">

功能说明：

展示验证码发送后的倒计时状态。倒计时期间禁止重复发送，归零后恢复“获取验证码”；后端需同时执行发送频控和验证码有效期校验。

### 1.6 忘记密码.png

<img src="images/忘记密码.png" alt="忘记密码" width="360">

功能说明：

通过手机号、验证码、新密码和再次确认完成密码重置。应校验账号归属、验证码正确性及新密码规则，成功后应废弃旧令牌并引导用户重新登录。

### 1.7 身份验证（安卓）.png

<img src="images/身份验证（安卓）.png" alt="身份验证（安卓）" width="360">

功能说明：

用于敏感操作前的二次身份校验。用户输入手机号和短信验证码后确认；应对获取验证码、校验失败、超时和重试状态给出明确反馈。

### 1.8 实名认证.png

<img src="images/实名认证.png" alt="实名认证" width="360">

功能说明：

提供姓名与证件号码输入，用于提交实名认证。页面需明确说明信息用途和隐私保护，提交前校验姓名及证件号格式，并防止重复提交。

### 1.9 实名认证-已实名.png

<img src="images/实名认证-已实名.png" alt="实名认证-已实名" width="360">

功能说明：

展示认证通过后的只读状态，姓名和证件号做脱敏处理，提交按钮置灰并显示“已实名”。如支持更正信息，应进入独立的申诉审核流程，不允许在本页直接修改。

### 1.10 实名认证（安卓）.png

<img src="images/实名认证（安卓）.png" alt="实名认证（安卓）" width="360">

功能说明：

安卓端在消息首页上以弹窗提醒用户完成实名认证。弹窗应说明认证原因，提供“去实名认证”主操作，并根据平台策略控制是否允许暂后处理。

### 1.11 设置独立密码（安卓）.png

<img src="images/设置独立密码（安卓）.png" alt="设置独立密码（安卓）" width="360">

功能说明：

提供四位独立密码输入框，用于青少年模式或隐私功能的二次保护。应支持连续输入、错误次数限制、忘记密码处理和安全存储，不得以明文保存。

## 2. 消息首页、全局导航与系统通知

本组功能提供即时通讯的全局入口，包括会话列表、网络异常、快捷菜单、长按操作和系统消息。用户应能快速识别未读数、最新消息、联系人在线状态以及当前网络状态。

### 2.1 消息.png

<img src="images/消息.png" alt="消息" width="360">

功能说明：

会话首页包含最近联系人、系统消息、文件助手和普通会话列表。每个会话项展示头像、名称、最新摘要、时间和未读数；页面提供搜索和右上角快捷功能入口。

### 2.2 消息-无网络状态.png

<img src="images/消息-无网络状态.png" alt="消息-无网络状态" width="360">

功能说明：

当网络断开或重连时，顶部显示“加载中”及进度状态，会话缓存内容仍可查看。系统应自动重连，恢复后增量同步消息、未读数和回执，不应造成重复消息。

### 2.3 消息-更多.png

<img src="images/消息-更多.png" alt="消息-更多" width="360">

功能说明：

右上角菜单提供“朋友”、“我的”、“创建群聊”、“添加好友”和“扫一扫”等快捷入口。菜单应与触发图标对齐，点击外部区域关闭，并根据用户权限显示可用项。

### 2.4 消息页面—长按弹出.png

<img src="images/消息页面—长按弹出.png" alt="消息页面—长按弹出" width="360">

功能说明：

长按消息后弹出操作菜单，包括引用、复制、收藏、编辑、转发、撤回、删除、多选和群回执等操作。菜单项需根据消息类型、发送人、撤回时限和群权限动态裁剪。

### 2.5 系统消息.png

<img src="images/系统消息.png" alt="系统消息" width="360">

功能说明：

系统消息页按时间展示新设备登录等安全通知，包含设备、IP 地址、时间和保障建议。此类消息应由可信系统账号发送，支持跳转安全设置，且不允许普通用户伪造。

## 3. 单聊会话、会话建立与消息状态

本组功能覆盖好友申请前后的单聊页、双方消息显示、已读/未读、删除、拉黑以及文件与名片消息。界面需能清楚区分“我的消息”与“对方消息”，并将发送、失败、已读、撤回等状态准确反映到消息气泡。

### 3.1 个人对话框（对方的状态）.png

<img src="images/个人对话框（对方的状态）.png" alt="个人对话框（对方的状态）" width="360">

功能说明：

展示对方发来的好友申请或首条消息，消息位于左侧并显示对方头像。页面应在尚未建立可聊权限时限制消息输入，并展示申请或通过状态。

### 3.2 个人对话框（对方的状态）(1).png

<img src="images/个人对话框（对方的状态）(1).png" alt="个人对话框（对方的状态）(1)" width="360">

功能说明：

展示对方在会话中的状态文案与单条对方消息。会话头部需展示昵称和在线状态，消息时间轴需保留系统提示，用于表达好友关系变化。

### 3.3 个人对话框（我的状态）.png

<img src="images/个人对话框（我的状态）.png" alt="个人对话框（我的状态）" width="360">

功能说明：

展示当前用户发出的好友申请或首条消息，气泡位于右侧并配置本人头像。发送成功后应展示业务状态文案，避免用户在等待审批时重复发起。

### 3.4 个人对话框（我的状态）(1).png

<img src="images/个人对话框（我的状态）(1).png" alt="个人对话框（我的状态）(1)" width="360">

功能说明：

表现我方已发送单条消息及其回执状态。消息气泡应在发送中、已发送、已送达、已读和失败之间平滑更新，且不因状态文字改变气泡主体位置。

### 3.5 开启沟通页面.png

<img src="images/开启沟通页面.png" alt="开启沟通页面" width="360">

功能说明：

展示好友关系建立后的沟通开始页，包含系统提示“已成为好友”及首条正常消息。审批通过后应自动解锁输入区和媒体发送能力，同时保留申请上下文。

### 3.6 双方沟通状态.png

<img src="images/双方沟通状态.png" alt="双方沟通状态" width="360">

功能说明：

展示双方在会话中发送语音、图片或视频消息时的状态，包含加载/上传进度与时长。媒体消息应使用稳定占位区，上传失败时支持重试，成功后可直接预览或播放。

### 3.7 个人对话—拉黑状态／已读状态.png

<img src="images/个人对话—拉黑状态／已读状态.png" alt="个人对话—拉黑状态／已读状态" width="360">

功能说明：

展示消息已读回执以及因拉黑导致的发送失败提示。被拉黑后的消息应标记红色失败图标，不进入对方会话；界面需为用户提供可理解的失败原因。

### 3.8 个人对话—删除状态.png

<img src="images/个人对话—删除状态.png" alt="个人对话—删除状态" width="360">

功能说明：

表现删除好友或关系解除后的发送失败。系统应阻止继续发送，将已失败消息保留为本地状态，并提示需重新添加好友或发起验证。

### 3.9 个人对话-键盘收起状态.png

<img src="images/个人对话-键盘收起状态.png" alt="个人对话-键盘收起状态" width="360">

功能说明：

展示输入键盘和附加面板都收起时的标准单聊布局。底部保留语音、文本输入、表情和更多功能入口，且页面高度变化不应影响用户当前阅读位置。

### 3.10 个人对话-发各种文件状态.png

<img src="images/个人对话-发各种文件状态.png" alt="个人对话-发各种文件状态" width="360">

功能说明：

展示图片、视频、音频和文件附加面板。用户选择类型后进入对应系统选择器或采集界面，应在上传前校验格式、大小和会话发送权限。

### 3.11 个人对话-发各种文件状态(1).png

<img src="images/个人对话-发各种文件状态(1).png" alt="个人对话-发各种文件状态(1)" width="360">

功能说明：

展示文本、名片和文件消息混合存在的会话效果。消息列表应根据消息类型使用不同卡片，但统一时间、头像、发送状态和长按操作规则。

### 3.12 个人对话-发送名片状态.png

<img src="images/个人对话-发送名片状态.png" alt="个人对话-发送名片状态" width="360">

功能说明：

展示从通讯录选择用户并发送名片的结果。名片卡需包含头像、昵称和可识别账号信息，点击后进入用户主页；敏感字段不应在名片中直接暴露。

## 4. 消息输入、媒体内容与消息操作

本组功能覆盖键盘、表情、语音录制、图片/视频/文件发送、@ 提醒、多选、收藏和转发。发送链路需具备本地占位、上传进度、失败重试、消息去重和多端一致性。

### 4.1 键盘展开.png

<img src="images/键盘展开.png" alt="键盘展开" width="360">

功能说明：

展示文本输入框获得焦点后的系统键盘状态。键盘弹出时消息列表应上推并保持最新消息可见，输入草稿在切换会话或应用前后台时应保留。

### 4.2 @人员—选择提醒人.png

<img src="images/@人员—选择提醒人.png" alt="@人员—选择提醒人" width="360">

功能说明：

在群聊中输入 `@` 后打开成员选择页，提供“所有人”、成员列表、搜索和多选入口。列表需按拼音/字母分组，并根据群规则控制普通成员是否可使用 `@所有人`。

### 4.3 @人员—完成.png

<img src="images/@人员—完成.png" alt="@人员—完成" width="360">

功能说明：

展示多个提醒人已勾选的状态，右上角“完成”提交选择。完成后应将昵称插入输入框，并在消息结构中同步保存被提醒用户 ID，避免仅依赖昵称匹配。

### 4.4 @人员状态.png

<img src="images/@人员状态.png" alt="@人员状态" width="360">

功能说明：

展示群聊中已发送的 `@`消息，输入框上方可展示已选的提醒人。被提醒用户应获得特殊未读标记和推送文案，退群成员的历史提醒仍需正常渲染。

### 4.5 表情包展开（发送按钮默认状态）.png

<img src="images/表情包展开（发送按钮默认状态）.png" alt="表情包展开（发送按钮默认状态）" width="360">

功能说明：

表情面板展开但未选中内容时，发送按钮保持禁用状态。面板应支持表情分类、最近使用、删除键和文本输入并存，切换面板不应清空未发送内容。

### 4.6 表情包发送页面.png

<img src="images/表情包发送页面.png" alt="表情包发送页面" width="360">

功能说明：

展示表情面板与消息列表联动状态。用户选中表情后“发送”按钮高亮，点击可作为文本表情或独立表情消息发送，消息应支持多端一致显示。

### 4.7 语音—按住说话.png

<img src="images/语音—按住说话.png" alt="语音—按住说话" width="360">

功能说明：

切换至语音输入后，底部显示“按住说话”按钮。按下开始录音，松开发送，上滑取消；应处理麦克风权限被拒绝、录音太短、超时和来电打断。

### 4.8 语音按住说话.png

<img src="images/语音按住说话.png" alt="语音按住说话" width="360">

功能说明：

展示按住录音时的浮层反馈，包含麦克风图标和“手指上滑，取消发送”指引。浮层应实时反映音量幅度，进入取消区时更换颜色和文案。

### 4.9 内容沟通对话3-语音录音中.png

<img src="images/内容沟通对话3-语音录音中.png" alt="内容沟通对话3-语音录音中" width="360">

功能说明：

在群聊背景中展示语音正在录制的中央浮层。录制期间应阻止重复录音或发送其他媒体，并向话题成员发送可选的“正在录音”临时状态。

### 4.10 内容沟通对话3-图片和语音发送中.png

<img src="images/内容沟通对话3-图片和语音发送中.png" alt="内容沟通对话3-图片和语音发送中" width="360">

功能说明：

展示图片与语音消息上传中的加载指示。每条消息应独立维护上传进度，并允许多个上传任务有序执行；离开会话后任务仍应可恢复或给出失败提示。

### 4.11 内容沟通对话3-语音／视频／图片状态.png

<img src="images/内容沟通对话3-语音／视频／图片状态.png" alt="内容沟通对话3-语音／视频／图片状态" width="360">

功能说明：

展示群聊中语音时长卡片、视频缩略图和图片预览等多媒体消息。语音支持播放进度与未听标记，视频支持封面和播放按钮，图片支持大图预览。

### 4.12 语音图片发送状态.png

<img src="images/语音图片发送状态.png" alt="语音图片发送状态" width="360">

功能说明：

表现单条图片正在上传、同时存在语音消息的会话状态。本地缩略图应立即显示，上传完成后无闪烁替换为远程资源，失败时提供点击重试。

### 4.13 上传文件.png

<img src="images/上传文件.png" alt="上传文件" width="360">

功能说明：

该图为“上传”图标素材。系统在文件助手、群文件和意见反馈等入口应使用统一的上传语义和视觉图标，并配套可访问性文本。

### 4.14 文件发送状态.png

<img src="images/文件发送状态.png" alt="文件发送状态" width="360">

功能说明：

会话中的文件卡片展示文件名、扩展类型图标、大小和发送状态。多个文件可连续发送，各自维护上传/下载状态；点击卡片进入文件详情或预览。

### 4.15 多选-选中对话框.png

<img src="images/多选-选中对话框.png" alt="多选-选中对话框" width="360">

功能说明：

进入消息多选模式后，每条消息左侧显示选择框，底部显示转发、收藏、删除等批量操作。应支持跨屏滚动选择、显示已选数量，并根据内容类型校验批量操作可用性。

### 4.16 多选-选中对话内容-收藏成功.png

<img src="images/多选-选中对话内容-收藏成功.png" alt="多选-选中对话内容-收藏成功" width="360">

功能说明：

批量收藏成功后以 Toast 明确反馈，并保留当前多选上下文或按交互约定退出多选。后端需防止同一条消息被重复收藏，并保留原会话、发送人和时间引用。

### 4.17 转发-单选.png

<img src="images/转发-单选.png" alt="转发-单选" width="360">

功能说明：

转发目标页默认支持单选最近会话，包含搜索、文件助手和联系人列表。选中目标后直接进入发送确认，应避免将原消息的私有权限或失效附件错误带入新会话。

### 4.18 转发-多选.png

<img src="images/转发-多选.png" alt="转发-多选" width="360">

功能说明：

切换到多选后可同时选择多个会话目标，页面以复选框显示选中状态。应限制一次转发的最大目标数，并在发送前展示目标汇总与风险确认。

### 4.19 转发—逐条转发.png

<img src="images/转发—逐条转发.png" alt="转发—逐条转发" width="360">

功能说明：

逐条转发将选中的每条消息作为独立消息发送。底部确认面板展示接收人、附加留言和发送按钮；原始顺序、文件引用和消息类型需保持不变。

### 4.20 转发—合并转发—多选状态.png

<img src="images/转发—合并转发—多选状态.png" alt="转发—合并转发—多选状态" width="360">

功能说明：

合并转发将多条消息封装成一张聊天记录卡片。确认面板展示多个接收人和留言输入；合并内容需保留发送人、时间和内容摘要，同时遵循删除和敏感信息脱敏规则。

## 5. 通讯录、好友关系与黑名单

本组功能覆盖组织通讯录、新好友、精准查找、二维码添加、申请验证、好友主页、备注、拉黑、删除和黑名单管理。好友关系应具备明确的申请、同意、拒绝、删除和拉黑状态机。

### 5.1 通讯录.png

<img src="images/通讯录.png" alt="通讯录" width="360">

功能说明：

通讯录页提供搜索、新朋友、群聊、文件助手、系统消息和按字母分组的好友列表。应支持字母索引快速定位、备注名优先显示和企业组织成员同步。

### 5.2 新朋友.png

<img src="images/新朋友.png" alt="新朋友" width="360">

功能说明：

新朋友列表展示申请人头像、昵称、验证留言、时间和状态，可执行“拒绝”或“通过验证”。已处理申请应显示已通过/已拒绝，后续刷新不得重复处理。

### 5.3 添加好友.png

<img src="images/添加好友.png" alt="添加好友" width="360">

功能说明：

添加好友首页提供账号搜索、扫一扫和分享好友入口，同时可查看本人二维码。需对搜索可见性执行用户隐私设置，不可搜索的用户应返回统一的隐私保护结果。

### 5.4 添加好友(1).png

<img src="images/添加好友(1).png" alt="添加好友(1)" width="360">

功能说明：

展示个人二维码名片，包含头像、昵称、账号 ID、二维码、“分享好友”和“保存到相册”。二维码应包含带签名或有效期的用户标识，防止被篡改或长期滥用。

### 5.5 添加好友-输入精准用户ID.png

<img src="images/添加好友-输入精准用户ID.png" alt="添加好友-输入精准用户ID" width="360">

功能说明：

输入精确手机号或用户 ID 后返回匹配用户，列表显示头像、昵称和“添加”按钮。应区分未找到、已是好友、已发送申请和不允许被搜索等结果。

### 5.6 添加好友验证.png

<img src="images/添加好友验证.png" alt="添加好友验证" width="360">

功能说明：

在目标用户主页上弹出验证留言输入框，支持最多 50 字并提供取消/发送操作。验证消息应同申请状态一起保存，发送成功后按钮转为“已申请”。

### 5.7 好友个人主页.png

<img src="images/好友个人主页.png" alt="好友个人主页" width="360">

功能说明：

好友主页展示头像、昵称、性别、地区、用户 ID、二维码和个性签名，提供发消息和音视频通话入口。展示字段需受隐私设置控制，备注名优先于原昵称显示。

### 5.8 群聊—非好友个人主页.png

<img src="images/群聊—非好友个人主页.png" alt="群聊—非好友个人主页" width="360">

功能说明：

从群成员列表进入非好友主页，显示可公开的基本资料和“添加好友”按钮。不应展示手机号等私密数据；如群策略或用户隐私禁止通过群添加，则隐藏或禁用该按钮。

### 5.9 好友—聊天设置—未拉黑状态.png

<img src="images/好友—聊天设置—未拉黑状态.png" alt="好友—聊天设置—未拉黑状态" width="360">

功能说明：

单聊设置包含查看聊天记录、消息保存方式、置顶、清空记录、备注、拉黑、投诉/举报和删除好友。未拉黑时开关关闭，删除好友以红色危险操作呈现。

### 5.10 好友—聊天设置—拉黑状态.png

<img src="images/好友—聊天设置—拉黑状态.png" alt="好友—聊天设置—拉黑状态" width="360">

功能说明：

拉黑开关开启后，对方不得继续向当前用户发送消息或发起通话。拉黑状态需在多端同步，取消拉黑时恢复通信权限，但不自动恢复已删除的好友关系。

### 5.11 删除好友提示.png

<img src="images/删除好友提示.png" alt="删除好友提示" width="360">

功能说明：

执行删除好友前弹出底部确认面板。该操作将解除好友关系并影响后续消息权限，应使用清晰的危险文案、取消和确认按钮；是否保留本地聊天记录需明确约定。

### 5.12 黑名单.png

<img src="images/黑名单.png" alt="黑名单" width="360">

功能说明：

黑名单页展示已拉黑用户的头像、昵称和“移出”按钮。支持分页/滚动加载与批量解除；从黑名单移出后应即时同步聊天设置开关。

### 5.13 黑名单提示(1).png

<img src="images/黑名单提示(1).png" alt="黑名单提示(1)" width="360">

功能说明：

开启拉黑时弹出确认对话框，说明将不再收到对方消息。确认后更新黑名单和会话 ACL，取消则不改变任何状态；重复操作应具备幂等性。

### 5.14 黑名单提示.png

<img src="images/黑名单提示.png" alt="黑名单提示" width="360">

功能说明：

原图文案为“清除聊天记录”确认，属于聊天设置的危险操作弹窗。确认后应仅清除当前用户可见的记录，不影响对方历史；文件名与画面语义不一致，实施时应以画面交互为准。

## 6. 群聊创建、资料维护与成员治理

### 6.1 群聊.png

<img src="images/群聊.png" alt="群聊" width="360">

功能说明：

群聊列表按“我创建的群、我管理的群、我加入的群”分类展示，列表项包含群头像、群名称及成员数量。页面提供搜索与创建群聊入口，切换分类时应保留各自的列表状态。

### 6.2 空白页.png

<img src="images/空白页.png" alt="空白页" width="360">

功能说明：

当所选群聊分类没有数据时展示统一空状态，避免出现无内容的纯白页面。空状态应与当前分类绑定，后续加入或创建群聊后自动刷新。

### 6.3 加入群聊.png

<img src="images/加入群聊.png" alt="加入群聊" width="360">

功能说明：

用户收到群邀请时，会话内展示包含群头像、群名称和邀请人的群聊卡片，并提供“立即加入”操作。加入前应校验群状态、邀请有效期及是否需要管理员审核，处理完成后更新卡片状态。

### 6.4 内容沟通对话3-开启进群验证与拉人状态.png

<img src="images/内容沟通对话3-开启进群验证与拉人状态.png" alt="内容沟通对话3-开启进群验证与拉人状态" width="360">

功能说明：

开启进群验证后，群聊以系统消息展示成员邀请、申请通过和加入群聊等事件。系统消息需明确操作者、目标成员与处理结果，并保证所有群成员看到一致的时间线。

### 6.5 邀请进群申请.png

<img src="images/邀请进群申请.png" alt="邀请进群申请" width="360">

功能说明：

进群申请列表展示申请人、邀请人、申请时间和当前状态，管理员可执行“拒绝”或“确定”。处理后按钮应切换为已同意/已拒绝等只读状态，并防止重复审批。

### 6.6 新邀请进群申请.png

<img src="images/新邀请进群申请.png" alt="新邀请进群申请" width="360">

功能说明：

群聊顶部展示新的进群申请提醒，便于管理员从会话直接进入审批列表；聊天区同时保留申请处理结果。提醒数量应随审批操作实时更新，全部处理后自动消失。

### 6.7 群公告状态.png

<img src="images/群公告状态.png" alt="群公告状态" width="360">

功能说明：

群聊顶部固定展示最新群公告摘要，点击可查看完整内容。新公告发布时会话中同步生成系统提示，并记录发布人和时间；公告更新后顶部摘要应立即替换。

### 6.8 群公告状态／邀请进群申请同时存在.png

<img src="images/群公告状态／邀请进群申请同时存在.png" alt="群公告状态／邀请进群申请同时存在" width="360">

功能说明：

群公告和进群申请同时存在时，两个通知入口需要在群聊顶部有序展示，且不遮挡聊天内容。进群申请处理后只移除对应提醒，群公告继续保留。

### 6.9 群公告（对方查看状态）.png

<img src="images/群公告（对方查看状态）.png" alt="群公告（对方查看状态）" width="360">

功能说明：

普通群成员以只读形式查看群公告详情，页面展示公告正文、发布人和发布时间。成员无编辑入口，返回后可记录已读状态，用于控制会话中的新公告提示。

### 6.10 群聊设置.png

<img src="images/群聊设置.png" alt="群聊设置" width="360">

功能说明：

群聊设置集中提供成员查看与邀请、群资料、群公告、聊天记录、群文件、置顶、消息免打扰、清空记录、举报和退出群聊等功能。菜单权限应依据群主、管理员和普通成员身份动态展示。

### 6.11 群资料.png

<img src="images/群资料.png" alt="群资料" width="360">

功能说明：

群资料页展示并维护群头像、群名称和群简介。可编辑项需受角色权限控制，修改成功后应同步更新群列表、会话标题和群二维码等关联页面。

### 6.12 设置群头像.png

<img src="images/设置群头像.png" alt="设置群头像" width="360">

功能说明：

修改群头像时从底部弹出“从相册选择”和“拍照”两种来源。选择或拍摄后应支持裁剪、上传进度、失败重试和格式/大小校验，取消操作不保留临时图片。

### 6.13 设置昵称(1).png

<img src="images/设置昵称(1).png" alt="设置昵称(1)" width="360">

功能说明：

该页面用于设置用户在当前群内的昵称，提供文本输入、字数计数和完成按钮。群昵称只影响当前群的成员列表和消息发送者名称，不应修改账号全局昵称。

### 6.14 群简介.png

<img src="images/群简介.png" alt="群简介" width="360">

功能说明：

群简介采用多行文本编辑并展示最大字数限制。保存前需过滤全空白内容、校验长度和敏感内容，保存成功后返回群资料页并即时刷新。

### 6.15 群标识.png

<img src="images/群标识.png" alt="群标识" width="360">

功能说明：

群聊消息发送者昵称旁展示“群主”“管理员”等身份标识，帮助成员识别管理角色。标识应随角色变更实时更新，并与普通消息文字保持清晰区分。

### 6.16 群二维码页面.png

<img src="images/群二维码页面.png" alt="群二维码页面" width="360">

功能说明：

群二维码页以卡片形式展示群头像、群名称和可扫码加入的二维码，并提供分享或保存入口。二维码应包含有效期与群状态校验，过期或群已解散时不可继续入群。

### 6.17 群组管理.png

<img src="images/群组管理.png" alt="群组管理" width="360">

功能说明：

群组管理包含进群验证、全员禁言、群文件上传权限、成员私聊权限、管理员设置、邀请管理、转让群主和解散群聊等配置。危险操作需二次确认，开关变化要记录操作者并同步到服务端。

### 6.18 设置群管理员.png

<img src="images/设置群管理员.png" alt="设置群管理员" width="360">

功能说明：

页面说明管理员可协助管理群聊，并展示现有管理员列表及添加入口。群主可新增或移除管理员，系统应限制管理员数量且不得将群主本人作为普通管理员处理。

### 6.19 添加管理员.png

<img src="images/添加管理员.png" alt="添加管理员" width="360">

功能说明：

从群成员中搜索并勾选要添加的管理员，底部/顶部操作区显示已选数量并提交。已是管理员、群主或不具备资格的成员应禁选，提交前需再次校验权限和数量上限。

### 6.20 添加管理员-设置成功.png

<img src="images/添加管理员-设置成功.png" alt="添加管理员-设置成功" width="360">

功能说明：

管理员添加成功后返回管理员列表并展示成功提示，新管理员立即出现在列表中。角色变更应同步影响群聊身份标识和管理菜单权限。

### 6.21 添加管理员-设置成功(1).png

<img src="images/添加管理员-设置成功(1).png" alt="添加管理员-设置成功(1)" width="360">

功能说明：

该状态展示从成员选择页完成管理员设置后的结果反馈。提交期间应防止重复点击；部分成员设置失败时需给出明确原因，并仅回滚失败对象。

### 6.22 删除管理员-设置成功.png

<img src="images/删除管理员-设置成功.png" alt="删除管理员-设置成功" width="360">

功能说明：

群主移除管理员后，页面展示设置成功提示并刷新管理员列表。被移除成员应立即失去管理权限，但仍保留其普通群成员身份。

### 6.23 添加禁言成员.png

<img src="images/添加禁言成员.png" alt="添加禁言成员" width="360">

功能说明：

管理员可搜索并选择需要禁言的群成员，已禁言成员应禁选或明确标识。提交后服务端记录禁言状态，目标成员发送消息时需收到清晰的禁言提示。

### 6.24 禁言的群成员.png

<img src="images/禁言的群成员.png" alt="禁言的群成员" width="360">

功能说明：

页面集中展示当前被禁言的成员，支持新增和解除禁言。列表需反映最新成员状态，成员退群或群角色变化时应同步清理无效记录。

### 6.25 选择新群主.png

<img src="images/选择新群主.png" alt="选择新群主" width="360">

功能说明：

转让群主时从群成员列表中搜索并单选新群主。当前群主、已退出或受限账号不可选择，确认前需保证目标成员仍在群内且账号状态正常。

### 6.26 选择新群主提示.png

<img src="images/选择新群主提示.png" alt="选择新群主提示" width="360">

功能说明：

选定新群主后弹出二次确认，明确转让对象及操作不可随意撤销。确认成功后双方权限即时互换，并在群聊中生成可追溯的系统消息。

### 6.27 群文件.png

<img src="images/群文件.png" alt="群文件" width="360">

功能说明：

群文件页展示群内共享文件，可按名称搜索，并显示文件类型、名称、大小、上传者、时间及下载状态。文件可见性和删除/上传权限应遵循群组管理配置。

### 6.28 群文件-上传状态.png

<img src="images/群文件-上传状态.png" alt="群文件-上传状态" width="360">

功能说明：

点击上传后提供文件、照片和视频等来源，选择完成后显示上传进度与结果。需限制单文件大小和格式，支持失败重试，并在上传成功后自动刷新群文件列表。

## 7. 文件下载、收藏管理与聊天记录检索

### 7.1 我的收藏.png

<img src="images/我的收藏.png" alt="我的收藏" width="360">

功能说明：

我的收藏汇总用户保存的聊天内容，支持按关键词搜索，并按全部、文本、图片、视频、语音、文件、链接等类型筛选。收藏项需展示来源会话、收藏时间和内容摘要。

### 7.2 我的收藏(1).png

<img src="images/我的收藏(1).png" alt="我的收藏(1)" width="360">

功能说明：

该状态展示收藏内容列表及多种内容形态，用户可进入详情或对收藏项执行转发、删除等操作。原消息被删除后，已成功收藏的内容仍应按收藏数据策略可访问。

### 7.3 我的收藏-文件.png

<img src="images/我的收藏-文件.png" alt="我的收藏-文件" width="360">

功能说明：

文件分类仅展示已收藏的文件，列表包含文件名、类型、大小、来源和时间。点击后进入文件预览或下载页，失效文件需展示明确状态而非直接报错。

### 7.4 我的收藏-文本.png

<img src="images/我的收藏-文本.png" alt="我的收藏-文本" width="360">

功能说明：

文本分类展示收藏的文字消息及其来源信息，支持长文本折叠、展开和复制。搜索结果应对匹配关键词进行高亮，并可跳转到收藏详情。

### 7.5 我的收藏-语音.png

<img src="images/我的收藏-语音.png" alt="我的收藏-语音" width="360">

功能说明：

语音分类展示语音时长、来源和收藏时间，点击可播放或暂停。列表中同时只能有一条语音播放，离开页面或切换内容时应正确释放播放状态。

### 7.6 我的收藏—链接.png

<img src="images/我的收藏—链接.png" alt="我的收藏—链接" width="360">

功能说明：

链接分类以卡片形式展示标题、摘要、缩略图和来源地址。打开外链前需进行安全校验，无法访问或被拦截时显示风险/失效提示。

### 7.7 收藏—文件（多选）.png

<img src="images/收藏—文件（多选）.png" alt="收藏—文件（多选）" width="360">

功能说明：

收藏列表进入多选模式后，可勾选多个文件并执行批量转发或删除。操作区需显示选择数量，跨页选择应保持状态，删除操作需要二次确认。

### 7.8 收藏文件—分享给好友页面.png

<img src="images/收藏文件—分享给好友页面.png" alt="收藏文件—分享给好友页面" width="360">

功能说明：

分享收藏文件时进入会话选择页，可搜索联系人或群聊并选择接收方。发送前应展示文件和目标会话确认信息，成功后保留收藏原件并生成新的聊天消息。

### 7.9 文件-下载.png

<img src="images/文件-下载.png" alt="文件-下载" width="360">

功能说明：

未下载文件展示名称、类型、大小及下载按钮。点击下载前需检查文件有效性、网络和本地空间，下载目标应使用受控存储路径。

### 7.10 文件-下载中.png

<img src="images/文件-下载中.png" alt="文件-下载中" width="360">

功能说明：

下载中状态展示实时进度，并允许取消或在失败后重试。应用切换前后台、网络变化或页面重进时，应能恢复准确的下载任务状态。

### 7.11 文件-下载完成.png

<img src="images/文件-下载完成.png" alt="文件-下载完成" width="360">

功能说明：

下载完成后提供打开或使用其他应用查看的入口，并显示本地可用状态。若本地文件被清理，页面应恢复为可下载状态，不能继续显示已完成。

### 7.12 查找聊天记录-搜索关键词选中状态（点击后跳出对应聊天内容）.png

<img src="images/查找聊天记录-搜索关键词选中状态（点击后跳出对应聊天内容）.png" alt="查找聊天记录-搜索关键词选中状态（点击后跳出对应聊天内容）" width="360">

功能说明：

聊天记录搜索支持输入关键词并展示命中的消息摘要、发送者和时间，关键词高亮显示。点击结果后返回会话并定位到对应消息，同时加载其上下文内容。

### 7.13 查找聊天记录-文件.png

<img src="images/查找聊天记录-文件.png" alt="查找聊天记录-文件" width="360">

功能说明：

文件记录按时间列出会话中发送过的文件，包含文件名、大小、发送者和发送时间。用户可搜索、预览或下载文件，已撤回/失效项需明确标记。

### 7.14 查找聊天记录-链接.png

<img src="images/查找聊天记录-链接.png" alt="查找聊天记录-链接" width="360">

功能说明：

链接记录聚合会话中的网页卡片和网址消息，展示标题、摘要与时间。点击时执行外链安全策略，并允许用户定位回原始消息。

### 7.15 查看聊天记录-图片.png

<img src="images/查看聊天记录-图片.png" alt="查看聊天记录-图片" width="360">

功能说明：

图片记录以按时间分组的缩略图网格展示，支持多选和进入大图预览。缩略图需懒加载并保留原图加载状态，点击图片可定位其消息来源。

### 7.16 查看聊天记录-视频.png

<img src="images/查看聊天记录-视频.png" alt="查看聊天记录-视频" width="360">

功能说明：

视频记录以缩略图展示时长、日期等信息，点击进入播放器。播放前需处理下载/缓冲、文件失效和网络异常，返回后保持原列表位置。

## 8. 实时语音与视频通话

### 8.1 各种通话提示状态.png

<img src="images/各种通话提示状态.png" alt="各种通话提示状态" width="360">

功能说明：

聊天时间线展示语音/视频通话的取消、拒绝、未接听、忙线和通话时长等结果消息。状态文案应由统一通话结果码生成，并在双方会话中保持语义一致。

### 8.2 对方状态.png

<img src="images/对方状态.png" alt="对方状态" width="360">

功能说明：

收到视频通话邀请时，全屏展示来电人头像、昵称和通话类型，用户可接听或拒绝。锁屏、后台及系统权限受限时也应通过系统通知提供等价操作。

### 8.3 语音通话-对方待接受状态.png

<img src="images/语音通话-对方待接受状态.png" alt="语音通话-对方待接受状态" width="360">

功能说明：

发起语音通话后进入等待接听状态，展示对方信息、呼叫提示和取消按钮。超时、对方忙线、拒绝或网络失败时应结束呼叫并生成对应会话记录。

### 8.4 语音通话-双方语音沟通中.png

<img src="images/语音通话-双方语音沟通中.png" alt="语音通话-双方语音沟通中" width="360">

功能说明：

接通后展示实时通话时长及静音、扬声器和挂断控制。通话需持续反馈网络/音频状态，异常断开后准确记录实际通话时长。

### 8.5 语音通话-麦克风与扬声器已关.png

<img src="images/语音通话-麦克风与扬声器已关.png" alt="语音通话-麦克风与扬声器已关" width="360">

功能说明：

麦克风与扬声器关闭时，控制按钮呈现明确的关闭状态，并即时停止本地采集或切回听筒。权限失效或设备切换时界面状态必须与真实音频路由一致。

### 8.6 语音通话-麦克风与扬声器已开.png

<img src="images/语音通话-麦克风与扬声器已开.png" alt="语音通话-麦克风与扬声器已开" width="360">

功能说明：

麦克风与扬声器开启时显示选中状态，用户可在通话过程中独立切换。切换应即时生效，并处理蓝牙耳机、系统音量和音频焦点变化。

### 8.7 视频通话—等待对方接受接受邀请中.png

<img src="images/视频通话—等待对方接受接受邀请中.png" alt="视频通话—等待对方接受接受邀请中" width="360">

功能说明：

视频呼叫等待页展示本地摄像头预览、对方信息及取消、切换摄像头、关闭摄像头等控制。正式接通前不应向对方传输非必要的视频数据。

### 8.8 视频通话—等待对方接受接受邀请-摄像头关闭.png

<img src="images/视频通话—等待对方接受接受邀请-摄像头关闭.png" alt="视频通话—等待对方接受接受邀请-摄像头关闭" width="360">

功能说明：

等待接听期间关闭摄像头后，本地预览替换为头像/占位画面，摄像头按钮同步显示关闭状态。对方接听后应沿用当前设置，除非用户主动开启。

### 8.9 双方视频通话中.png

<img src="images/双方视频通话中.png" alt="双方视频通话中" width="360">

功能说明：

视频通话接通后以对方画面为主、本地画面为小窗，展示时长和静音、摄像头切换、挂断等控制。小窗应支持拖动且不能遮挡关键按钮，横竖屏切换时保持画面比例。

### 8.10 双方视频通话中-对方关闭摄像头状态.png

<img src="images/双方视频通话中-对方关闭摄像头状态.png" alt="双方视频通话中-对方关闭摄像头状态" width="360">

功能说明：

对方关闭摄像头时，主画面展示对方头像和状态提示，同时保留语音通话能力。对方重新开启后应自动恢复视频，不需要本端重新接听。

### 8.11 视频与语音通话悬浮状态中.png

<img src="images/视频与语音通话悬浮状态中.png" alt="视频与语音通话悬浮状态中" width="360">

功能说明：

通话最小化后以可拖动悬浮窗继续展示视频画面或语音通话状态，用户可点击返回全屏通话。悬浮窗需遵循系统权限和安全区域，并在挂断后立即关闭。

## 9. 企业工作台与办公协同

### 9.1 工作台.png

<img src="images/工作台.png" alt="工作台" width="360">

功能说明：

工作台聚合组织内部的常用办公应用和业务入口，包括组织架构、日报/月报、会议通知、总经理信箱等模块。应用入口应根据企业配置和用户权限动态展示，并支持未读数量提示。

### 9.2 部门组织框架.png

<img src="images/部门组织框架.png" alt="部门组织框架" width="360">

功能说明：

组织架构按部门层级展示企业成员，支持展开下级部门、查看成员和搜索。部门与人员数据应由企业通讯录统一维护，离职、调岗或组织调整后及时同步。

### 9.3 会议通知-发起人状态.png

<img src="images/会议通知-发起人状态.png" alt="会议通知-发起人状态" width="360">

功能说明：

会议发起人可查看会议主题、时间、地点、参会人及各成员的确认状态，并执行提醒或管理操作。会议变更或取消后应向所有参会人推送更新，并保留操作记录。

### 9.4 会议通知-接收人状态.png

<img src="images/会议通知-接收人状态.png" alt="会议通知-接收人状态" width="360">

功能说明：

会议接收人查看完整会议信息并反馈参加状态。响应结果需实时同步给发起人，会议开始前可按配置发送提醒，过期会议进入只读历史状态。

### 9.5 日报.png

<img src="images/日报.png" alt="日报" width="360">

功能说明：

日报入口展示用户的日报记录，并提供新建或提交日报操作。列表应区分日期、提交状态和查看状态，支持按时间查找历史日报。

### 9.6 日报-普通用户页面.png

<img src="images/日报-普通用户页面.png" alt="日报-普通用户页面" width="360">

功能说明：

普通用户页面以个人填报为主，展示已提交和待填写的日报，用户可查看自己的历史记录。超过允许修改期限后，已提交日报应转为只读或走补交/修改流程。

### 9.7 日报-管理员页面.png

<img src="images/日报-管理员页面.png" alt="日报-管理员页面" width="360">

功能说明：

管理员页面汇总团队日报提交情况，可查看已提交、未提交及成员明细。统计口径需与组织权限一致，并支持提醒未提交成员和进入日报详情。

### 9.8 日报-查看详情.png

<img src="images/日报-查看详情.png" alt="日报-查看详情" width="360">

功能说明：

日报详情展示填报人、日期、工作内容及相关附加信息。查看权限由组织关系决定，内容较长时支持完整滚动，已撤回或被修改的日报需标记最新状态。

### 9.9 月报(1).png

<img src="images/月报(1).png" alt="月报(1)" width="360">

功能说明：

月报填写页用于录入本月工作总结、下月计划等内容，并提供提交操作。输入项需具备必填和长度校验，可在正式提交前保存草稿，避免页面退出导致内容丢失。

### 9.10 月报.png

<img src="images/月报.png" alt="月报" width="360">

功能说明：

月报列表按月份展示个人或权限范围内的月报记录，区分未提交、已提交等状态。用户可进入填写或详情页，管理员可查看团队提交进度。

### 9.11 月报-详情页.png

<img src="images/月报-详情页.png" alt="月报-详情页" width="360">

功能说明：

月报详情页展示填报人、所属月份、工作总结和计划等完整信息。已提交内容默认只读，具备修改权限时需在规定周期内开放编辑并记录更新时间。

### 9.12 总经理信箱.png

<img src="images/总经理信箱.png" alt="总经理信箱" width="360">

功能说明：

总经理信箱为员工提供向管理层提交意见或问题的入口，支持填写主题与正文并提交。内容应按企业隐私策略控制可见范围，提交成功后提供明确反馈，防止重复发送。

### 9.13 总经理信箱-文案提示.png

<img src="images/总经理信箱-文案提示.png" alt="总经理信箱-文案提示" width="360">

功能说明：

页面通过提示文案说明信箱用途、处理方式及隐私边界。提示内容应由企业后台可配置，并在用户提交前清晰告知实名/匿名规则和信息接收方。

## 10. 个人资料、通用设置、隐私与青少年模式

### 10.1 我的.png

<img src="images/我的.png" alt="我的" width="360">

功能说明：

“我的”页面展示头像、昵称、账号信息，并提供个人资料、收藏、设置等个人功能入口。账号数据更新后应在此处即时同步，菜单可根据平台或企业策略动态配置。

### 10.2 个人信息.png

<img src="images/个人信息.png" alt="个人信息" width="360">

功能说明：

个人信息页展示并编辑头像、昵称、出生日期、个性签名等资料，同时提供个人二维码入口。不同字段按各自规则校验，修改后同步到联系人资料和聊天界面。

### 10.3 设置昵称.png

<img src="images/设置昵称.png" alt="设置昵称" width="360">

功能说明：

账号昵称编辑页提供单行输入、字数计数和完成按钮。昵称需校验长度、空白字符和敏感内容，保存成功后更新全局个人资料，但不覆盖用户在各群设置的群昵称。

### 10.4 出生日期.png

<img src="images/出生日期.png" alt="出生日期" width="360">

功能说明：

出生日期通过日期选择器设置，用户确认后保存到个人资料。日期不得晚于当前日期，展示格式需适配本地化设置，隐私可见性遵循个人资料策略。

### 10.5 个性签名.png

<img src="images/个性签名.png" alt="个性签名" width="360">

功能说明：

个性签名采用多行文本编辑并显示长度限制，支持保存和清空。保存前需处理全空白和敏感内容，修改后在个人主页等引用位置同步展示。

### 10.6 二维码.png

<img src="images/二维码.png" alt="二维码" width="360">

功能说明：

该原图是个人二维码相关的视觉资源/入口标识，用于从个人资料进入二维码名片。实际页面应生成与当前账号绑定的可扫描二维码，并支持刷新失效凭证，避免静态码泄露长期有效信息。

### 10.7 设置（iOS）.png

<img src="images/设置（iOS）.png" alt="设置（iOS）" width="360">

功能说明：

iOS 设置页提供账号安全、消息通知、隐私、通用、关于与退出登录等入口。页面应遵循 iOS 导航和权限跳转规范，系统级配置需引导用户前往系统设置。

### 10.8 设置（安卓）.png

<img src="images/设置（安卓）.png" alt="设置（安卓）" width="360">

功能说明：

Android 设置页覆盖账号安全、通知、隐私、通用、关于及退出登录等功能。与 iOS 共享业务能力，但权限说明、系统设置路径和版本更新流程按 Android 平台实现。

### 10.9 清空缓存的提示.png

<img src="images/清空缓存的提示.png" alt="清空缓存的提示" width="360">

功能说明：

清空缓存前弹出确认提示，说明将移除可重新下载的临时数据。操作不应删除账号、聊天记录或收藏等业务数据；完成后刷新缓存占用数值并提示清理结果。

### 10.10 版本更新页面.png

<img src="images/版本更新页面.png" alt="版本更新页面" width="360">

功能说明：

版本更新页展示当前版本、最新版本和更新说明，并提供检查/立即更新入口。需区分可选更新与强制更新，下载、安装及应用商店跳转方式按操作系统能力处理。

### 10.11 发现新版本.png

<img src="images/发现新版本.png" alt="发现新版本" width="360">

功能说明：

检测到新版本时弹出更新提示，展示版本号、更新内容和稍后/更新操作。强制更新不得提供绕过入口，普通更新关闭后应按策略控制再次提醒频率。

### 10.12 隐私设置.png

<img src="images/隐私设置.png" alt="隐私设置" width="360">

功能说明：

隐私设置集中管理添加好友方式、黑名单及其他账号可见性选项。开关和选项修改应即时保存并在服务端生效，涉及联系人关系的设置需要跨设备同步。

### 10.13 隐私设置-添加我的方式选项.png

<img src="images/隐私设置-添加我的方式选项.png" alt="隐私设置-添加我的方式选项" width="360">

功能说明：

用户可分别控制他人是否能通过账号、手机号、二维码或群聊等渠道添加自己。关闭某渠道后，相关搜索或添加入口应统一阻断，并向发起方展示不泄露隐私的提示。

### 10.14 青少年模式未开启（安卓）.png

<img src="images/青少年模式未开启（安卓）.png" alt="青少年模式未开启（安卓）" width="360">

功能说明：

未开启页面说明青少年模式的适用范围与限制，并提供开启入口。开启前需由监护人/用户确认并设置独立密码，相关规则由服务端配置并跨设备同步。

### 10.15 青少年模式提示（安卓）.png

<img src="images/青少年模式提示（安卓）.png" alt="青少年模式提示（安卓）" width="360">

功能说明：

开启青少年模式过程中展示确认提示，明确功能限制和密码用途。用户确认后进入密码设置或验证流程，取消则保持原模式不变。

### 10.16 青少年模式已开启（安卓）.png

<img src="images/青少年模式已开启（安卓）.png" alt="青少年模式已开启（安卓）" width="360">

功能说明：

已开启页面展示当前生效状态及关闭入口，受限功能应按策略隐藏或拦截。应用重启、重新登录或切换设备后仍需保持模式状态，不能仅依赖本地标记。

### 10.17 关闭青少年模式（安卓）.png

<img src="images/关闭青少年模式（安卓）.png" alt="关闭青少年模式（安卓）" width="360">

功能说明：

关闭青少年模式前要求输入独立密码进行验证。连续输错需触发频率限制或找回流程，验证成功后解除限制并清理敏感页面的输入状态。

### 10.18 获取推送权限（安卓）.png

<img src="images/获取推送权限（安卓）.png" alt="获取推送权限（安卓）" width="360">

功能说明：

应用通过说明页解释开启通知权限的用途，并引导用户进入系统授权。拒绝后不应反复打扰，可在消息通知设置中再次触发引导；最终状态以系统权限为准。

### 10.19 提醒（安卓）.png

<img src="images/提醒（安卓）.png" alt="提醒（安卓）" width="360">

功能说明：

Android 系统提醒弹窗用于请求必要权限或告知受限能力，提供取消与前往设置操作。提示只在功能确实受权限影响时出现，并根据系统版本显示正确路径。

### 10.20 相机说明（安卓）.png

<img src="images/相机说明（安卓）.png" alt="相机说明（安卓）" width="360">

功能说明：

首次使用拍照、扫码或视频通话前说明相机权限用途，再触发系统授权。拒绝时保留替代入口；永久拒绝后引导至系统设置，不应循环弹出系统权限框。

### 10.21 麦克风说明（安卓）.png

<img src="images/麦克风说明（安卓）.png" alt="麦克风说明（安卓）" width="360">

功能说明：

首次发送语音或发起通话前说明麦克风权限用途，并在用户确认后请求系统授权。权限缺失时禁止开始录音，同时提供清晰的授权恢复路径。

## 11. 反诈安全、举报与意见反馈

### 11.1 反诈弹窗（安卓）.png

<img src="images/反诈弹窗（安卓）.png" alt="反诈弹窗（安卓）" width="360">

功能说明：

在疑似风险会话或敏感操作前展示反诈提醒，提示用户警惕陌生人、转账和隐私信息风险。弹窗触发规则应由风控策略控制，并避免泄露具体判定逻辑。

### 11.2 反诈弹窗（二次提示安卓）.png

<img src="images/反诈弹窗（二次提示安卓）.png" alt="反诈弹窗（二次提示安卓）" width="360">

功能说明：

高风险场景继续操作时展示二次确认，强化风险文案并要求用户明确选择。确认/取消结果应记录用于审计和策略评估，必要时可直接阻断操作而非仅提示。

### 11.3 举报.png

<img src="images/举报.png" alt="举报" width="360">

功能说明：

举报页面提供色情、诈骗、骚扰等举报原因选项，用户选择后进入补充材料流程或直接提交。举报对象、会话上下文和选择原因需随请求传递，并保护举报人身份。

### 11.4 举报(1).png

<img src="images/举报(1).png" alt="举报(1)" width="360">

功能说明：

举报补充页支持填写问题描述并上传图片等证据，提交前需校验必填项、文件数量、格式和大小。提交成功后返回受理结果，重复举报应按平台规则合并或限流。

### 11.5 意见反馈.png

<img src="images/意见反馈.png" alt="意见反馈" width="360">

功能说明：

意见反馈页支持输入问题或建议、上传截图，并可按产品设计提供联系方式。提交时附带必要的应用版本和设备信息，敏感日志需征得用户同意；成功后展示反馈已受理状态。