# 任务说明书-126-坐席在线状态查询 > **版本**: v1.0 | **日期**: 2026-07-25 --- ## 📋 基本信息 | 项目 | 内容 | |------|------| | **任务名称** | 坐席在线状态查询功能开发 | | **任务ID** | #126 | | **优先级** | 🟠P1 | | **类型** | 功能开发 | | **状态** | ✅ 已完成 | | **负责人** | Simon | | **创建日期** | 2026-07-25 | | **计划完成日期** | 2026-07-25 | --- ## 📥 输入项来源 ### 产品需求 | 来源文档 | 相关章节 | 说明 | |----------|----------|------| | `01-产品文档/05-用户端H5/PRD-REQ-用户-004-坐席在线状态查询-v1.0.md` | §1-§3 | 需求描述、用户故事、功能需求 | ### 技术方案 | 来源文档 | 相关章节 | 说明 | |----------|----------|------| | `02-技术文档/技术方案-REQ-用户-004-坐席在线状态查询.md` | §1-§2 | API接口设计、后端实现、前端实现 | ### 原型设计 | 来源文档 | 页面 | 说明 | |----------|------|------| | `01-产品文档/05-用户端H5/原型-REQ-用户-000-H5用户端-v2.0.html` | 标题栏区域 | 坐席在线/离线状态显示（已存在） | ### 需了解的现有代码（历史现状） | 模块/文件 | 说明 | 需了解的内容 | |-----------|------|-------------| | `backend/app/api/h5.py` | H5 API 模块 | 新增接口位置、已有接口模式 | | `frontend-h5/src/stores/conversation.ts` | Pinia 状态管理 | agentOnline 状态定义、轮询实现 | | `frontend-h5/src/components/chat/ChatPanel.vue` | 聊天面板组件 | 标题栏状态显示逻辑 | --- ## 📤 输出成果要求 ### 交付物清单 | # | 交付物 | 类型 | 说明 | |---|--------|------|------| | 1 | `backend/app/api/h5.py` 新增接口 | 代码 | `GET /api/h5/agents/online-status` | | 2 | `frontend-h5/src/stores/conversation.ts` 修改 | 代码 | 实现轮询和可见性处理 | | 3 | 技术方案文档 | 文档 | 更新验证要点 | ### 代码要求 - 遵循项目代码规范 - 所有新增代码通过 ESLint / Pylint 检查 ### 文档要求 - 更新技术方案文档中的验证要点 --- ## 🔧 验证方式 ### 功能验证 | 验证项 | 验证方法 | 预期结果 | |--------|----------|-----------| | API 接口正常 | `curl http://localhost:8000/api/h5/agents/online-status` | 返回 `{"code":0,"data":{"online":true/false}}` | | 有在线坐席时显示正确 | 手动测试（数据库有 online 坐席） | 显示"坐席在线" | | 无在线坐席时显示正确 | 手动测试（数据库无 online 坐席） | 显示"坐席离线" | | 轮询机制正常 | 等待30秒观察 | 状态自动刷新 | | 页面可见性处理 | 切换浏览器标签页再切回 | 状态立即刷新 | --- ## ✅ 完成标准 ### 验收条件 - [x] 后端 API 代码已完成 - [x] 前端轮询逻辑已完成 - [x] 功能验证通过 ### 产出确认 - [x] 代码已提交 - [x] 接口测试通过 - [x] 页面显示验证通过 --- ## 📊 工作分解 ### 子任务 | 子任务 | 负责人 | 预估工时 | 状态 | |--------|--------|----------|------| | 后端：新增 `GET /h5/agents/online-status` 接口 | Simon | 0.5h | ✅ 完成 | | 前端：修改 `conversation.ts` 实现轮询 | Simon | 0.5h | ✅ 完成 | | 测试：curl 验证 + 浏览器验证 | Simon | 0.5h | ✅ 完成 | --- ## 📞 依赖与阻塞 ### 前置依赖 | 依赖任务 | 依赖说明 | 状态 | |----------|----------|------| | REQ-用户-004 PRD | 需求已完成 | 已完成 | | REQ-用户-004 技术方案 | 设计已完成 | 已完成 | ### 阻塞因素 | 阻塞项 | 影响范围 | 解决方案 | |--------|----------|-----------| | 无 | - | - | --- ## 📈 变更记录 | 日期 | 变更内容 | 变更人 | 说明 | |------|----------|--------|------| | 2026-07-25 | 创建任务 | Simon | 初始版本 | | 2026-07-25 | 完成 | Simon | API 路径修正为 /h5/agents/online-status；Nginx 添加 /h5/agents/ 代理；30秒轮询实现；功能验证通过 | --- ## 📎 附件 - [PRD-REQ-用户-004-坐席在线状态查询-v1.0.md](../01-产品文档/05-用户端H5/PRD-REQ-用户-004-坐席在线状态查询-v1.0.md) - [技术方案-REQ-用户-004-坐席在线状态查询.md](../02-技术文档/技术方案-REQ-用户-004-坐席在线状态查询.md) - [原型-REQ-用户-000-H5用户端-v2.0.html](../01-产品文档/05-用户端H5/原型-REQ-用户-000-H5用户端-v2.0.html)