smart_hospital_mobile/README.md

智慧医院移动手持端 (smart_hospital_mobile)

模拟医院 PDA 手持机的 Web App，配合 RFID 标签完成物资的出入库盘点与借用归还管理。

移动端 Web 应用，无需调起摄像头，扫码仅模拟 RFID 手持机一键读取。

技术栈

• Vue 3 + TypeScript + Vite
• Vue Router（Hash 模式，可 file:// 离线打开）
• Pinia（带 localStorage 持久化）
• Element Plus（移动端样式适配）

功能

模块	说明
首页	物资总览、快捷入口、待归还、最近操作
物资管理	列表 + 搜索 + 多维筛选 + 详情
出入库盘点	一键扫码入库 / 出库，自动更新库存
借用管理	扫码识别自动判断借用或归还流程
操作记录	全部历史记录，按类型筛选
个人中心	设备信息、数据重置

启动

cd smart_hospital_mobile
npm install
npm run dev          # 开发服：http://localhost:5174
npm run build        # 生产构建（输出 dist/）
npm run preview      # 预览 dist

构建产物 dist/ 可直接用 file:// 协议或静态服务器打开。

演示数据

首次打开自动生成 12 个物资 + 6 条历史操作，全部带 RFID 标签号：

• 医疗器械：心电监护仪、除颤仪、便携式呼吸机...
• 设备：输液泵、轮椅、担架...
• 仪器：B 超机、心电图机、血压计...
• 耗材：口罩、注射器...

所有操作（入库/出库/借用/归还）会即时写入 localStorage，刷新页面不丢失。 在"我的 → 重置演示数据"可恢复初始状态。

路由

/                          → /home
/home                      首页
/material                  物资列表
/material/detail/:id       物资详情
/inventory                 出入库入口
/inventory/scan?mode=...   扫码出入库（mode: inbound | outbound）
/borrow                    借用列表
/borrow/scan               扫码借用/归还
/history                   操作记录
/profile                   个人中心