工具栏统一设计 v1.3 — 删除 IntegrationZone 旧"人工坐席"按钮
v1.2 基础 + 删除 IntegrationZone.vue 中的锁图标按钮 · InputBar 工具栏 4 按钮保持(emoji / 文件 / 语音 / 坐席头像),位置保持 InputBar 内上方居中 · 2026-08-04
⚠️ v1.2 → v1.3 我之前的错误理解(用户截图澄清):
• 我误把"删除坐席按钮"理解为删除 InputBar 工具栏里的头像按钮,导致 v1.3 砍到 3 按钮 + 错移到底部
• 用户的真实意图(截图标注"去掉"指向锁图标按钮):
- ❌ 删除 IntegrationZone.vue 中的"人工坐席"按钮(带锁图标 🔒)
- ✅ 保留 InputBar 工具栏 4 按钮(emoji / 文件 / 语音 / 坐席头像)
- ✅ 位置保持 InputBar 内上方居中(v1.2 位置不动)
✅ v1.3 正确做法(修正后):
• 仅改 IntegrationZone.vue:删除坐席按钮 + 周边相关样式/计算
• InputBar.vue 不动(v1.2 的 4 按钮工具栏已经在 InputBar 内上方居中,符合期望)
• helper 文件(inputBarCallAgentState.ts / integrationZoneLogic.ts)保留不动(仍可能被未来其他场景调用)
🎯 v1.3 目标对比(Before / After)
v1.2(当前线上状态)
⚠️ 问题: IntegrationZone 旧"人工坐席"按钮 + InputBar 工具栏头像按钮 = 两个坐席入口并存,用户感知重复
v1.3(目标状态)
(IntegrationZone 坐席按钮已删除)
请输入消息...
✅ 效果: 仅 InputBar 工具栏头像按钮作为坐席入口,IntegrationZone 锁图标按钮消失,避免视觉冗余
📊 v1.2 vs v1.3 改动对比
| 维度 |
v1.2(当前) |
v1.3(目标) |
| IntegrationZone 坐席按钮 |
🔒 显示在 InputBar 上方(带锁图标) |
❌ 完全删除 |
| InputBar 工具栏按钮数 |
4(emoji / 文件 / 语音 / 坐席头像) |
4 不变(emoji / 文件 / 语音 / 坐席头像) |
| 工具栏位置 |
InputBar 内上方居中 |
InputBar 内上方居中(不变) |
| 坐席入口数量 |
2 个(IntegrationZone + InputBar 工具栏) |
1 个(仅 InputBar 工具栏头像) |
| 代码改动范围 |
— |
仅 IntegrationZone.vue(InputBar.vue 不动) |
| helper 文件(inputBarCallAgentState.ts / integrationZoneLogic.ts) |
存在 |
保留不动(仍可能被未来调用) |
🛠️ 需要修改的文件清单
| 文件 |
改动 |
影响 |
src/frontend-h5/src/components/chat/IntegrationZone.vue |
删除 坐席按钮的 template 段、script 段、style 段 |
仅本文件,局部删除 |
src/frontend-h5/src/components/chat/InputBar.vue |
不动(v1.2 已经正确) |
无 |
src/frontend-h5/src/components/chat/inputBarCallAgentState.ts |
不动(helper 保留) |
无 |
src/frontend-h5/src/components/chat/integrationZoneLogic.ts |
不动(helper 保留) |
无 |
src/frontend-h5/src/components/chat/IntegrationZone.test.ts |
删除坐席按钮相关测试用例(如有) |
测试同步更新 |
⚠️ 注意事项
- 坐席 store action 仍可用:
store.shakeAgent() 等方法不会被删除,InputBar 工具栏头像按钮仍调用它们
- 整合区其他元素保留:状态条、引导语等其他整合区元素(如有)保持不变,只删除坐席按钮
- helper 函数保留:
computeCallAgentState / computeIntegrationBtnClass / computeCallAction 等函数仍导出,可被未来其他场景复用
- 已回滚到 v1.2:v1.3 错误实现已通过 jumpserver-V2 紧急回滚到 v1.2,本任务在 v1.2 基础上修改 IntegrationZone.vue
v1.3 删除 IntegrationZone 旧坐席按钮 · 2026-08-04 · Duckula 主理人 · 等待用户拍板进入开发