病症/证及量表关联

共 12 个疾病

疾病 描述 创建时间 操作
耳鸣
暂无 2025-04-27 09:47:14
其他疾病
暂无 2025-04-27 10:00:00
显示 120 条,共 12 条记录

页面功能说明

📄 页面信息

  • 页面名称:病症/证及量表关联
  • 文件路径:后台原型图/disease-list.html
  • 所属模块:后台管理系统

⚙️ 页面功能

病症和证候管理,支持Tab切换查看疾病和证候列表。主要功能包括:
• Tab切换:支持切换查看"疾病"和"证候"两个Tab
• 疾病管理:查看、创建、编辑、删除疾病,关联量表
• 证候管理:查看、创建、编辑、删除证候,关联量表
• 搜索功能:支持搜索疾病或证候名称
• 关联管理:为疾病或证候关联对应的量表

🏗️ 页面结构说明

• 顶部导航栏:包含Logo、用户信息
• 侧边栏:包含菜单导航,当前页面高亮显示
• Tab导航栏:包含"疾病"和"证候"两个Tab,支持切换
• 操作栏:显示统计信息、"新增疾病"/"新增证候"按钮
• 搜索区域:包含搜索输入框
• 数据表格:根据Tab显示疾病或证候列表,包含名称、描述、创建时间、操作列

🖱️ 交互逻辑

• Tab切换:点击Tab按钮切换显示疾病或证候列表(switchTab函数)
• 搜索功能:输入关键词后实时搜索
• 新增疾病/证候:点击"新增"按钮跳转到对应创建页面
• 查看详情:点击"查看"链接跳转到详情页面
• 编辑:点击"编辑"链接跳转到编辑页面
• 删除:点击"删除"按钮弹出确认对话框,确认后删除

🔌 接口与数据结构

• GET /api/parent-disease/list - 获取疾病列表
- 请求参数:keyword(搜索关键词)
- 返回结构:{code: 200, data: [{id, name, description, createTime, scaleIds, ...}], message: "success"}
• GET /api/disease/list - 获取证候列表
- 请求参数:keyword(搜索关键词)
- 返回结构:{code: 200, data: [{id, name, description, parentDiseaseId, createTime, scaleIds, ...}], message: "success"}
• DELETE /api/parent-disease/{id} - 删除疾病
• DELETE /api/disease/{id} - 删除证候

⚠️ 特殊逻辑与异常状态

• 空状态:无数据时显示"暂无疾病"/"暂无证候"提示
• 加载状态:数据加载时显示加载动画
• 错误处理:接口请求失败时显示错误提示
• 删除确认:删除前弹出确认对话框,显示名称,防止误操作
• 删除限制:如果疾病/证候已被使用(关联了治疗方案),不允许删除
• Tab切换加载:切换Tab时动态加载对应数据

🎨 设计与样式说明

• CSS框架:Tailwind CSS 3.x
• 图标库:FontAwesome 6.4
• 主色调:蓝色系(#3B82F6),用于Tab激活状态和按钮
• Tab设计:激活的Tab使用蓝色下边框和蓝色文字
• 表格样式:表头使用浅灰色背景,表格行使用hover效果
• 响应式设计:支持移动端、平板、桌面端适配