🎯 员工结束会话功能 · 原型图 v1.2
v1.2 调整(2026-07-30 下午)— 6 态按钮 + 4 种引导语 + 顶部按钮仅 AI 场景
设计哲学:4 维度分离(v1.2 新增"退出兜底"独立维度)
v1.1 三维度基础上,新增"退出兜底"作为独立维度——顶部按钮语义收窄到 AI 场景,与操作按钮 end 态场景互斥。
| 维度 |
性质 |
UI 形式 |
位置 |
v1.2 变化 |
| A. 服务可用性 |
系统状态 |
标题栏徽章 🟢/⚫ |
顶部 |
沿用 |
| B. 会话进程 |
用户动作 |
操作按钮 6 态 + 引导语 |
输入栏 |
5 态 → 6 态 + 引导语 |
| C. 排队进度 |
实时反馈 |
底部消息胶囊 |
输入框上方 |
沿用 |
| D. 退出兜底 🆕 |
AI 场景专属 |
标题栏红色退出按钮 |
顶部右侧 |
仅 AI 场景显示 |
💡 维度 D 与维度 B 的 end 态场景互斥,任何时候只有一个可用,从根本上避免"双入口混乱"
⭐ 操作按钮 · 6 态 + 4 种引导语(v1.2 核心变更)
v1.1 的 5 态调整:❌ 移除 hidden / ✅ 恢复 end / ✅ 新增 reopen。
新增 4 种场景引导语,按钮永远可见(仅状态变化),用户不会再"找不到入口"。
disabled · 无会话
💡 先描述一下你遇到的问题,AI 助手会先帮你看看
用户刚打开应用
disabled · AI <3 轮
请继续描述您的问题或需求
AI 对话早期
disabled · 坐席离线
⚠️ 坐席当前离线,建议先用 AI 解答
!store.agentOnline
active · AI ≥3 轮
可呼叫
urgent · 紧急关键词
高优一键呼叫
waiting · 排队中
点击取消排队
end 🆕 · 坐席服务中
v1.2 恢复 · 主动挂断人工
reopen 🆕 · 24h 内重开
v1.2 新增 · 蓝色填充
disabled · 会话过期
⏰ 上一会话已过期,开始新对话吧
>24h 不可重开
⚠️ 优先级:end > reopen > waiting > active/urgent > disabled。hidden 已完全移除。
⭐⭐ 顶部退出按钮 · 仅 AI 场景显示(v1.2 G7 关键变更)
产品澄清:顶部按钮的语义被收窄为"AI 会话兜底退出"——告诉系统"我走了,别发倒计时"。
人工咨询启动后(waiting / serving),顶部按钮自动隐藏,由操作按钮 end 态接管"结束人工"动作。
| 会话场景 |
顶部"退出会话" |
操作按钮 |
说明 |
| 无会话 |
❌ 隐藏 |
🔒 disabled(引导"先说问题") |
用户还没开始 |
| AI 对话中(任何状态) |
✅ 显示 |
🎧 active / 🔒 disabled |
顶部 = AI 兜底退出 |
| 人工咨询启动后(waiting) |
❌ 隐藏 |
⏳ waiting(取消排队) |
操作按钮接管 |
| 坐席服务中(serving) |
❌ 隐藏 |
📴 end(结束咨询) |
操作按钮 end 态接管 |
| 会话已关闭(24h 内) |
❌ 隐藏 |
🔄 reopen(重新打开) |
操作按钮 reopen 接管 |
| 会话已关闭(>24h) |
❌ 隐藏 |
🔒 disabled(引导"开新会话") |
过期失效 |
场景对比 mockup:AI 对话 vs 坐席服务中
AI 对话中(顶部按钮可见)
▲ 顶部红色按钮可用 · 用户可主动告诉系统"我走了"
坐席服务中(顶部按钮隐藏)
VPN 连不上
请尝试重启...
客服小王已接入服务
您好,我是小王,我来帮您处理 VPN 问题
▲ 顶部按钮已隐藏 · 操作按钮 end 态接管"结束人工"
💡 两个按钮场景互斥,从根源避免"两个都能结束,点哪个"的混乱
🔄 「重新打开」按钮 mockup(v1.2 新增)
会话已关闭 + 24h 内,按钮变 🔄 重新打开(蓝色)。不显示 24h 倒计时数字,避免紧迫感。
好的,谢谢小王
不客气,随时找我
✅ 会话已关闭。24 小时内可重新打开。
💡 颜色选择:蓝色(--info: #1989fa),与"激活"绿色和"危险"红色明确区分,传达"中性恢复"语义
⑥ 完整流程 · 双入口场景分流(v1.2 修订)
AI 会话走顶部退出路径,人工会话走操作按钮 end路径,两个入口场景互斥。
🅰️ AI 会话路径(顶部退出入口)
🎧 AI 咨询
→
⏏ 点击顶部退出
→
确认弹窗
→
😊 满意度评价
→
🚪 关闭窗口
🅱️ 人工会话路径(操作按钮 end 入口)
🎧 呼叫人工
→
⏳ 排队
→
📴 服务中 end
→
📴 点击结束
→
😊 满意度评价
→
🚪 关闭窗口
⑧ v1.1 → v1.2 关键变更
| 变更项 |
v1.1 |
v1.2 |
| 操作按钮状态数 |
5 态(含 hidden) |
6 态(移除 hidden / 恢复 end / 新增 reopen) |
| 引导语 |
仅 active 态显示 |
4 种场景分阶段引导语 |
| 顶部按钮可见性 |
所有场景显示 |
仅 AI 场景显示 |
| 「重新打开」按钮 |
无 |
新增(蓝色) |
| {n}/3 进度提示 |
有 |
移除(避免催促感) |
| 顶部按钮文案 |
无 tooltip |
加 tooltip + 确认弹窗 |
| 状态机互斥保证 |
无 |
showHeaderExitBtn 计算逻辑 |
| 结束会话入口 |
仅顶部按钮 |
顶部(AI)+ 操作按钮 end(人工)双入口 |
| 维度划分 |
3 维度 |
4 维度(新增"退出兜底"独立维度) |
📌 对应 PRD:PRD-REQ-会话-001-员工结束会话-v1.2.md
📌 对应技术方案:技术方案-REQ-会话-001-员工结束会话-v1.2.md