创二病人分配系统

这是一个面向医院或病区管理的病人分配与管理网页系统，可方便地录入、管理和分配病人，支持医生列管理、病人拖拽操作以及备注记录功能。系统数据实时同步至 Firebase 数据库，适用于 PC、iOS 和微信内置浏览器。

---

功能特点

1. 病人录入

• 支持输入病人姓名并选择或添加医生。
• 新增病人后，系统会自动记录最近添加的病人并高亮显示。
• 数据自动保存到 Firebase，实现云端同步。

2. 病人列表与医生列管理

• 按医生分列显示病人，列可点击修改医生姓名。
• 支持拖拽病人跨医生列移动，实现快速调整病人归属。
• 支持点击病人卡片编辑病人姓名和备注（代办事项）。
• 已出院病人可选择显示或隐藏。

3. 操作区

• 提供“出院”和“删除”操作区域。
• 可将病人拖拽到相应操作区，实现出院或删除操作。
• 出院的病人会标记为“已出院”，并可在切换视图时显示。

4. 模态框功能

• 编辑医生姓名、病人姓名及备注时弹出模态框。
• 输入信息后点击“确认”完成修改，点击“取消”放弃修改。
• 支持多行备注输入，可记录病人代办事项。

5. 切换视图

• 当前在院：只显示未出院病人。
• 所有病人：显示所有病人，包括已出院。

6. 数据同步与管理

• 使用 Firebase Realtime Database，实现数据云端存储和同步。

• 实时同步以下数据：

  • 病人列表 (patients)
  • 医生顺序 (doctorOrder)
  • 最近添加病人 (recentPatientName)

7. 响应式布局

• PC、大屏显示多列自适应布局。
• 平板显示两列布局。
• 手机端显示单列布局。
• 支持拖拽高亮和手指拖动操作，兼容 iOS 与微信浏览器。

8. 当前在院病人汇总

• 自动统计当前在院病人数量，并按 A-Z 或床号排序显示。

---

使用方法

1. 录入病人

   • 在“病人姓名”输入框填写姓名。
   • 在“选择或输入医生”输入框选择已有医生或输入新医生。
   • 点击“添加病人”按钮即可录入。

2. 管理病人

   • 点击病人卡片可编辑姓名和备注。
   • 拖拽病人卡片到其他医生列，调整病人归属。
   • 拖拽病人到“出院”或“删除”操作区，实现对应操作。

3. 管理医生

   • 点击医生列标题，可修改医生姓名。
   • 点击 ⚙️ 按钮可设置医生显示顺序（用 - 分隔）。

4. 切换视图

   • 点击“当前在院”按钮，仅显示未出院病人。
   • 点击“所有病人”按钮，显示所有病人，包括已出院。

5. 备注与代办

   • 在编辑病人卡片时，可在备注区域输入代办事项。
   • 系统会在病人列表中显示备注内容。

---

技术实现

• 前端：HTML + CSS + JavaScript（ES6 模块化）。

• 布局：响应式网格布局 + Flex 布局。

• 拖拽：

  • PC 使用原生 drag and drop。
  • iOS 和微信浏览器使用 touch 事件模拟拖拽。

• 数据存储：Firebase Realtime Database。

• 浏览器兼容：PC、iOS、微信内置浏览器。

---

开源与贡献

• 本系统由 Aoyama798 开发，用于内部病人分配管理。
• 欢迎在保持原作者信息的前提下使用和改进此系统。

---

演示链接

• 创二病人分配系统网页