docs: 补全专家咨询模块导航配置及PRD/变更记录文档

- index.html: 补充管理端专家咨询22页pages配置及prd路径,支持entry自定义入口页
- index.html: 补充健康应急APP专家端/小助手端工作台prd路径,小助手知识库pages
- 新增 web-admin/health-consult/doc/ 下 CHANGELOG.md 和 PRD.md
- 新增 emergency-app/expert/doc/ 下 CHANGELOG.md 和 PRD.md
- 新增 emergency-app/assistant/doc/ 下 CHANGELOG.md 和 PRD.md

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
冯普
2026-04-09 19:06:04 +08:00
co-authored by Claude Opus 4.6
parent 8def5fb12e
commit 32950f0d5c
30 changed files with 1027 additions and 7 deletions
+21
View File
@@ -0,0 +1,21 @@
# 咨询小助手端(健康应急APP)变更记录
## 2026-04-09
### init: 初始化咨询小助手端原型
新增 8 个页面/弹窗,覆盖工作台(图文咨询、推送专家)和知识库两大模块。
**涉及文件:**
工作台模块:
- `workbench/index.html` — 工作台首页
- `workbench/text-chat.html` — 图文咨询对话
- `workbench/consult-done.html` — 咨询完成详情
- `workbench/employee-profile.html` — 员工健康档案
- `workbench/end-consult-dialog.html` — 结束咨询确认弹窗
- `workbench/push-expert.html` — 推送专家(选择专家)
知识库模块:
- `knowledge/index.html` — 知识库首页
- `knowledge/detail.html` — 知识详情
+169
View File
@@ -0,0 +1,169 @@
# 咨询小助手端(健康应急APP)产品需求文档
## 模块概述
咨询小助手端为平台客服人员提供移动端工作平台,负责接收员工的初步咨询请求,进行图文对话沟通,并在需要时为员工推荐合适的专家。小助手端仅支持图文咨询,不支持视频咨询。
### 页面导航结构
```
咨询小助手端
├── 工作台(底部Tab
│ ├── 工作台首页(3分类Tab)
│ │ ├── 待回复 → 图文聊天
│ │ ├── 进行中 → 图文聊天
│ │ └── 已完成 → 咨询完成详情 → 历史对话
│ ├── 图文聊天
│ │ ├── 查看档案 → 员工健康档案
│ │ ├── 结束咨询 → 结束咨询确认弹窗
│ │ └── 推送专家 → 选择专家页 → 返回聊天(发送名片)
├── 知识库(底部Tab
│ ├── 知识库首页(4分类Tab)
│ └── 知识详情
├── AI助手(底部Tab,共享模块)
├── 消息(底部Tab,共享模块)
└── 我的(底部Tab,暂无原型)
```
### 咨询状态流转图
```mermaid
stateDiagram-v2
[*] --> 待回复 : 员工发起咨询
待回复 --> 进行中 : 小助手首次回复
进行中 --> 进行中 : 推送专家名片
进行中 --> 已完成 : 小助手结束咨询
```
## 页面清单
| 序号 | 文件名 | 页面名称 | 类型 | 所属模块 |
|------|--------|----------|------|----------|
| 1 | workbench/index.html | 工作台首页 | 页面 | 工作台 |
| 2 | workbench/text-chat.html | 图文咨询 | 页面 | 工作台 |
| 3 | workbench/consult-done.html | 咨询完成详情 | 页面 | 工作台 |
| 4 | workbench/employee-profile.html | 员工健康档案 | 页面 | 工作台 |
| 5 | workbench/end-consult-dialog.html | 结束咨询确认弹窗 | 弹窗 | 工作台 |
| 6 | workbench/push-expert.html | 选择专家 | 页面 | 工作台 |
| 7 | knowledge/index.html | 知识库首页 | 页面 | 知识库 |
| 8 | knowledge/detail.html | 知识详情 | 页面 | 知识库 |
## 逐页说明
---
### 1. 工作台首页(workbench/index.html
**功能说明:** 小助手工作台入口,展示图文咨询任务队列,按状态分类管理。
**业务规则:**
- 头部统计卡片展示:待回复数、进行中数、今日完成数、满意度百分比
- 仅支持图文咨询,无视频咨询Tab
- 分三个子Tab:待回复、进行中、已完成
**交互说明:**
- 点击待回复/进行中的咨询卡片跳转到图文聊天
- 点击已完成的咨询卡片跳转到咨询完成详情
- 底部5Tab导航:工作台/知识库/AI助手/消息/我的
---
### 2. 图文咨询(workbench/text-chat.html
**功能说明:** 小助手与员工的实时图文对话界面,相比专家端多了"推送专家"功能。
**业务规则:**
- 聊天区分员工消息(左侧白色气泡)和小助手消息(右侧蓝色气泡,机器人头像)
- 支持文字、语音、图片三种消息类型
- 常用语面板提供5条预设快捷语
- 推送专家后,聊天区自动插入专家名片气泡(含头像、姓名、科室、职称、医院、擅长病种)
**交互说明:**
- 点击"查看档案"跳转到员工健康档案
- 点击"结束咨询"跳转到结束咨询确认弹窗
- 点击闪电图标展开/收起常用语面板
- 点击加号展开媒体面板(拍照/图库/推送专家)
- 点击"推送专家"跳转到选择专家页
---
### 3. 咨询完成详情(workbench/consult-done.html
**功能说明:** 展示已完结的员工咨询全部信息,包括咨询统计、评价及健康档案。
**业务规则:**
- 展示咨询类型(员工咨询)、发起/完成时间、员工评分
- 员工评价以黄色引用框展示
- 健康档案分基本信息、生活习惯、身体情况三组
**交互说明:**
- 点击"查看历史对话记录"跳转到图文聊天页(只读)
- 健康档案支持折叠/展开
---
### 4. 员工健康档案(workbench/employee-profile.html
**功能说明:** 展示咨询员工的完整健康档案,供小助手参考。
**业务规则:**
- 分三组展示:基本信息(姓名、性别/年龄、身高/体重)、生活习惯(吸烟、饮酒、饮食、睡眠)、身体情况(过敏史、遗传史、既往史)
- 过敏史以红色高亮标记
**交互说明:**
- 返回按钮跳转到图文聊天页
---
### 5. 结束咨询确认弹窗(workbench/end-consult-dialog.html
**功能说明:** 小助手结束咨询的二次确认弹窗,作为独立HTML页面实现。
**业务规则:**
- 弹窗提示"确认结束与XX的咨询?结束后将无法继续发送消息"
- 半透明蒙层背景
**交互说明:**
- 点击"取消"返回图文聊天页
- 点击"确认结束"跳转到工作台首页
---
### 6. 选择专家(workbench/push-expert.html
**功能说明:** 小助手在咨询中为员工推荐合适的专家,选择后将专家名片发送至聊天会话。
**业务规则:**
- 展示可推荐的专家列表,每位含头像、姓名、医院、科室职称、本月咨询数、擅长病种标签
- 选择专家后数据存入 sessionStorage,返回聊天页后自动发送名片气泡
**交互说明:**
- 顶部搜索框支持按姓名/科室搜索
- 点击专家卡片选中并返回图文聊天页
---
### 7. 知识库首页(knowledge/index.html
**功能说明:** 小助手查阅专业医学知识的参考库,与专家端知识库结构和内容一致。
**业务规则:**
- 4个分类Tab:体检知识、药品知识、疾病知识、保健知识
- 共10条知识条目
**交互说明:**
- 切换分类Tab显示对应知识列表
- 点击知识条目跳转到知识详情
---
### 8. 知识详情(knowledge/detail.html
**功能说明:** 展示单条知识的完整内容,由URL参数动态渲染,与专家端内容一致。
**业务规则:**
- 共支持9个知识条目的动态渲染
- 每条含概述段落和2-3个主要内容分项
**交互说明:**
- 返回按钮跳转到知识库首页
+31
View File
@@ -0,0 +1,31 @@
# 咨询专家端(健康应急APP)变更记录
## 2026-04-09
### init: 初始化咨询专家端原型
新增 16 个页面,覆盖工作台(图文/视频咨询)、知识库、个人中心三大模块。
**涉及文件:**
工作台模块:
- `workbench/index.html` — 工作台首页
- `workbench/text-chat.html` — 图文咨询对话
- `workbench/text-consult-done.html` — 图文咨询完成详情
- `workbench/video-appt.html` — 视频预约确认
- `workbench/video-call.html` — 视频通话
- `workbench/video-done.html` — 视频咨询完成详情
- `workbench/video-ongoing.html` — 视频咨询进行中
- `workbench/employee-profile.html` — 员工健康档案
知识库模块:
- `knowledge/index.html` — 知识库首页
- `knowledge/detail.html` — 知识详情
个人中心模块:
- `profile/index.html` — 个人中心
- `profile/edit-profile.html` — 编辑资料
- `profile/change-pwd.html` — 修改密码
- `profile/schedule.html` — 排班设置
- `profile/stats.html` — 咨询统计
- `profile/reviews.html` — 我的评价
+320
View File
@@ -0,0 +1,320 @@
# 咨询专家端(健康应急APP)产品需求文档
## 模块概述
咨询专家端为签约医疗专家提供移动端工作平台,支持图文咨询、视频咨询、知识库查阅及个人信息管理。专家通过该端接收员工发起的咨询请求,进行在线问诊并完成服务闭环。
### 页面导航结构
```
咨询专家端
├── 工作台(底部Tab
│ ├── 工作台首页
│ │ ├── 图文咨询
│ │ │ ├── 待回复 → 图文聊天 → 员工档案
│ │ │ ├── 进行中 → 图文聊天
│ │ │ └── 已完成 → 咨询完成详情 → 历史对话
│ │ └── 视频咨询
│ │ ├── 待确认 → 视频预约确认
│ │ ├── 进行中 → 视频进行中 → 视频通话
│ │ └── 已完成 → 视频完成详情
├── 知识库(底部Tab
│ ├── 知识库首页(4分类Tab)
│ └── 知识详情
├── AI助手(底部Tab,共享模块)
├── 消息(底部Tab,共享模块)
└── 我的(底部Tab
├── 个人中心
├── 咨询统计 → 全部评价
├── 排班设置
├── 编辑资料
└── 修改密码
```
### 咨询状态流转图
```mermaid
stateDiagram-v2
state "图文咨询" as TF {
[*] --> 待回复 : 员工发起
待回复 --> 进行中 : 专家首次回复
进行中 --> 已完成 : 任一方结束
}
state "视频咨询" as VF {
[*] --> 待确认 : 员工预约
待确认 --> 已确认 : 专家接受
待确认 --> 已拒绝 : 专家拒绝
已确认 --> 通话中 : 发起视频
通话中 --> 已完成 : 挂断
}
```
## 页面清单
| 序号 | 文件名 | 页面名称 | 所属模块 |
|------|--------|----------|----------|
| 1 | workbench/index.html | 工作台首页 | 工作台 |
| 2 | workbench/text-chat.html | 图文咨询 | 工作台 |
| 3 | workbench/text-consult-done.html | 咨询完成详情 | 工作台 |
| 4 | workbench/video-appt.html | 视频预约确认 | 工作台 |
| 5 | workbench/video-call.html | 视频通话 | 工作台 |
| 6 | workbench/video-done.html | 视频完成详情 | 工作台 |
| 7 | workbench/video-ongoing.html | 视频进行中 | 工作台 |
| 8 | workbench/employee-profile.html | 员工健康档案 | 工作台 |
| 9 | knowledge/index.html | 知识库首页 | 知识库 |
| 10 | knowledge/detail.html | 知识详情 | 知识库 |
| 11 | profile/index.html | 个人中心 | 我的 |
| 12 | profile/edit-profile.html | 编辑资料 | 我的 |
| 13 | profile/change-pwd.html | 修改密码 | 我的 |
| 14 | profile/schedule.html | 排班设置 | 我的 |
| 15 | profile/stats.html | 咨询统计 | 我的 |
| 16 | profile/reviews.html | 全部评价 | 我的 |
## 逐页说明
---
### 1. 工作台首页(workbench/index.html
**功能说明:** 专家工作台入口,展示当前咨询任务队列,支持图文和视频两类咨询的分类管理。
**业务规则:**
- 头部统计卡片展示:图文待回复数、视频待确认数、今日完成数、当前评分
- 服务状态支持"服务中/暂停服务"切换(绿色/红色)
- 图文咨询分三个子Tab:待回复、进行中、已完成
- 视频咨询分三个子Tab:待确认、进行中、已完成
**交互说明:**
- 一级Tab切换图文咨询/视频咨询
- 点击待回复/进行中的咨询卡片跳转到图文聊天
- 点击已完成的咨询卡片跳转到咨询完成详情
- 点击视频待确认卡片跳转到视频预约确认
- 点击视频进行中卡片跳转到视频进行中
- 底部5Tab导航:工作台/知识库/AI助手/消息/我的
---
### 2. 图文咨询(workbench/text-chat.html
**功能说明:** 专家与员工的实时图文对话界面,支持文字、语音、图片发送及常用语快捷填充。
**业务规则:**
- 聊天区分员工消息(左侧白色气泡)和专家消息(右侧蓝色气泡)
- 支持文字、语音、图片三种消息类型
- 常用语面板提供 5 条预设快捷语
**交互说明:**
- 点击"查看档案"跳转到员工健康档案
- 点击"结束咨询"弹出确认弹窗,确认后返回工作台首页
- 点击闪电图标展开/收起常用语面板
- 点击麦克风切换语音/文字输入模式
- 点击加号展开媒体选择面板(拍照/图库)
---
### 3. 咨询完成详情(workbench/text-consult-done.html
**功能说明:** 展示已完结的图文咨询全部信息,包括咨询统计、员工评价及健康档案。
**业务规则:**
- 展示咨询类型、发起/完成时间、员工评分
- 员工评价以黄色引用框展示
- 健康档案分基本信息、生活习惯、身体情况三组
**交互说明:**
- 点击"查看历史对话记录"跳转到图文聊天页(只读)
- 健康档案支持折叠/展开
---
### 4. 视频预约确认(workbench/video-appt.html
**功能说明:** 展示员工发起的视频咨询预约详情,专家可接受或拒绝。
**业务规则:**
- 预约信息卡展示预约时间、咨询类型、发起时间
- 附带咨询人健康档案和咨询说明
**交互说明:**
- 点击"接受预约"弹出确认弹窗,确认后返回工作台首页
- 点击"拒绝预约"拒绝该预约
- 健康档案支持折叠/展开
---
### 5. 视频通话(workbench/video-call.html
**功能说明:** 专家与员工进行视频通话的全屏界面。
**业务规则:**
- 全屏深色背景,显示远端画面区、通话时长计时器、本地小窗
- 底部三个控制按钮:麦克风、挂断、摄像头
**交互说明:**
- 点击麦克风切换静音/取消静音
- 点击摄像头切换开关
- 点击挂断弹出确认弹窗,确认后返回工作台首页
---
### 6. 视频完成详情(workbench/video-done.html
**功能说明:** 展示已完结视频咨询的详情,包括通话时长、评分评价、健康档案。
**业务规则:**
- 展示咨询时间段、通话时长、员工评分
- 附带员工评价和健康档案
**交互说明:**
- 健康档案支持折叠/展开
- 返回按钮跳转到工作台首页
---
### 7. 视频进行中(workbench/video-ongoing.html
**功能说明:** 已确认但尚未开始通话的视频咨询详情,提供发起通话入口。
**业务规则:**
- 预约信息卡展示预约时间、咨询类型、状态为"已确认"
- 附带健康档案和咨询说明
**交互说明:**
- 点击"发起视频通话"跳转到视频通话页
- 健康档案支持折叠/展开
---
### 8. 员工健康档案(workbench/employee-profile.html
**功能说明:** 展示咨询员工的完整健康档案,供专家参考。
**业务规则:**
- 分三组展示:基本信息(姓名、性别/年龄、身高/体重)、生活习惯(吸烟、饮酒、饮食、睡眠)、身体情况(过敏史、遗传史、既往史)
- 过敏史以红色高亮标记
**交互说明:**
- 返回按钮跳转到图文聊天页
---
### 9. 知识库首页(knowledge/index.html
**功能说明:** 专家查阅专业医学知识的参考库,按分类浏览条目列表。
**业务规则:**
- 4个分类Tab:体检知识、药品知识、疾病知识、保健知识
- 共10条知识条目,每条含图标、标题、摘要
**交互说明:**
- 切换分类Tab显示对应知识列表
- 点击知识条目跳转到知识详情(带key参数)
---
### 10. 知识详情(knowledge/detail.html
**功能说明:** 展示单条知识的完整内容,由URL参数动态渲染。
**业务规则:**
- 共支持9个知识条目的动态渲染
- 每条含概述段落和2-3个主要内容分项
**交互说明:**
- 返回按钮跳转到知识库首页
---
### 11. 个人中心(profile/index.html
**功能说明:** 专家个人信息中心,展示基础信息及功能入口列表。
**业务规则:**
- 头部展示头像、姓名、科室职称、医院
- 服务状态支持在线/暂停切换
- 功能列表:咨询统计、排班设置、个人信息设置、修改密码、关于我们
**交互说明:**
- 点击各功能项跳转到对应页面
- 点击"退出登录"弹出确认弹窗
---
### 12. 编辑资料(profile/edit-profile.html
**功能说明:** 专家编辑个人基本资料、擅长病种和个人简介。
**表单字段表:**
| 字段名 | 类型 | 必填 | 规则 |
|--------|------|------|------|
| 头像 | 图片上传 | 否 | 点击相机角标更换 |
| 姓名 | 文本输入 | 是 | - |
| 所属医院 | 文本输入 | 是 | - |
| 科室 | 文本输入 | 是 | - |
| 职称 | 文本输入 | 是 | - |
| 执业年限 | 文本输入 | 是 | - |
| 擅长病种 | 多选标签 | 否 | 10个可选标签,点击切换选中 |
| 个人简介 | 多行文本 | 否 | 最多200字 |
| 个人擅长 | 多行文本 | 否 | 最多300字 |
---
### 13. 修改密码(profile/change-pwd.html
**功能说明:** 专家修改登录密码。
**表单字段表:**
| 字段名 | 类型 | 必填 | 规则 |
|--------|------|------|------|
| 当前密码 | 密码输入 | 是 | - |
| 新密码 | 密码输入 | 是 | 至少8位 |
| 确认新密码 | 密码输入 | 是 | 须与新密码一致 |
**交互说明:**
- 点击"保存修改"弹出成功提示,确认后返回个人中心
---
### 14. 排班设置(profile/schedule.html
**功能说明:** 专家自主设置接诊日期和时段的接诊人数上限。
**业务规则:**
- 月历选择排班日期,已选日期显示蓝色圆形背景
- 时段分上午(09:00-12:00)和下午(14:00-17:00
- 接诊人数支持加减调节,范围1-10人
**交互说明:**
- 点击日期格子切换选中/未选中
- 点击加减按钮调整接诊人数
- 支持前后月份翻页
---
### 15. 咨询统计(profile/stats.html
**功能说明:** 展示专家的多维度咨询数据统计。
**业务规则:**
- 数据概览:今日完成、本周完成、本月完成、累计完成
- 本月咨询类型分布:图文/视频占比
- 近7日完成量柱状图
- 综合评分卡:评分、星级、评价数、1-5星分布
**交互说明:**
- 点击"查看全部评价"跳转到全部评价页
---
### 16. 全部评价(profile/reviews.html
**功能说明:** 展示员工对专家的历史评价列表。
**业务规则:**
- 顶部统计:评价总数、综合评分
- 评价卡片含:员工头像(脱敏)、姓名、咨询类型标签、时间、星级、评价正文
**交互说明:**
- 返回按钮跳转到咨询统计页
+33 -7
View File
@@ -141,7 +141,7 @@ body { background: var(--background); font-family: -apple-system, BlinkMacSystem
<body>
<div class="header">
<div class="header__inner">
<div class="header__title">健康长庆升级 · 高保真交互原型</div>
<div class="header__title">健康长庆升级项目 · 高保真交互原型</div>
<div class="header__sub">点击模块卡片跳转至对应模块主页,点击页数徽章查看全部页面</div>
</div>
<div class="tab-nav" id="tab-nav"></div>
@@ -178,7 +178,30 @@ const SITE_MAP = [
{ name:'心脑血管病预防', dir:'web-admin/cardiovascular', pages:[] },
{ name:'糖尿病预防', dir:'web-admin/diabetes', pages:[] },
{ name:'癌症预防', dir:'web-admin/cancer', pages:[] },
{ name:'专家咨询', dir:'web-admin/health-consult', pages:[] },
{ name:'专家咨询', dir:'web-admin/health-consult', entry:'history-expert.html', prd:'web-admin/health-consult/doc/PRD.md', pages:[
{ file:'history-expert.html', label:'专家咨询记录' },
{ file:'history-expert-detail.html', label:'专家对话详情' },
{ file:'history-assistant.html', label:'小助手咨询记录' },
{ file:'history-assistant-detail.html', label:'小助手对话详情' },
{ file:'history-evaluation.html', label:'用户评价' },
{ file:'consult-record.html', label:'咨询档案' },
{ file:'consult-record-detail.html', label:'咨询档案详情' },
{ file:'archive-personal.html', label:'个人咨询数据' },
{ file:'archive-unit.html', label:'单位报表数据' },
{ file:'expert-statistics.html', label:'专家咨询统计' },
{ file:'settlement.html', label:'咨询结算' },
{ file:'exception-result.html', label:'结果异常' },
{ file:'exception-dirty.html', label:'系统脏数据' },
{ file:'config-hospital.html', label:'医院配置' },
{ file:'config-department.html', label:'科室配置' },
{ file:'config-disease.html', label:'疾病配置' },
{ file:'config-notice.html', label:'咨询须知' },
{ file:'config-phrase.html', label:'常用语管理' },
{ file:'config-hospital-dialog.html', label:'医院配置弹窗', dialog:true },
{ file:'config-department-dialog.html', label:'科室配置弹窗', dialog:true },
{ file:'config-disease-dialog.html', label:'疾病配置弹窗', dialog:true },
{ file:'config-phrase-dialog.html', label:'常用语弹窗', dialog:true }
]},
{ name:'应急就医', dir:'web-admin/emergency-dispatch', pages:[] },
{ name:'一线医疗', dir:'web-admin/frontline-medical', pages:[] }
]},
@@ -217,7 +240,7 @@ const SITE_MAP = [
{ id:'emergency-app', label:'健康应急 APP', icon:'emergency', color:'#ffc069',
roles:[
{ role:'咨询专家', id:'expert', modules:[
{ name:'工作台', dir:'emergency-app/expert/workbench', pages:[
{ name:'工作台', dir:'emergency-app/expert/workbench', prd:'emergency-app/expert/doc/PRD.md', pages:[
{file:'index.html',label:'工作台首页'},{file:'text-chat.html',label:'图文咨询'},
{file:'text-consult-done.html',label:'咨询完成'},{file:'video-appt.html',label:'视频预约'},
{file:'video-call.html',label:'视频通话'},{file:'video-done.html',label:'视频完成'},
@@ -233,13 +256,15 @@ const SITE_MAP = [
]}
]},
{ role:'咨询小助手', id:'assistant', modules:[
{ name:'工作台', dir:'emergency-app/assistant/workbench', pages:[
{ name:'工作台', dir:'emergency-app/assistant/workbench', prd:'emergency-app/assistant/doc/PRD.md', pages:[
{file:'index.html',label:'工作台首页'},{file:'text-chat.html',label:'图文咨询'},
{file:'consult-done.html',label:'咨询完成'},{file:'employee-profile.html',label:'员工档案'},
{file:'end-consult-dialog.html',label:'结束咨询弹窗',dialog:true},
{file:'push-expert.html',label:'推送专家'}
]},
{ name:'知识库', dir:'emergency-app/assistant/knowledge', pages:[] },
{ name:'知识库', dir:'emergency-app/assistant/knowledge', pages:[
{file:'index.html',label:'知识库首页'},{file:'detail.html',label:'知识详情'}
]},
{ name:'我的', dir:'emergency-app/assistant/profile', pages:[] }
]},
{ role:'应急操作人员', id:'operator', modules:[
@@ -297,7 +322,7 @@ let openPopover = null;
function cardHTML(mod, uid) {
const has = mod.pages.length > 0;
const cls = has ? 'module-card module-card--ready' : 'module-card module-card--empty';
const mainHref = has ? `${mod.dir}/index.html` : '';
const mainHref = has ? `${mod.dir}/${mod.entry || 'index.html'}` : '';
const onclick = has ? `onclick="window.open('${mainHref}','_blank')"` : '';
let tagHtml = '';
@@ -398,6 +423,7 @@ tabNav.addEventListener('click', e => {
<div class="prd-global-card__title">共性需求说明</div>
<div class="prd-global-card__desc">全平台通用的业务规则、交互规范和共性功能说明</div>
</div>
<span class="prd-item__status prd-item__status--ready">查看</span>
</div>
</div>`;
@@ -439,7 +465,7 @@ tabNav.addEventListener('click', e => {
<div class="prd-item__name">${m.name} PRD</div>
<div class="prd-item__path">${m.prd}</div>
</div>
<span class="prd-item__status prd-item__status--ready">已就绪</span>
<span class="prd-item__status prd-item__status--ready">查看</span>
</div>`;
} else {
html += `<div class="prd-item prd-item--disabled">
View File
+32
View File
@@ -0,0 +1,32 @@
# 专家咨询(管理端)变更记录
## 2026-04-09
### init: 初始化专家咨询管理端原型
新增 22 个页面/弹窗,覆盖咨询记录、数据档案、基础配置、异常监控、结算统计等功能。
**涉及文件:**
- `history-expert.html` — 员工咨询专家记录列表
- `history-expert-detail.html` — 专家对话详情
- `history-assistant.html` — 员工咨询小助手记录列表
- `history-assistant-detail.html` — 小助手对话详情
- `history-evaluation.html` — 用户评价列表
- `consult-record.html` — 咨询档案列表
- `consult-record-detail.html` — 咨询档案详情
- `archive-personal.html` — 个人咨询数据统计
- `archive-unit.html` — 单位报表数据统计
- `expert-statistics.html` — 专家咨询统计
- `settlement.html` — 咨询结算
- `exception-result.html` — 结果异常监控
- `exception-dirty.html` — 系统脏数据监控
- `config-hospital.html` — 医院配置列表
- `config-hospital-dialog.html` — 医院配置弹窗
- `config-department.html` — 科室配置列表
- `config-department-dialog.html` — 科室配置弹窗
- `config-disease.html` — 疾病配置列表
- `config-disease-dialog.html` — 疾病配置弹窗
- `config-notice.html` — 咨询须知编辑
- `config-phrase.html` — 常用语管理列表
- `config-phrase-dialog.html` — 常用语弹窗
+421
View File
@@ -0,0 +1,421 @@
# 专家咨询(管理端)产品需求文档
## 模块概述
专家咨询管理端为运营/管理人员提供咨询业务的全流程管理能力,涵盖咨询记录查看、数据档案管理、专家统计与结算、异常监控、基础数据配置等功能。
### 页面导航结构
```
专家咨询(管理端)
├── 咨询记录
│ ├── 专家咨询记录 → 专家对话详情
│ ├── 小助手咨询记录 → 小助手对话详情
│ └── 用户评价
├── 咨询档案
│ ├── 咨询档案列表 → 咨询档案详情
│ ├── 个人咨询数据
│ └── 单位报表数据
├── 统计与结算
│ ├── 专家咨询统计
│ └── 咨询结算
├── 异常监控
│ ├── 结果异常
│ └── 系统脏数据
└── 基础配置
├── 医院配置 ⇄ 医院配置弹窗
├── 科室配置 ⇄ 科室配置弹窗
├── 疾病配置 ⇄ 疾病配置弹窗
├── 咨询须知
└── 常用语管理 ⇄ 常用语弹窗
```
### 状态流转图
```mermaid
stateDiagram-v2
[*] --> 待回复 : 员工发起咨询
待回复 --> 进行中 : 专家首次回复
进行中 --> 已结束 : 任一方结束咨询
已结束 --> 已评价 : 员工提交评价
已结束 --> [*] : 超时未评价自动关闭
已评价 --> [*]
```
## 页面清单
| 序号 | 文件名 | 页面名称 | 类型 |
|------|--------|----------|------|
| 1 | history-expert.html | 专家咨询记录 | 页面 |
| 2 | history-expert-detail.html | 专家对话详情 | 页面 |
| 3 | history-assistant.html | 小助手咨询记录 | 页面 |
| 4 | history-assistant-detail.html | 小助手对话详情 | 页面 |
| 5 | history-evaluation.html | 用户评价 | 页面 |
| 6 | consult-record.html | 咨询档案 | 页面 |
| 7 | consult-record-detail.html | 咨询档案详情 | 页面 |
| 8 | archive-personal.html | 个人咨询数据 | 页面 |
| 9 | archive-unit.html | 单位报表数据 | 页面 |
| 10 | expert-statistics.html | 专家咨询统计 | 页面 |
| 11 | settlement.html | 咨询结算 | 页面 |
| 12 | exception-result.html | 结果异常 | 页面 |
| 13 | exception-dirty.html | 系统脏数据 | 页面 |
| 14 | config-hospital.html | 医院配置 | 页面 |
| 15 | config-hospital-dialog.html | 医院配置弹窗 | 弹窗 |
| 16 | config-department.html | 科室配置 | 页面 |
| 17 | config-department-dialog.html | 科室配置弹窗 | 弹窗 |
| 18 | config-disease.html | 疾病配置 | 页面 |
| 19 | config-disease-dialog.html | 疾病配置弹窗 | 弹窗 |
| 20 | config-notice.html | 咨询须知 | 页面 |
| 21 | config-phrase.html | 常用语管理 | 页面 |
| 22 | config-phrase-dialog.html | 常用语弹窗 | 弹窗 |
## 逐页说明
---
### 1. 专家咨询记录(history-expert.html
**功能说明:** 查看员工与专家的咨询记录列表,支持多维度筛选和高级条件展开。
**业务规则:**
- 咨询状态随咨询类型联动:图文咨询有"待回复/进行中/已结束",视频咨询有"待接诊/已预约/已完成/已取消"
- 单位与部门为级联关系,选择单位后动态加载部门列表
**交互说明:**
- 点击"更多条件"展开/收起高级筛选区(专家姓名、医院、科室、专家类型、时间范围)
- 点击"查看对话"跳转到专家对话详情
- 支持导出列表数据、查看导出任务
---
### 2. 专家对话详情(history-expert-detail.html
**功能说明:** 展示单次员工与专家咨询的完整对话记录,右侧显示员工信息、专家信息和评价信息。
**业务规则:**
- 对话按时间正序展示,区分员工消息(右侧蓝色)、专家消息(左侧白色)、系统通知(居中灰色)
- 支持图片消息的展示
**交互说明:**
- 面包屑导航可返回专家咨询记录列表
- 点击"打印记录"打印当前对话
- 右侧面板展示员工基本信息、专家基本信息及用户评价(星级+文字)
---
### 3. 小助手咨询记录(history-assistant.html
**功能说明:** 查看员工与咨询小助手的对话记录列表,支持按员工信息和时间筛选。
**业务规则:**
- 咨询状态包含:已结束、进行中、待回复
- 单位与部门为级联关系
**交互说明:**
- 点击"查看对话"跳转到小助手对话详情
- 支持导出列表数据、查看导出任务
---
### 4. 小助手对话详情(history-assistant-detail.html
**功能说明:** 展示员工与咨询小助手的完整对话记录及会话统计。
**业务规则:**
- 对话区分系统消息、用户消息、助手消息、转接专家通知
- 会话统计包含消息数、时长、是否转专家
**交互说明:**
- 面包屑导航可返回小助手咨询记录列表
- 点击"打印记录"打印当前对话
- 右侧面板展示员工信息和会话统计
---
### 5. 用户评价(history-evaluation.html
**功能说明:** 查看和管理员工对咨询专家的评价记录。
**业务规则:**
- 评分为 1-5 星,差评(1-2 星)以红色标签标记
- 支持按评分区间筛选
**交互说明:**
- 点击"查看对话"打开模态框展示咨询对话
- 支持导出列表数据
---
### 6. 咨询档案(consult-record.html
**功能说明:** 展示所有员工的咨询档案列表,每个档案汇总员工的主诉、病史和关联咨询数。
**业务规则:**
- 档案按员工维度聚合,一个员工对应一条档案
- 关联咨询数统计该员工的所有咨询记录
**交互说明:**
- 点击"查看详情"跳转到咨询档案详情
- 支持按员工姓名/工号、主诉关键词、创建时间筛选
- 支持导出列表数据、查看导出任务
---
### 7. 咨询档案详情(consult-record-detail.html
**功能说明:** 展示单个员工的完整咨询档案,包括基本信息、主诉、病史和关联咨询记录列表。
**业务规则:**
- 基本信息卡片展示档案编号、创建时间、员工信息、关联咨询数
- 关联咨询记录列表展示每次咨询的类型、状态、专家、科室、时间和评分
**交互说明:**
- 点击关联咨询记录跳转到专家对话详情
- 点击"导出档案"导出当前档案
- 返回按钮返回咨询档案列表
- 右侧面板展示员工信息和档案统计
---
### 8. 个人咨询数据(archive-personal.html
**功能说明:** 按员工维度展示咨询统计数据,顶部有总览统计卡片。
**业务规则:**
- 统计卡片展示:员工总人数、本年咨询专家总次数、本年咨询小助手总次数、有咨询记录员工数
- 单位与部门为级联关系
**交互说明:**
- 支持按年份、单位/部门、姓名、工号筛选
- 点击"查看明细"查看员工详细咨询记录
- 支持导出列表数据、查看导出任务
---
### 9. 单位报表数据(archive-unit.html
**功能说明:** 按单位或部门维度展示咨询统计数据,支持 Tab 切换维度。
**业务规则:**
- 统计卡片展示:统计单位数、本年度咨询专家总次数、本年度咨询小助手总次数、本年度咨询总费用
- 排名 1-3 名使用金银铜牌标记,其余用数字
- 支持二级单位和三级单位两个维度
**交互说明:**
- Tab 切换"二级单位"和"三级单位"维度
- 表头支持按咨询次数、费用等字段排序
- 点击"查看明细"查看详细数据
---
### 10. 专家咨询统计(expert-statistics.html
**功能说明:** 展示专家的咨询数据统计,包括咨询次数、满意度、回复率等指标。
**业务规则:**
- 满意度以星级形式展示
- 24h 回复率为百分比
- 热度以火焰图标表示
**交互说明:**
- 支持按时间范围、专家姓名、科室筛选
- 表头支持排序
- 支持导出列表数据、导出报表
---
### 11. 咨询结算(settlement.html
**功能说明:** 管理专家咨询费用的按月结算,顶部展示结算概览。
**业务规则:**
- 统计卡片展示:本月待结算金额、本月已结算金额、本年累计结算、待结算专家数
- 结算状态包含:待结算、结算中、已结算
- 按图文咨询和视频咨询分别统计次数和单价
**交互说明:**
- 支持按结算周期、专家姓名、结算状态筛选
- 点击"查看明细"查看结算详情
- 点击"确认结算"将状态变更为已结算
- 支持生成结算报表、导出列表数据、下载报表
---
### 12. 结果异常(exception-result.html
**功能说明:** 监控和处理咨询结果异常,如恶意差评和响应超时等。
**业务规则:**
- 统计卡片展示:待处理异常数、本月累计、已处理、处理率
- 异常类型包含:恶意差评、响应超时等
- 严重程度分为:高危、中危、低危
**交互说明:**
- 顶部告警横幅高亮显示高危异常数量
- 点击"查看评价"跳转到用户评价
- 点击"屏蔽评价"标记为已处置
- 点击"催促回复"催促专家回复
- 点击"忽略"忽略该异常
---
### 13. 系统脏数据(exception-dirty.html
**功能说明:** 监控和处理数据质量问题,如咨询时长异常、评分溢出等。
**业务规则:**
- 统计卡片展示:待处理脏数据、本月累计、已处理、数据质量率
- 异常类型包含:咨询时长异常、评分溢出、数据缺失等
- 每条记录展示异常值与正常范围的对比
**交互说明:**
- 顶部告警横幅显示待处理脏数据数量和类型
- 点击"标记修复"标记为已修复
- 点击"忽略"忽略该脏数据
- 支持批量忽略低优先级数据
---
### 14. 医院配置(config-hospital.html
**功能说明:** 管理咨询平台的医院信息,支持新增、编辑、删除。
**业务规则:**
- 医院信息包含:名称、等级、地址、图片、院内科室
- 支持置顶和启用/禁用状态切换
**交互说明:**
- 点击"新增医院"打开医院配置弹窗
- 点击"编辑"打开编辑弹窗
- 切换置顶/状态开关
- 支持导出列表数据
---
### 15. 医院配置弹窗(config-hospital-dialog.html
**功能说明:** 新增或编辑医院信息的表单弹窗。
**表单字段表:**
| 字段名 | 类型 | 必填 | 规则 |
|--------|------|------|------|
| 医院名称 | 文本输入 | 是 | - |
| 医院等级 | 下拉选择 | 是 | 三甲/三乙/二甲等 |
| 医院类型 | 下拉选择 | 是 | - |
| 医院地址 | 文本输入 | 是 | - |
| 医院简介 | 多行文本 | 否 | - |
| 列表排序序号 | 数字输入 | 否 | 支持加减按钮调整 |
| 移动端显示 | 开关 | 否 | 默认开启 |
| 列表置顶 | 开关 | 否 | 默认关闭 |
---
### 16. 科室配置(config-department.html
**功能说明:** 管理咨询平台的科室信息,支持新增、编辑、删除。
**业务规则:**
- 科室包含名称和分类
- 展示关联专家数
- 支持置顶和排序
**交互说明:**
- 点击"新增科室"打开科室配置弹窗
- 点击"编辑"打开编辑弹窗
- 点击"删除"删除科室
- 切换置顶开关
---
### 17. 科室配置弹窗(config-department-dialog.html
**功能说明:** 新增或编辑科室信息的表单弹窗。
**表单字段表:**
| 字段名 | 类型 | 必填 | 规则 |
|--------|------|------|------|
| 科室名称 | 文本输入 | 是 | - |
| 科室分类 | 下拉选择 | 是 | - |
| 列表排序序号 | 数字输入 | 否 | 支持加减按钮调整 |
| 移动端显示 | 开关 | 否 | 默认开启 |
| 列表置顶 | 开关 | 否 | 默认关闭 |
---
### 18. 疾病配置(config-disease.html
**功能说明:** 管理咨询平台的疾病信息库,支持新增、编辑、删除。
**业务规则:**
- 疾病包含名称、别名和所属科室
- 支持置顶和排序
**交互说明:**
- 点击"新增疾病"打开疾病配置弹窗
- 点击"编辑"打开编辑弹窗
- 切换置顶开关
---
### 19. 疾病配置弹窗(config-disease-dialog.html
**功能说明:** 新增或编辑疾病信息的表单弹窗。
**表单字段表:**
| 字段名 | 类型 | 必填 | 规则 |
|--------|------|------|------|
| 疾病名称 | 文本输入 | 是 | - |
| 别名/俗称 | 文本输入 | 否 | - |
| 所属科室 | 下拉选择 | 是 | - |
| 列表排序序号 | 数字输入 | 否 | 支持加减按钮调整 |
| 移动端显示 | 开关 | 否 | 默认开启 |
| 列表置顶 | 开关 | 否 | 默认关闭 |
---
### 20. 咨询须知(config-notice.html
**功能说明:** 管理员工端发起咨询时显示的须知内容,支持富文本编辑和版本发布。
**业务规则:**
- 须知内容以富文本格式存储
- 支持版本管理,编辑后需"发布生效"
**交互说明:**
- 左侧预览卡片模拟移动端弹窗效果
- 点击"编辑内容"打开富文本编辑器弹窗
- 富文本编辑器支持加粗、斜体、下划线、列表、字号、颜色
- 点击"发布生效"保存并发布新版本
---
### 21. 常用语管理(config-phrase.html
**功能说明:** 管理咨询系统中专家和小助手使用的常用语库。
**业务规则:**
- 常用语按适用角色和分类归类
- 展示使用次数统计
**交互说明:**
- 点击"新增常用语"打开常用语弹窗
- 点击"编辑"修改现有常用语
- 点击"删除"删除常用语
- 支持按适用角色、分类、关键词筛选
---
### 22. 常用语弹窗(config-phrase-dialog.html
**功能说明:** 新增或编辑常用语的表单弹窗。
**表单字段表:**
| 字段名 | 类型 | 必填 | 规则 |
|--------|------|------|------|
| 适用角色 | 下拉选择 | 是 | - |
| 分类 | 下拉选择 | 是 | - |
| 常用语内容 | 多行文本 | 是 | 最多 200 字符,实时字符计数 |