# IT智能服务台 · H5用户端原型 v1.1 — 桌面端+移动端双布局

💻 企微桌面端 · 自建应用 主入口 ~70%
消息 工作台 通讯录 IT智能服务台
🛡️ IT智能服务台
坐席在线
坐席 小宋 已接入会话
AI回复
🤖
您好！我是AI助手，请问有什么可以帮您的？
10:02
我的电脑连不上公司WiFi了，网络图标显示黄色感叹号
10:03
AI回复
🤖
WiFi连接问题常见原因：1.开关未开启 2.密码错误 3.驱动异常
10:03
👨‍💻
你好，我来帮你排查WiFi问题。请看右侧排查面板👇
10:05
👊 呼叫坐席通道已开启
🔧 排查步骤 进行中
✓ 确认问题
→
2 网络适配器
→
3 驱动检查
→
4 重新连接
❓ WiFi适配器是否显示"已禁用"？
📋 正在执行：启用WiFi适配器
✓ 打开「设置」→「网络和Internet」
2 点击「更改适配器选项」
3 右键WiFi适配器 → 启用
💡 请按坐席指引操作，完成后坐席推进下一步
排查进度实时同步 · WiFi连接排查流程
张
张三
产品部 / 产品经理
IT等级: P2 重复问题(3次) Windows 11
🪟
🛡️
📄
🎨
🔄
📱 企微手机端 · 自建应用 辅助入口 ~30%
🛡️ IT智能服务台
坐席在线
坐席 小宋 已接入会话
AI回复
🤖
您好！我是AI助手，请问有什么可以帮您的？
10:02
我的电脑连不上公司WiFi了
10:03
👨‍💻
你好，我来帮你排查。请看下方排查步骤👇
10:05
✓ 确认问题
→
2 网络适配器
→
3 驱动检查
→
4 重新连接
❓ WiFi适配器是否显示"已禁用"？
📋 正在执行：启用WiFi适配器
✓ 打开「设置」→「网络和Internet」
2 点击「更改适配器选项」
3 右键WiFi适配器 → 启用
💡 请按坐席指引操作，完成后坐席推进下一步
排查进度实时同步
👊 呼叫坐席通道已开启
🆘

### 正在呼叫 IT 坐席...

🙋 看这里！我有个问题！
正在呼叫 IT 坐席...
✅ 呼叫成功！坐席马上就来～

### 📝 H5用户端原型 v1.1 — 双布局对比

- 布局 左→桌面端：双栏 — 消息区(左) + 排查面板/用户信息(右)
- 布局 右→手机端：单栏 — 排查步骤内嵌消息流
- 差异 桌面端排查面板始终可见，手机端随消息流滚动
- 差异 桌面端右侧含用户信息卡+设备状态，手机端不显示
- 交互 点击「是/否」→ 切换为步骤节点卡片（双端同步）
- 架构 一套代码响应式：≥500px 自动双栏，≤480px 单栏
- 同步 双端共用 Pinia stores + API 层，仅布局层不同