治疗反馈

共 892 条反馈记录

患者姓名 手机号码 已治疗天数 改善情况 治疗满意度 提交时间 操作
李小明
138****5678 7天 明显改善
2025-11-07 14:30
王小红
139****1234 5天 略有改善
2025-11-06 16:20
张三
137****9876 10天 无变化
2025-11-05 09:15
显示 120 条,共 892 条记录

页面功能说明

📄 页面信息

  • 页面名称:治疗反馈
  • 文件路径:后台原型图/feedback-list.html
  • 所属模块:后台管理系统

⚙️ 页面功能

治疗反馈列表管理,支持搜索、筛选、查看反馈详情。主要功能包括:
• 反馈列表展示:以表格形式展示反馈信息(患者姓名、手机号、已治疗天数、改善情况、满意度、提交时间)
• 搜索功能:支持按患者姓名搜索
• 筛选功能:支持按改善情况筛选(明显改善、略有改善、无变化、加重)
• 查看详情:点击"查看"链接跳转到反馈详情页面

🏗️ 页面结构说明

• 顶部导航栏:包含Logo、用户信息
• 侧边栏:包含菜单导航,当前页面高亮显示
• 页面标题区域:显示"治疗反馈"标题、反馈总数统计
• 搜索和筛选区域:包含搜索输入框、改善情况筛选下拉框
• 数据表格:展示反馈列表,包含患者姓名、手机号、已治疗天数、改善情况、满意度、提交时间、操作列
• 分页控件:显示当前页信息、总记录数、上一页/下一页按钮、页码按钮

🖱️ 交互逻辑

• 搜索功能:输入关键词后实时搜索(或点击搜索按钮)
• 筛选功能:选择改善情况后自动筛选列表
• 查看详情:点击"查看"链接调用viewFeedback函数,跳转到feedback-detail.html,传递反馈ID参数
• 表格行hover:鼠标悬停时行背景变为浅灰色
• 分页操作:点击页码或上一页/下一页按钮切换页面

🔌 接口与数据结构

• GET /api/feedback/list - 获取治疗反馈列表
- 请求参数:page(页码)、pageSize(每页数量)、keyword(搜索关键词)、improvement(改善情况筛选)
- 返回结构:
{code: 200, data: {list: [{id, patientId, patientName, phone, treatedDays, improvement, satisfaction, submitTime, ...}], total: 892, page: 1, pageSize: 20}, message: "success"}

⚠️ 特殊逻辑与异常状态

• 空状态:无数据时显示"暂无反馈记录"提示
• 加载状态:数据加载时显示加载动画
• 错误处理:接口请求失败时显示错误提示,支持重试
• 改善情况显示:使用不同颜色标识改善情况(绿色=明显改善,蓝色=略有改善,灰色=无变化,红色=加重)
• 满意度显示:使用星级或数字显示满意度
• 搜索防抖:搜索输入框支持防抖处理,避免频繁请求

🎨 设计与样式说明

• CSS框架:Tailwind CSS 3.x
• 图标库:FontAwesome 6.4
• 主色调:蓝色系(#3B82F6),用于按钮和链接
• 表格样式:表头使用浅灰色背景,表格行使用hover效果
• 状态标签:改善情况使用不同颜色的标签区分
• 响应式设计:支持移动端、平板、桌面端适配
• 分页样式:当前页按钮使用蓝色背景,其他页码使用边框样式