创意预览图

物业小程序服务热线页面设计，展示物业总机、工程维修、客服投诉、安保值班四个热线电话，附带物业办公地址和营业时间，点击可唤起拨号弹窗，简约蓝色UI，移动端界面

用户头像

乐清_

2026.06.05
乐清_乐清_
乐清_乐清_
高端教学高端教学
乐清_乐清_
678typ3ch-HB678typ3ch-HB
1q0glneov5qgakfh-HB1q0glneov5qgakfh-HB
「图片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
spirittrapspirittrap
МойкомандирМойкомандир
HeyСcHeyСc
6adhucitqSFIi0g-HB6adhucitqSFIi0g-HB
高德崇高德崇
高德崇高德崇
高德崇高德崇
高德崇高德崇
「图片1」「图片1」一、顶部用户信息与操作栏 左侧展示账号身份：蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标：搜索、新增、设置，支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片，作为页面价值引导区： 主标题：设备业务应用，从工作台开始 补充说明：快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用：总览工作台核心业务范围，直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局，放置高频核心功能，支持自定义配置： 第一行：设备管理、空间态势、流程中心、AI 智能体 第二行：消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能，适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理，支持按业务维度切换筛选： 分类标签栏：包含「最近使用（当前选中）、设备业务、运营管理、流程协同」四类，附带更多分类按钮 当前「最近使用」分类下，展示 4 个近期高频使用的应用：设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航，共 5 个入口，当前高亮选中「工作台」页面，从左到右依次为：首页、设备、AI 智能体核心按钮（紫蓝渐变悬浮样式）、工作台、我的，支持快速切换核心业务板块。帮我生成APP「图片1」「图片1」一、顶部用户信息与操作栏 左侧展示账号身份：蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标：搜索、新增、设置，支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片，作为页面价值引导区： 主标题：设备业务应用，从工作台开始 补充说明：快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用：总览工作台核心业务范围，直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局，放置高频核心功能，支持自定义配置： 第一行：设备管理、空间态势、流程中心、AI 智能体 第二行：消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能，适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理，支持按业务维度切换筛选： 分类标签栏：包含「最近使用（当前选中）、设备业务、运营管理、流程协同」四类，附带更多分类按钮 当前「最近使用」分类下，展示 4 个近期高频使用的应用：设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航，共 5 个入口，当前高亮选中「工作台」页面，从左到右依次为：首页、设备、AI 智能体核心按钮（紫蓝渐变悬浮样式）、工作台、我的，支持快速切换核心业务板块。帮我生成APP
spirittrapspirittrap
suncothsuncoth
高德崇高德崇
高德崇高德崇
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
GD475624818GD475624818
GD475624818GD475624818
1r4don6tcdcY2Ugg-HB1r4don6tcdcY2Ugg-HB
gK46wkdwgK46wkdw
「图片1」参考图片风格，重新生成画面内容，顶部用户信息与操作栏 左侧展示账号身份：蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标：搜索、新增、设置，支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片，作为页面价值引导区： 主标题：设备业务应用，从工作台开始 补充说明：快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用：总览工作台核心业务范围，直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局，放置高频核心功能，支持自定义配置： 第一行：设备管理、空间态势、流程中心、AI 智能体 第二行：消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能，适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理，支持按业务维度切换筛选： 分类标签栏：包含「最近使用（当前选中）、设备业务、运营管理、流程协同」四类，附带更多分类按钮 当前「最近使用」分类下，展示 4 个近期高频使用的应用：设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航，共 5 个入口，当前高亮选中「工作台」页面，从左到右依次为：首页、设备、AI 智能体核心按钮（紫蓝渐变悬浮样式）、工作台、我的，支持快速切换核心业务板块。生成APP「图片1」参考图片风格，重新生成画面内容，顶部用户信息与操作栏 左侧展示账号身份：蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标：搜索、新增、设置，支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片，作为页面价值引导区： 主标题：设备业务应用，从工作台开始 补充说明：快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用：总览工作台核心业务范围，直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局，放置高频核心功能，支持自定义配置： 第一行：设备管理、空间态势、流程中心、AI 智能体 第二行：消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能，适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理，支持按业务维度切换筛选： 分类标签栏：包含「最近使用（当前选中）、设备业务、运营管理、流程协同」四类，附带更多分类按钮 当前「最近使用」分类下，展示 4 个近期高频使用的应用：设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航，共 5 个入口，当前高亮选中「工作台」页面，从左到右依次为：首页、设备、AI 智能体核心按钮（紫蓝渐变悬浮样式）、工作台、我的，支持快速切换核心业务板块。生成APP
spirittrapspirittrap