# 智慧医院移动手持端 (smart_hospital_mobile) 模拟医院 PDA 手持机的 Web App,配合 RFID 标签完成物资的**出入库盘点**与**借用归还**管理。 > 移动端 Web 应用,无需调起摄像头,扫码仅模拟 RFID 手持机一键读取。 ## 技术栈 - Vue 3 + TypeScript + Vite - Vue Router(Hash 模式,可 file:// 离线打开) - Pinia(带 localStorage 持久化) - Element Plus(移动端样式适配) ## 功能 | 模块 | 说明 | |------|------| | 首页 | 物资总览、快捷入口、待归还、最近操作 | | 物资管理 | 列表 + 搜索 + 多维筛选 + 详情 | | 出入库盘点 | 一键扫码入库 / 出库,自动更新库存 | | 借用管理 | 扫码识别自动判断借用或归还流程 | | 操作记录 | 全部历史记录,按类型筛选 | | 个人中心 | 设备信息、数据重置 | ## 启动 ```bash 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 个人中心 ```