治疗记录

共 356 条治疗记录

患者姓名 绑定设备 治疗方案 治疗时长 开始时间 结束时间 操作
李小明
穴位电刺激仪A型
AA:BB:CC:DD:EE:FF
 气虚血瘀型治疗方案 30分钟 2025-11-07 09:00 2025-11-07 09:30
张三
经颅磁刺激仪C型
77:88:99:AA:BB:CC
 心肝火旺型治疗方案 50分钟 2025-11-06 14:30 2025-11-06 15:20
李小明
穴位电刺激仪A型
AA:BB:CC:DD:EE:FF
 气虚血瘀型治疗方案 15分钟 2025-11-06 08:45 2025-11-06 09:00
赵丽丽
温灸仪B型
DD:EE:FF:11:22:33
 心脾两虚型治疗方案 40分钟 2025-11-05 16:00 2025-11-05 16:40
显示 1 到 20 条，共 356 条记录

页面功能说明

📄 页面信息

  • 页面名称：治疗记录
  • 文件路径：后台原型图/treatment-record-list.html
  • 所属模块：后台管理系统

⚙️ 页面功能

治疗记录列表管理，支持搜索、筛选、查看治疗记录详情。主要功能包括：
• 记录列表展示：以表格形式展示治疗记录信息（患者姓名、绑定设备、治疗方案、治疗时长、开始时间、结束时间）
• 搜索功能：支持按患者姓名搜索
• 筛选功能：支持按设备类型筛选（穴位电刺激仪、温灸仪、经颅磁刺激仪）
• 查看详情：点击"查看"链接跳转到治疗记录详情页面

🏗️ 页面结构说明

• 顶部导航栏：包含Logo、用户信息
• 侧边栏：包含菜单导航，当前页面高亮显示
• 页面标题区域：显示"治疗记录"标题、记录总数统计
• 搜索和筛选区域：包含搜索输入框、设备类型筛选下拉框
• 数据表格：展示治疗记录列表，包含患者姓名、绑定设备、治疗方案、治疗时长、开始时间、结束时间、操作列
• 分页控件：显示当前页信息、总记录数、上一页/下一页按钮、页码按钮

🖱️ 交互逻辑

• 搜索功能：输入关键词后实时搜索（或点击搜索按钮）
• 筛选功能：选择设备类型后自动筛选列表
• 查看详情：点击"查看"链接调用viewRecord函数，跳转到treatment-record-detail.html，传递记录ID参数
• 表格行hover：鼠标悬停时行背景变为浅灰色
• 分页操作：点击页码或上一页/下一页按钮切换页面

🔌 接口与数据结构

• GET /api/treatment-record/list - 获取治疗记录列表
- 请求参数：page（页码）、pageSize（每页数量）、keyword（搜索关键词）、deviceType（设备类型筛选）
- 返回结构：
{code: 200, data: {list: [{id, patientId, patientName, deviceId, deviceName, deviceType, planId, planName, startTime, endTime, duration, ...}], total: 356, page: 1, pageSize: 20}, message: "success"}

⚠️ 特殊逻辑与异常状态

• 空状态：无数据时显示"暂无治疗记录"提示
• 加载状态：数据加载时显示加载动画
• 错误处理：接口请求失败时显示错误提示，支持重试
• 设备状态显示：显示设备在线/离线状态（如适用）
• 时长计算：根据开始时间和结束时间自动计算治疗时长
• 搜索防抖：搜索输入框支持防抖处理，避免频繁请求

🎨 设计与样式说明

• CSS框架：Tailwind CSS 3.x
• 图标库：FontAwesome 6.4
• 主色调：蓝色系（#3B82F6），用于按钮和链接
• 表格样式：表头使用浅灰色背景，表格行使用hover效果
• 设备图标：不同设备类型使用不同图标区分
• 响应式设计：支持移动端、平板、桌面端适配
• 分页样式：当前页按钮使用蓝色背景，其他页码使用边框样式