工具栏统一设计 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 删除坐席按钮相关测试用例(如有) 测试同步更新

⚠️ 注意事项

  1. 坐席 store action 仍可用store.shakeAgent() 等方法不会被删除,InputBar 工具栏头像按钮仍调用它们
  2. 整合区其他元素保留:状态条、引导语等其他整合区元素(如有)保持不变,只删除坐席按钮
  3. helper 函数保留computeCallAgentState / computeIntegrationBtnClass / computeCallAction 等函数仍导出,可被未来其他场景复用
  4. 已回滚到 v1.2:v1.3 错误实现已通过 jumpserver-V2 紧急回滚到 v1.2,本任务在 v1.2 基础上修改 IntegrationZone.vue

v1.3 删除 IntegrationZone 旧坐席按钮 · 2026-08-04 · Duckula 主理人 · 等待用户拍板进入开发