创意预览图

使用上一步生成的简约干净排版模板,将内容替换为这张截图里的卫生检查执行标准,保留所有文字内容,沿用模板的版式风格和配色

┌─────────────────────────────────────────────────────────────────────────┐ │ 表现层 │ │ ┌─────────────────────────────────┐ ┌───────────────────────────────┐ │ │ │ 微信小程序端 (Uni-app) │ │ 管理后台 (Vue + Element) │ │ │ ├─────────────────────────────────┤ ├───────────────────────────────┤ │ │ │ • 首页模块 │ │ • 登录模块 │ │ │ │ • 用户认证模块 │ │ • 数据管理模块 │ │ │ │ • 健康数据管理模块 │ │ • 用户管理模块 │ │ │ │ • 食谱/运动模块 │ │ • 内容审核模块 │ │ │ │ • 社区论坛模块 │ │ • 系统配置模块 │ │ │ │ • 个人中心模块 │ │ • 数据统计模块 │ │ │ └────────────────┬────────────────┘ └───────────────┬───────────────┘ │ └───────────────────┼──────────────────────────────────┼───────────────────┘ │ │ │ RESTful API / JSON │ ▼ ▼ ┌─────────────────────────────────────────────────────────────────────────┐ │ 业务逻辑层 (Spring Boot) │ │ ┌─────────────────────────────────────────────────────────────────────┐ │ │ │ Controller 控制器层 │ │ │ │ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐ │ │ │ │ │UsersCtrl │ │YonghuCtrl│ │Gerentizh │ │HealthChk │ │MeishiCtrl│ │ │ │ │ └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘ │ │ │ │ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐ │ │ │ │ │YundongCtrl│ │ForumCtrl│ │YaopinCtrl│ │Dictionary│ │CommonCtrl│ │ │ │ │ └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘ │ │ │ └──────────────────────────────┬──────────────────────────────────────┘ │ │ │ │ │ ┌──────────────────────────────▼──────────────────────────────────────┐ │ │ │ Service 服务层 │ │ │ │ ┌────────────┐ ┌────────────┐ ┌────────────┐ ┌────────────┐ │ │ │ │ │UsersService│ │YonghuService│ │Gerentizh │ │HealthChk │ │ │ │ │ │ │ │ │ │Service │ │Service │ │ │ │ │ └────────────┘ └────────────┘ └────────────┘ └────────────┘ │ │ │ │ ┌────────────┐ ┌────────────┐ ┌────────────┐ ┌────────────┐ │ │ │ │ │MeishiSer │ │YundongSer │ │ForumSer │ │DictionarySer│ │ │ │ │ └────────────┘ └────────────┘ └────────────┘ └────────────┘ │ │ │ └──────────────────────────────┬──────────────────────────────────────┘ │ │ │ │ │ ┌──────────────────────────────▼──────────────────────────────────────┐ │ │ │ Mapper 数据访问层 │ │ │ │ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐ │ │ │ │ │UsersMapper│ │YonghuMapper│ │Gerentizh │ │HealthChk │ │MeishiMapper│ │ │ │ └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘ │ │ │ └──────────────────────────────┬──────────────────────────────────────┘ │ └─────────────────────────────────┼──────────────────────────────────────────┘ │ │ JDBC ▼ ┌─────────────────────────────────────────────────────────────────────────┐ │ 数据层 (MySQL 8.0) │ │ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐ │ │ │ users │ │ yonghu │ │gerentizheng│health_checkin│ meishi │ │ │ └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘ │ │ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐ │ │ │ yundong │ │ forum │ │ yaopin │ │dictionary││meirijihua│ │ │ └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘ │ │ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐ │ │ │meishi_col│ │meishi_liu│ │yundong_col│ │yundong_liu│ │ jiankang│ │ │ │lection │ │yan │ │lection │ │yan │ │tieshi │ │ │ └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘ │ │ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐ │ │ │ news │ │ config │ │ ... │ │ │ │ │ │ │ └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘ │ └─────────────────────────────────────────────────────────────────────────┘ 生成架构图┌─────────────────────────────────────────────────────────────────────────┐
│                             表现层                                       │
│  ┌─────────────────────────────────┐  ┌───────────────────────────────┐ │
│  │      微信小程序端 (Uni-app)     │  │    管理后台 (Vue + Element)    │ │
│  ├─────────────────────────────────┤  ├───────────────────────────────┤ │
│  │ • 首页模块                      │  │ • 登录模块                     │ │
│  │ • 用户认证模块                  │  │ • 数据管理模块                 │ │
│  │ • 健康数据管理模块              │  │ • 用户管理模块                 │ │
│  │ • 食谱/运动模块                │  │ • 内容审核模块                 │ │
│  │ • 社区论坛模块                  │  │ • 系统配置模块                 │ │
│  │ • 个人中心模块                  │  │ • 数据统计模块                 │ │
│  └────────────────┬────────────────┘  └───────────────┬───────────────┘ │
└───────────────────┼──────────────────────────────────┼───────────────────┘
                    │                                  │
                    │  RESTful API / JSON              │
                    ▼                                  ▼
┌─────────────────────────────────────────────────────────────────────────┐
│                          业务逻辑层 (Spring Boot)                        │
│  ┌─────────────────────────────────────────────────────────────────────┐ │
│  │                        Controller 控制器层                           │ │
│  │  ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐   │ │
│  │  │UsersCtrl │ │YonghuCtrl│ │Gerentizh │ │HealthChk │ │MeishiCtrl│  │ │
│  │  └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘   │ │
│  │  ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐   │ │
│  │  │YundongCtrl│ │ForumCtrl│ │YaopinCtrl│ │Dictionary│ │CommonCtrl│  │ │
│  │  └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘   │ │
│  └──────────────────────────────┬──────────────────────────────────────┘ │
│                                 │                                       │
│  ┌──────────────────────────────▼──────────────────────────────────────┐ │
│  │                         Service 服务层                                │ │
│  │  ┌────────────┐ ┌────────────┐ ┌────────────┐ ┌────────────┐       │ │
│  │  │UsersService│ │YonghuService│ │Gerentizh   │ │HealthChk  │       │ │
│  │  │            │ │            │ │Service     │ │Service    │       │ │
│  │  └────────────┘ └────────────┘ └────────────┘ └────────────┘       │ │
│  │  ┌────────────┐ ┌────────────┐ ┌────────────┐ ┌────────────┐       │ │
│  │  │MeishiSer  │ │YundongSer  │ │ForumSer    │ │DictionarySer│       │ │
│  │  └────────────┘ └────────────┘ └────────────┘ └────────────┘       │ │
│  └──────────────────────────────┬──────────────────────────────────────┘ │
│                                 │                                       │
│  ┌──────────────────────────────▼──────────────────────────────────────┐ │
│  │                         Mapper 数据访问层                             │ │
│  │  ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐   │ │
│  │  │UsersMapper│ │YonghuMapper│ │Gerentizh │ │HealthChk │ │MeishiMapper│ │
│  │  └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘   │ │
│  └──────────────────────────────┬──────────────────────────────────────┘ │
└─────────────────────────────────┼──────────────────────────────────────────┘
                                  │
                                  │  JDBC
                                  ▼
┌─────────────────────────────────────────────────────────────────────────┐
│                           数据层 (MySQL 8.0)                            │
│  ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐        │
│  │  users   │ │  yonghu  │ │gerentizheng│health_checkin│ meishi │        │
│  └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘        │
│  ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐        │
│  │ yundong  │ │  forum   │ │  yaopin  │ │dictionary││meirijihua│        │
│  └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘        │
│  ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐        │
│  │meishi_col│ │meishi_liu│ │yundong_col│ │yundong_liu│ │ jiankang│        │
│  │lection   │ │yan       │ │lection    │ │yan        │ │tieshi   │        │
│  └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘        │
│  ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐        │
│  │  news    │ │  config  │ │   ...    │ │          │ │         │        │
│  └──────────┘ └──────────┘ └──────────┘ └──────────┘ └─────────┘        │
└─────────────────────────────────────────────────────────────────────────┘
生成架构图
「图片1」### 顶部导航栏 - 左侧:返回箭头 `<` - 中间标题:**告警** - 右侧:更多菜单图标 `⋯` ### 2. 顶部 Tab 标签栏 当前页面处于告警管理相关模块,Tab 包括: - 控制 - 档案 - 动态 - 维保 - 巡检 - **告警**:当前高亮 - 生命周期 说明这是一个设备全生命周期管理系统,告警只是其中一个子模块。 --- ### 3. 告警概览区 位于页面顶部,用三个数字卡片展示告警统计: 表格 | 指标 | 数值 | 说明 | | --- | --- | --- | | 今日告警 | 2 | 当天产生的告警数量 | | 待确认 | 1 | 尚未处理确认的告警 | | 已恢复 | 1 | 已经恢复或关闭的告警 | 右上角有一个蓝色标签:**1 待确认**,提示当前有待处理告警。 --- ### 4. 告警明细区 这是页面核心内容,展示两条告警记录。 #### 第一条告警:画面遮挡告警 - 类型:**画面遮挡告警** - 时间:2026-06-09 10:23 - 状态:**待确认**,橙色 / 黄色标签 - 风险等级:**高** - 设备名称:暖通演示楼 / 2F / 二楼东侧 - 事件描述:AI 值守 核查遮挡摄像头角度 这条属于**视频 / 摄像头类智能告警**,系统识别到摄像头可能被遮挡,需要人工确认。 #### 第二条告警:心跳延迟告警 - 类型:**心跳延迟告警** - 时间:2026-06-08 18:30 - 状态:**已恢复**,绿色标签 - 风险等级:中 - 设备名称:设备名称 - 事件描述:设备心跳超时,离线后恢复 这条属于**设备联网状态告警**,说明设备曾经失联,后来重新上线。 --- ### 5. 处置记录区 - 标题:**处置记录** - 内容:已生成安全事件 - 状态:**待补充** 说明系统已经生成了事件记录,但处理备注或工单信息还没有完全填写。 --- ## 三、页面业务定位 这个页面主要用于**运维人员查看和处理设备告警**,核心作用是: 1. 快速了解今日告警数量 2. 判断哪些告警待处理 3. 查看告警类型、设备位置和风险等级 4. 确认摄像头遮挡、设备离线等异常事件 5. 记录后续处置结果 --- ## 四、页面信息结构总结 ``` 顶部导航:返回 / 告警标题 / 更多 ↓ Tab导航:控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期 ↓ 告警概览:今日告警 / 待确认 / 已恢复 ↓ 告警明细:画面遮挡告警 / 心跳延迟告警 ↓ 处置记录:已生成安全事件,待补充 帮我生成APP「图片1」###  顶部导航栏

- 左侧:返回箭头 `<`
- 中间标题:**告警**
- 右侧:更多菜单图标 `⋯`

### 2. 顶部 Tab 标签栏

当前页面处于告警管理相关模块,Tab 包括:

- 控制
- 档案
- 动态
- 维保
- 巡检
- **告警**:当前高亮
- 生命周期

说明这是一个设备全生命周期管理系统,告警只是其中一个子模块。

---

### 3. 告警概览区

位于页面顶部,用三个数字卡片展示告警统计:

表格

| 指标 | 数值 | 说明 |
| --- | --- | --- |
| 今日告警 | 2 | 当天产生的告警数量 |
| 待确认 | 1 | 尚未处理确认的告警 |
| 已恢复 | 1 | 已经恢复或关闭的告警 |

右上角有一个蓝色标签:**1 待确认**,提示当前有待处理告警。

---

### 4. 告警明细区

这是页面核心内容,展示两条告警记录。

#### 第一条告警:画面遮挡告警

- 类型:**画面遮挡告警**
- 时间:2026-06-09 10:23
- 状态:**待确认**,橙色 / 黄色标签
- 风险等级:**高**
- 设备名称:暖通演示楼 / 2F / 二楼东侧
- 事件描述:AI 值守 核查遮挡摄像头角度

这条属于**视频 / 摄像头类智能告警**,系统识别到摄像头可能被遮挡,需要人工确认。

#### 第二条告警:心跳延迟告警

- 类型:**心跳延迟告警**
- 时间:2026-06-08 18:30
- 状态:**已恢复**,绿色标签
- 风险等级:中
- 设备名称:设备名称
- 事件描述:设备心跳超时,离线后恢复

这条属于**设备联网状态告警**,说明设备曾经失联,后来重新上线。

---

### 5. 处置记录区

- 标题:**处置记录**
- 内容:已生成安全事件
- 状态:**待补充**

说明系统已经生成了事件记录,但处理备注或工单信息还没有完全填写。

---

## 三、页面业务定位

这个页面主要用于**运维人员查看和处理设备告警**,核心作用是:

1. 快速了解今日告警数量
2. 判断哪些告警待处理
3. 查看告警类型、设备位置和风险等级
4. 确认摄像头遮挡、设备离线等异常事件
5. 记录后续处置结果

---

## 四、页面信息结构总结

```
顶部导航:返回 / 告警标题 / 更多
↓
Tab导航:控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期
↓
告警概览:今日告警 / 待确认 / 已恢复
↓
告警明细:画面遮挡告警 / 心跳延迟告警
↓
处置记录:已生成安全事件,待补充
帮我生成APP