🎯 员工结束会话功能 · 原型图 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 对话中(顶部按钮可见)
智能IT服务
在线
☀️🌙
S
VPN 连不上
请尝试重启...
重启了还是不行
😊📎
请输入消息...
▲ 顶部红色按钮可用 · 用户可主动告诉系统"我走了"
坐席服务中(顶部按钮隐藏)
智能IT服务
在线
☀️🌙
S
VPN 连不上
请尝试重启...
客服小王已接入服务
您好,我是小王,我来帮您处理 VPN 问题
😊📎
请输入消息...
▲ 顶部按钮已隐藏 · 操作按钮 end 态接管"结束人工"
💡 两个按钮场景互斥,从根源避免"两个都能结束,点哪个"的混乱
🔄 「重新打开」按钮 mockup(v1.2 新增)
会话已关闭 + 24h 内,按钮变 🔄 重新打开(蓝色)。不显示 24h 倒计时数字,避免紧迫感。
💬 对话(已结束)
好的,谢谢小王
不客气,随时找我
✅ 会话已关闭。24 小时内可重新打开。
😊📎
会话已关闭
💡 颜色选择:蓝色(--info: #1989fa),与"激活"绿色和"危险"红色明确区分,传达"中性恢复"语义
⑥ 完整流程 · 双入口场景分流(v1.2 修订)
AI 会话走顶部退出路径,人工会话走操作按钮 end路径,两个入口场景互斥
🅰️ AI 会话路径(顶部退出入口)
🎧 AI 咨询 ⏏ 点击顶部退出 确认弹窗 😊 满意度评价 🚪 关闭窗口
🅱️ 人工会话路径(操作按钮 end 入口)
🎧 呼叫人工 ⏳ 排队 📴 服务中 end 📴 点击结束 😊 满意度评价 🚪 关闭窗口
⑦ 右栏简化(v1.1 沿用 · G6)
v1.0 右栏(4 大区块)
▼ 设备信息
CPU / 内存 / 硬盘
▼ 自助诊断
一键诊断 + 异常徽章
⚡ 智能推荐
操作步骤 / 联系人 / 下载
⏳ 排队等待
位置 / 预计时长 / 答题挑战
v1.2 右栏(2 大区块)✅
▼ 设备信息
CPU / 内存 / 硬盘
▼ 自助诊断
一键诊断 + 异常徽章
⚡ 智能推荐
操作步骤 / 联系人 / 下载
⑧ 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