feat: 西安应急中心大屏 - 业务记录弹窗 & 地图标记弹窗 & 闪烁边框

- 新增穿戴告警记录弹窗(筛选+分页,28条模拟数据,10列)
- 新增心脑血管预警记录弹窗(筛选+分页,28条模拟数据,11列)
- 新增应急求助记录弹窗(筛选+分页,28条模拟数据,10列)
- 三个告警弹窗边缘红色脉冲闪烁动画
- 地图资源标记点击弹窗(11个资源的信息卡片)
- 普通Tab模式与急救路线模式点击分发

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
liuyunqin
2026-06-24 14:42:14 +08:00
co-authored by Claude Opus 4.8
parent b86ce4320e
commit aa93392610
2 changed files with 1437 additions and 103 deletions
@@ -11,3 +11,19 @@
- 多资源类型标记:油田医院、合作医院、地方医院、医疗点、救护车、AED
- 视觉风格:深色科技风,背景粒子动画、面板呼吸光晕、扫描线动效
- `index.html` SITE_MAP 同步更新:西安应急中心大屏卡片新增页面条目
## [2026-06-24] feat: 西安应急中心大屏 - 业务弹窗 & 地图交互增强
### 新增
- **穿戴告警记录弹窗**:点击"穿戴告警事件"面板的"查看更多"按钮打开,支持筛选(告警类型、日期范围、姓名、员工编号),分页列表展示 28 条模拟数据(10 列:姓名、员工编号、性别、年龄、单位、部门、告警类型、告警值、告警时间、详细地址)
- **心脑血管预警记录弹窗**:点击"心脑血管预警(AI)"面板的"查看更多"按钮打开,支持筛选(风险类型、风险等级、日期范围、姓名、员工编号),分页列表展示 28 条模拟数据(11 列含 AI 预测概率和异常指标)
- **应急求助记录弹窗**:点击"应急求助事件"面板的"查看更多"按钮打开,支持筛选(求助类型、处理状态、日期范围、姓名、员工编号),分页列表展示 28 条模拟数据(10 列含处理状态标签)
### 增强
- **三个告警弹窗红色闪烁边框**:右上角三个触发按钮(穿戴告警/应急求助/心脑血管预警)对应的弹窗边缘增加红色脉冲闪烁动画(1.2s 周期 ease-in-out
- **地图资源标记弹窗**:普通 Tab 模式下点击任意地图标记点,在标记上方弹出资源信息卡片(名称、分类标签、详细地址),点击地图空白处消失;急救路线模式下保持原有路线选择逻辑
### 技术
- 三个记录弹窗共享 `alarm-record-*` CSS 布局类,各自独立 ID 和 JS 函数
- 新增 `RESOURCE_INFO` 数据映射覆盖全部 11 个地图标记点
- `onMapMarkerClick()` 统一处理普通模式(弹窗)和急救路线模式(选路线)的分发逻辑
File diff suppressed because it is too large Load Diff