生成摩托车APP PRD - 图片创意预览

生成摩托车APP PRD

生成摩托车APP PRD

GD719351332

2026.07.14

基于这张“编辑生态设备”手机APP界面截图进行修改： 1. 将上方“设备名称”分组标题文字修改为“设备信息”。 2. 将“嗒嗒”输入行修改为与“设备协议”行完全一致的左右布局样式：左侧标签文字为“设备名称”，右侧居右显示文字“嗒嗒”，背景、圆角、高度、字体大小、间距均与设备协议行保持一致。 3. 将“请输入对应的skill名称”输入行修改为与“设备协议”行完全一致的左右布局样式：左侧标签文字为“skill名称”，右侧居右显示灰色占位提示文字“请输入对应的skill名称”，背景、圆角、高度、字体大小、间距均与设备协议行保持一致。其他所有元素保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“编辑生态设备”手机APP界面截图进行修改：
1. 将上方“设备名称”分组标题文字修改为“设备信息”。
2. 将“嗒嗒”输入行修改为与“设备协议”行完全一致的左右布局样式：左侧标签文字为“设备名称”，右侧居右显示文字“嗒嗒”，背景、圆角、高度、字体大小、间距均与设备协议行保持一致。
3. 将“请输入对应的skill名称”输入行修改为与“设备协议”行完全一致的左右布局样式：左侧标签文字为“skill名称”，右侧居右显示灰色占位提示文字“请输入对应的skill名称”，背景、圆角、高度、字体大小、间距均与设备协议行保持一致。
其他所有元素保持原样不变。界面为手机竖屏UI设计，高清精致。

参考原图的清新简约UI设计风格，生成设备运维APP首页界面： 1. 顶部状态栏：显示时间15:28，包含移动信号、WiFi和电量图标 2. 用户信息区：头像是紫色圆形标识，内含"超"字，账号名"超级管理员"，所属部门"技术部・设备运维组"，右上角有搜索按钮和消息通知按钮，消息按钮带红色角标显示"18" 3. 核心运行数据概览区：3张并列数据卡片，蓝色主题设备卡片显示"在线设备：18/21台故障设备：3台"，绿色主题安全卡片显示"AI值守摄像头：12路今日安全事件：2起"，橙色主题能耗卡片显示"今日用能：1,284 kWh 碳排量：0.73 t" 4. 常用功能入口区：2行4列宫格布局，共8个功能入口：第一行从左到右：设备管理、设备体检、楼宇态势、设备处置；第二行从左到右：设备维保、AI值守、设备巡检、能耗管理 5. 业务提醒横幅区：分类标签"安全值守"，标题"AI摄像头布防提醒"，说明文字"核对重点区域摄像头在线与告警状态"，横向卡片横幅搭配监控场景背景图 6. 待办事项区：区域标题"待办事项"，右侧带"流程中心 >"跳转入口，第一条待办工单（设备维保类）状态"待处置"，工单名称"摄像头 CAM-023 年度维保"，明细"编号 WB260506010、类型零星维修、对应设备摄像头 - 1"，负责人"超级管理员"，创建时间"2026-05-26 11:19"，第二条仅露出"设备巡检"分类头部，内容被底部导航遮挡 7. 底部主导航栏：共5个Tab入口，当前停留在蓝色高亮的"首页"，依次是：首页（当前选中）、设备、紫蓝渐变圆形主快捷按钮、工作台（右上角红点未读提示）、我的整体保持清新干净的现代UI设计风格，浅蓝渐变背景，信息分区清晰，层次分明

参考原图的清新简约UI设计风格，生成设备运维APP首页界面：
1. 顶部状态栏：显示时间15:28，包含移动信号、WiFi和电量图标
2. 用户信息区：头像是紫色圆形标识，内含"超"字，账号名"超级管理员"，所属部门"技术部・设备运维组"，右上角有搜索按钮和消息通知按钮，消息按钮带红色角标显示"18"
3. 核心运行数据概览区：3张并列数据卡片，蓝色主题设备卡片显示"在线设备：18/21台故障设备：3台"，绿色主题安全卡片显示"AI值守摄像头：12路今日安全事件：2起"，橙色主题能耗卡片显示"今日用能：1,284 kWh 碳排量：0.73 t"
4. 常用功能入口区：2行4列宫格布局，共8个功能入口：第一行从左到右：设备管理、设备体检、楼宇态势、设备处置；第二行从左到右：设备维保、AI值守、设备巡检、能耗管理
5. 业务提醒横幅区：分类标签"安全值守"，标题"AI摄像头布防提醒"，说明文字"核对重点区域摄像头在线与告警状态"，横向卡片横幅搭配监控场景背景图
6. 待办事项区：区域标题"待办事项"，右侧带"流程中心 >"跳转入口，第一条待办工单（设备维保类）状态"待处置"，工单名称"摄像头 CAM-023 年度维保"，明细"编号 WB260506010、类型零星维修、对应设备摄像头 - 1"，负责人"超级管理员"，创建时间"2026-05-26 11:19"，第二条仅露出"设备巡检"分类头部，内容被底部导航遮挡
7. 底部主导航栏：共5个Tab入口，当前停留在蓝色高亮的"首页"，依次是：首页（当前选中）、设备、紫蓝渐变圆形主快捷按钮、工作台（右上角红点未读提示）、我的
整体保持清新干净的现代UI设计风格，浅蓝渐变背景，信息分区清晰，层次分明

基于这张“添加生态设备”手机APP界面截图进行修改： 1. 将上方“设备名称”分组标题文字修改为“设备信息”。 2. 将“设备名称”输入行（当前只有左侧内容的样式）修改为与“设备协议”行完全一致的左右布局：左侧标签文字为“设备名称”，右侧显示“LAPTOP-6PFR07EV”，背景、圆角、高度、字体、间距均与设备协议行一致。 3. 将“skill名称”输入行（当前只有左侧占位文字的样式）修改为与“设备协议”行完全一致的左右布局：左侧标签文字为“skill名称”，右侧显示灰色占位文字“请输入对应的skill名称”，背景、圆角、高度、字体、间距均与设备协议行一致。其他所有元素保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“添加生态设备”手机APP界面截图进行修改：
1. 将上方“设备名称”分组标题文字修改为“设备信息”。
2. 将“设备名称”输入行（当前只有左侧内容的样式）修改为与“设备协议”行完全一致的左右布局：左侧标签文字为“设备名称”，右侧显示“LAPTOP-6PFR07EV”，背景、圆角、高度、字体、间距均与设备协议行一致。
3. 将“skill名称”输入行（当前只有左侧占位文字的样式）修改为与“设备协议”行完全一致的左右布局：左侧标签文字为“skill名称”，右侧显示灰色占位文字“请输入对应的skill名称”，背景、圆角、高度、字体、间距均与设备协议行一致。
其他所有元素保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“编辑生态设备”手机APP界面截图进行修改： 1. 在“设备名称”输入行（嗒嗒那一行）的下方、“生态设备协议”标题的上方，新增一个输入行：左侧标签文字为“skill名称”，右侧输入框内居左显示灰色占位提示文字“请输入对应的skill名称”。样式与现有输入行完全一致。 2. 在“特征ID”输入行的下方、“选择蓝牙配对设备”标题的上方，添加一行小号灰色提示文字，居中或居左显示：“可在设备的GATT列表里查询服务ID和特征ID”。文字颜色为浅灰色，字号小于标签文字。保持整体页面风格统一，底部保存按钮位置相应下移，其他所有元素保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“编辑生态设备”手机APP界面截图进行修改：
1. 在“设备名称”输入行（嗒嗒那一行）的下方、“生态设备协议”标题的上方，新增一个输入行：左侧标签文字为“skill名称”，右侧输入框内居左显示灰色占位提示文字“请输入对应的skill名称”。样式与现有输入行完全一致。
2. 在“特征ID”输入行的下方、“选择蓝牙配对设备”标题的上方，添加一行小号灰色提示文字，居中或居左显示：“可在设备的GATT列表里查询服务ID和特征ID”。文字颜色为浅灰色，字号小于标签文字。
保持整体页面风格统一，底部保存按钮位置相应下移，其他所有元素保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“添加生态设备”手机APP界面截图进行修改： 1. 将上方“设备名称”分组标题文字修改为“设备信息”。 2. 将“请输入设备名称”输入行修改为与“skill名称”行完全一致的左右布局样式：左侧标签文字为“设备名称”，右侧居右显示灰色占位提示文字“请输入设备名称”，背景、圆角、高度、字体大小、间距均与skill名称行保持一致。其他所有元素保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“添加生态设备”手机APP界面截图进行修改：
1. 将上方“设备名称”分组标题文字修改为“设备信息”。
2. 将“请输入设备名称”输入行修改为与“skill名称”行完全一致的左右布局样式：左侧标签文字为“设备名称”，右侧居右显示灰色占位提示文字“请输入设备名称”，背景、圆角、高度、字体大小、间距均与skill名称行保持一致。
其他所有元素保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“添加生态设备”手机APP界面截图（暂未发现蓝牙设备状态）进行修改： 1. 在“设备名称”输入行的下方、“生态设备协议”标题的上方，新增一个输入行：左侧标签文字为“skill名称”，右侧输入框内居左显示灰色占位提示文字“请输入对应的skill名称”。样式与现有输入行完全一致。 2. 在“特征ID”输入行的下方、“选择蓝牙配对设备”标题的上方，添加一行小号灰色提示文字，居左显示：“可在设备的GATT列表里查询服务ID和特征ID”。文字颜色为浅灰色，字号小于标签文字。保持整体页面风格统一，底部保存按钮位置相应下移，其他所有元素（暂未发现蓝牙设备图标及文字、重新扫描等）保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“添加生态设备”手机APP界面截图（暂未发现蓝牙设备状态）进行修改：
1. 在“设备名称”输入行的下方、“生态设备协议”标题的上方，新增一个输入行：左侧标签文字为“skill名称”，右侧输入框内居左显示灰色占位提示文字“请输入对应的skill名称”。样式与现有输入行完全一致。
2. 在“特征ID”输入行的下方、“选择蓝牙配对设备”标题的上方，添加一行小号灰色提示文字，居左显示：“可在设备的GATT列表里查询服务ID和特征ID”。文字颜色为浅灰色，字号小于标签文字。
保持整体页面风格统一，底部保存按钮位置相应下移，其他所有元素（暂未发现蓝牙设备图标及文字、重新扫描等）保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“添加生态设备”手机APP界面截图进行修改： 1. 在“设备名称”输入行的下方、“生态设备协议”标题的上方，新增一个输入行：左侧标签文字为“skill名称”，右侧输入框内居左显示灰色占位提示文字“请输入对应的skill名称”。样式与现有输入行完全一致。 2. 在“特征ID”输入行的下方、“选择蓝牙配对设备”标题的上方，添加一行小号灰色提示文字，居左显示：“可在设备的GATT列表里查询服务ID和特征ID”。文字颜色为浅灰色，字号小于标签文字。保持整体页面风格统一，底部保存按钮位置相应下移，其他所有元素（蓝牙设备列表、重新扫描等）保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“添加生态设备”手机APP界面截图进行修改：
1. 在“设备名称”输入行的下方、“生态设备协议”标题的上方，新增一个输入行：左侧标签文字为“skill名称”，右侧输入框内居左显示灰色占位提示文字“请输入对应的skill名称”。样式与现有输入行完全一致。
2. 在“特征ID”输入行的下方、“选择蓝牙配对设备”标题的上方，添加一行小号灰色提示文字，居左显示：“可在设备的GATT列表里查询服务ID和特征ID”。文字颜色为浅灰色，字号小于标签文字。
保持整体页面风格统一，底部保存按钮位置相应下移，其他所有元素（蓝牙设备列表、重新扫描等）保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“添加生态设备”手机APP界面截图进行修改： 1. 将上方“设备名称”分组标题文字修改为“设备信息”。 2. 将“请输入设备名称”输入行修改为与“设备协议”行完全一致的左右布局样式：左侧标签文字为“设备名称”，右侧居右显示灰色占位提示文字“请输入设备名称”，背景、圆角、高度、字体大小、间距均与设备协议行保持一致。 3. 将“请输入对应的skill名称”输入行修改为与“设备协议”行完全一致的左右布局样式：左侧标签文字为“skill名称”，右侧居右显示灰色占位提示文字“请输入对应的skill名称”，背景、圆角、高度、字体大小、间距均与设备协议行保持一致。其他所有元素保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“添加生态设备”手机APP界面截图进行修改：
1. 将上方“设备名称”分组标题文字修改为“设备信息”。
2. 将“请输入设备名称”输入行修改为与“设备协议”行完全一致的左右布局样式：左侧标签文字为“设备名称”，右侧居右显示灰色占位提示文字“请输入设备名称”，背景、圆角、高度、字体大小、间距均与设备协议行保持一致。
3. 将“请输入对应的skill名称”输入行修改为与“设备协议”行完全一致的左右布局样式：左侧标签文字为“skill名称”，右侧居右显示灰色占位提示文字“请输入对应的skill名称”，背景、圆角、高度、字体大小、间距均与设备协议行保持一致。
其他所有元素保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“添加生态设备”手机APP界面截图（蓝牙未开启状态）进行修改： 1. 在“设备名称”输入行的下方、“生态设备协议”标题的上方，新增一个输入行：左侧标签文字为“skill名称”，右侧输入框内居左显示灰色占位提示文字“请输入对应的skill名称”。样式与现有输入行完全一致。 2. 在“特征ID”输入行的下方、“选择蓝牙配对设备”标题的上方，添加一行小号灰色提示文字，居左显示：“可在设备的GATT列表里查询服务ID和特征ID”。文字颜色为浅灰色，字号小于标签文字。保持整体页面风格统一，底部保存按钮位置相应下移，其他所有元素（蓝牙未开启图标及文字、开启蓝牙等）保持原样不变。界面为手机竖屏UI设计，高清精致。

基于这张“添加生态设备”手机APP界面截图（蓝牙未开启状态）进行修改：
1. 在“设备名称”输入行的下方、“生态设备协议”标题的上方，新增一个输入行：左侧标签文字为“skill名称”，右侧输入框内居左显示灰色占位提示文字“请输入对应的skill名称”。样式与现有输入行完全一致。
2. 在“特征ID”输入行的下方、“选择蓝牙配对设备”标题的上方，添加一行小号灰色提示文字，居左显示：“可在设备的GATT列表里查询服务ID和特征ID”。文字颜色为浅灰色，字号小于标签文字。
保持整体页面风格统一，底部保存按钮位置相应下移，其他所有元素（蓝牙未开启图标及文字、开启蓝牙等）保持原样不变。界面为手机竖屏UI设计，高清精致。

细化生成第一行第二张医疗器械APP界面，参考整体浅绿色清新医疗风格，生成清晰高保真手机界面，细节完整

细化生成第一行第二张医疗器械APP界面，参考整体浅绿色清新医疗风格，生成清晰高保真手机界面，细节完整

Мойкомандир

重绘设计这张台球俱乐部视频数据监控APP页面UI图，保持现有内容和布局不变，设计为现代简约清爽的移动端UI界面，浅蓝色调，圆角卡片，清晰干净的排版，专业的后台管理界面设计，带底部导航栏

重绘设计这张台球俱乐部视频数据监控APP页面UI图，保持现有内容和布局不变，设计为现代简约清爽的移动端UI界面，浅蓝色调，圆角卡片，清晰干净的排版，专业的后台管理界面设计，带底部导航栏

胖嘟嘟豆豆777

「图片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

参考图片的清新浅蓝渐变天空白云、圆角卡片、青蓝渐变主色调、轻盈通透的APP界面风格，重新生成一个智慧园区设备管理APP页面，手机竖屏界面，顶部状态栏显示时间9:41和信号电量图标。页面结构如下： 1. 顶部横向Tab栏：区分三大业务模块「设备」「安全」「能耗」，当前停留「设备」板块并高亮显示。 2. 顶部筛选信息栏（蓝色通栏卡片）： - 空间选择器：演示园区 / 1号楼 / 3层，带下拉箭头可切换楼栋楼层 - 运行等级：A级 - 数据更新时间：06-24 15:36 - 统计周期切换：今日 / 近7天 / 近30天，默认选中「今日」高亮 - 右上角有刷新按钮 3. 核心指标四宫格（关键KPI卡片，圆角白色卡片）： - 设备总数：126台，小字说明当前空间纳管全部设备数量 - 在线率：94.4%，小字标注较昨日上升1.2%（绿色向上箭头代表向好） - 故障设备：7台，小字标注其中2台待处理（红色警示，重点工单） - 离线设备：5台，小字标注最长离线时长41天（黄色预警） 4. 设备状态分布·环形饼图模块： - 标题：设备状态分布 - 环形饼图展示四类状态占比：在线119台（绿色主体）、维保中8台（橙色）、故障7台（红色）、离线5台（浅灰色） - 右侧图文对照图例说明 5. 设备事件趋势柱状图模块： - 标题：设备事件趋势（今日） - 不同颜色柱子区分事件类型，展示全天不同时段设备事件发生频次，红色柱体有明显峰值代表故障类事件集中时段色彩预警体系：绿色代表正常向好，橙色代表维保提醒，红色代表故障高危，灰色代表离线闲置。整体保持参考图的清新柔和、圆角卡片、渐变色彩、轻盈通透的UI设计风格，界面简洁现代，数据清晰易读，符合运维人员浏览习惯。

参考图片的清新浅蓝渐变天空白云、圆角卡片、青蓝渐变主色调、轻盈通透的APP界面风格，重新生成一个智慧园区设备管理APP页面，手机竖屏界面，顶部状态栏显示时间9:41和信号电量图标。

页面结构如下：
1. 顶部横向Tab栏：区分三大业务模块「设备」「安全」「能耗」，当前停留「设备」板块并高亮显示。
2. 顶部筛选信息栏（蓝色通栏卡片）：
- 空间选择器：演示园区 / 1号楼 / 3层，带下拉箭头可切换楼栋楼层
- 运行等级：A级
- 数据更新时间：06-24 15:36
- 统计周期切换：今日 / 近7天 / 近30天，默认选中「今日」高亮
- 右上角有刷新按钮
3. 核心指标四宫格（关键KPI卡片，圆角白色卡片）：
- 设备总数：126台，小字说明当前空间纳管全部设备数量
- 在线率：94.4%，小字标注较昨日上升1.2%（绿色向上箭头代表向好）
- 故障设备：7台，小字标注其中2台待处理（红色警示，重点工单）
- 离线设备：5台，小字标注最长离线时长41天（黄色预警）
4. 设备状态分布·环形饼图模块：
- 标题：设备状态分布
- 环形饼图展示四类状态占比：在线119台（绿色主体）、维保中8台（橙色）、故障7台（红色）、离线5台（浅灰色）
- 右侧图文对照图例说明
5. 设备事件趋势柱状图模块：
- 标题：设备事件趋势（今日）
- 不同颜色柱子区分事件类型，展示全天不同时段设备事件发生频次，红色柱体有明显峰值代表故障类事件集中时段

色彩预警体系：绿色代表正常向好，橙色代表维保提醒，红色代表故障高危，灰色代表离线闲置。整体保持参考图的清新柔和、圆角卡片、渐变色彩、轻盈通透的UI设计风格，界面简洁现代，数据清晰易读，符合运维人员浏览习惯。

1r98gbqoauWgptiQ-HB

「图片1」## 顶部全局导航栏（页面最顶端） 1. 左侧：返回箭头按钮，可退回上一级设备列表页 2. 中间横向三标签（页面一级路由） - 设备档案（当前所属大模块，蓝色下划线高亮） - 设备物联 - 数据统计 3. 右侧：刷新图标，一键刷新全页面设备实时数据 ## 二、顶部简易实时物联数据栏（导航下方）折叠简化版数据卡片，双栏展示设备核心运行状态： - 左栏：在线状态 → 在线 - 右栏：运行模式 → 制冷完整数据需在「设备物联」标签页查看详情。 ## 三、二级功能 Tab 标签栏（页面子路由切换）横向 7 个分类标签，蓝色下划线代表当前激活页面「生命周期」，所有设备管理功能全部收拢在此： 1. 控制：设备远程操控（开关、温度、模式调节） 2. 概览：设备基础参数总览 3. 动态：设备实时运行消息推送 4. 维保：保养工单、维保计划 5. 巡检：定期巡检任务与记录 6. 告警：设备异常告警清单、处置记录 7. 生命周期（当前页）：设备全流程时间线档案 ## 四、核心区域：生命周期时间轴列表模块 ### 模块基础框架左侧垂直**时间轴引导线** + 右侧独立事件卡片，每条事件左侧搭配对应功能图标区分业务类型，按时间由远到近从上至下排序。 ### 单条事件卡片统一字段模板每条生命周期记录固定包含： 1. 事件标题（设备编号 + 业务类型：SB-CAMERA-0001 XXX） 2. 精确发生时间（年 - 月 - 日时分秒） 3. 多组明细键值对（内容 / 位置 / 操作人员 / 投运状态等，随业务类型动态变化） ### 页面已展示 4 条生命周期节点（时间由早到晚） 1. **设备建档（2025-12-22）** 图标：档案文件；内容：录入设备基础参数，操作人：超级管理员 2. **设备投运（2026-01-21）** 图标：播放启动；完成联调正式上线，绑定安装位置暖通演示楼 2F 东侧 3. **巡检复核（2026-03-22）** 图标：勾选清单；季度巡检，核对设备运行参数 4. **维保记录（2026-04-11）** 图标：维修扳手；页面仅展示标题与时间，完整明细需下滑查看帮我设计APP

「图片1」## 顶部全局导航栏（页面最顶端）

1. 左侧：返回箭头按钮，可退回上一级设备列表页
2. 中间横向三标签（页面一级路由）
- 设备档案（当前所属大模块，蓝色下划线高亮）
- 设备物联
- 数据统计
3. 右侧：刷新图标，一键刷新全页面设备实时数据

## 二、顶部简易实时物联数据栏（导航下方）

折叠简化版数据卡片，双栏展示设备核心运行状态：

- 左栏：在线状态 → 在线
- 右栏：运行模式 → 制冷
完整数据需在「设备物联」标签页查看详情。

## 三、二级功能 Tab 标签栏（页面子路由切换）

横向 7 个分类标签，蓝色下划线代表当前激活页面「生命周期」，所有设备管理功能全部收拢在此：

1. 控制：设备远程操控（开关、温度、模式调节）
2. 概览：设备基础参数总览
3. 动态：设备实时运行消息推送
4. 维保：保养工单、维保计划
5. 巡检：定期巡检任务与记录
6. 告警：设备异常告警清单、处置记录
7. 生命周期（当前页）：设备全流程时间线档案

## 四、核心区域：生命周期时间轴列表模块

### 模块基础框架

左侧垂直**时间轴引导线** + 右侧独立事件卡片，每条事件左侧搭配对应功能图标区分业务类型，按时间由远到近从上至下排序。

### 单条事件卡片统一字段模板

每条生命周期记录固定包含：

1. 事件标题（设备编号 + 业务类型：SB-CAMERA-0001 XXX）
2. 精确发生时间（年 - 月 - 日时分秒）
3. 多组明细键值对（内容 / 位置 / 操作人员 / 投运状态等，随业务类型动态变化）

### 页面已展示 4 条生命周期节点（时间由早到晚）

1. **设备建档（2025-12-22）**
图标：档案文件；内容：录入设备基础参数，操作人：超级管理员
2. **设备投运（2026-01-21）**
图标：播放启动；完成联调正式上线，绑定安装位置暖通演示楼 2F 东侧
3. **巡检复核（2026-03-22）**
图标：勾选清单；季度巡检，核对设备运行参数
4. **维保记录（2026-04-11）**
图标：维修扳手；页面仅展示标题与时间，完整明细需下滑查看帮我设计APP

一元云购移动端商品详情页设计，包含返回按钮，商品展示区域，份数加减按钮（-和+），"立即参与"按钮，"加入购物车"按钮，底部导航栏（首页、商品、购物车、揭晓、我的），现代UI设计风格

一元云购移动端商品详情页设计，包含返回按钮，商品展示区域，份数加减按钮（-和+），"立即参与"按钮，"加入购物车"按钮，底部导航栏（首页、商品、购物车、揭晓、我的），现代UI设计风格

1qnuyfk91pa4sgug-HB

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

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

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

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

生活APP设置页面，简洁风格，设置选项分组排列，开关和按钮设计统一，美观易临摹

生活APP设置页面，简洁风格，设置选项分组排列，开关和按钮设计统一，美观易临摹

生活APP设置页面，简洁风格，设置选项分组排列，开关和按钮设计统一，美观易临摹

生活APP设置页面，简洁风格，设置选项分组排列，开关和按钮设计统一，美观易临摹

手机端AI写作工作台语音速记主页V2 UI界面原型图，竖版9:16比例，背景纯白，主色调深蓝与暗金，极简商务极致简洁风格。顶部状态栏极简设计，左侧品牌标志"智宅焕"暗金色，右侧两个极小图标按钮：选题与成品和归档待处理。核心操作区居中偏上：框架选择位于麦克风上方，简洁下拉菜单默认显示"自由沟通"，右侧向下小箭头；巨大的圆形麦克风图标位于页面正中央，带有暗金色渐变光晕，是唯一视觉焦点，图标下方一行提示文字"点击开始语音创作，说出你的想法..."；麦克风按钮下方一行暗金色文字链接"进入全功能创作页"。底部一行极小灰色文字"点击麦克风直接开始，或进入全功能页选择知识库和选题。"。所有文字清晰可读，极简商务风格，无卡通花哨元素。

手机端AI写作工作台语音速记主页V2 UI界面原型图，竖版9:16比例，背景纯白，主色调深蓝与暗金，极简商务极致简洁风格。顶部状态栏极简设计，左侧品牌标志"智宅焕"暗金色，右侧两个极小图标按钮：选题与成品和归档待处理。核心操作区居中偏上：框架选择位于麦克风上方，简洁下拉菜单默认显示"自由沟通"，右侧向下小箭头；巨大的圆形麦克风图标位于页面正中央，带有暗金色渐变光晕，是唯一视觉焦点，图标下方一行提示文字"点击开始语音创作，说出你的想法..."；麦克风按钮下方一行暗金色文字链接"进入全功能创作页"。底部一行极小灰色文字"点击麦克风直接开始，或进入全功能页选择知识库和选题。"。所有文字清晰可读，极简商务风格，无卡通花哨元素。

移动端闹钟APP铃声选择页设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。左上角有返回箭头，顶部标题“铃声”；列表分为系统铃声和本地铃声两个分类，每个铃声选项支持单选勾选。分层规范，组件化拆分，界面干净清晰

移动端闹钟APP铃声选择页设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。左上角有返回箭头，顶部标题“铃声”；列表分为系统铃声和本地铃声两个分类，每个铃声选项支持单选勾选。分层规范，组件化拆分，界面干净清晰

音乐类App设置界面高保真UI设计，延续Melody音乐App风格，包含账号与安全、通知设置、播放设置、隐私设置、关于我们、退出登录选项列表，带开关和箭头，iOS风格分组列表，高保真移动端界面

音乐类App设置界面高保真UI设计，延续Melody音乐App风格，包含账号与安全、通知设置、播放设置、隐私设置、关于我们、退出登录选项列表，带开关和箭头，iOS风格分组列表，高保真移动端界面

移动端小程序智家页面UI设计，温馨生活风，暖橙色调。顶部导航栏显示"智家"标题，左侧有设备管理图标，右侧有添加设备+号。页面顶部是智能家居场景总控卡片，温馨家居背景图，显示"回家模式"大字，有温度、湿度、空气质量三个数据指标。下方是"我的设备"标题栏，右侧"管理>"。设备区域以网格布局展示智能设备卡片：智能灯光、智能空调、智能窗帘、智能门锁、智能摄像头、智能音箱，每个卡片有设备图标、设备名称、在线状态标识和开关按钮。中间有"场景推荐"区域，展示"起床模式""观影模式""睡眠模式"三个场景卡片。底部有"添加设备"大按钮。最底部是底部导航栏，5个Tab：首页、积分商城、智家（选中状态，橙色高亮）、服务、我的。整体科技感与温馨感结合，圆角卡片，UI设计稿，高保真

移动端小程序智家页面UI设计，温馨生活风，暖橙色调。顶部导航栏显示"智家"标题，左侧有设备管理图标，右侧有添加设备+号。页面顶部是智能家居场景总控卡片，温馨家居背景图，显示"回家模式"大字，有温度、湿度、空气质量三个数据指标。下方是"我的设备"标题栏，右侧"管理>"。设备区域以网格布局展示智能设备卡片：智能灯光、智能空调、智能窗帘、智能门锁、智能摄像头、智能音箱，每个卡片有设备图标、设备名称、在线状态标识和开关按钮。中间有"场景推荐"区域，展示"起床模式""观影模式""睡眠模式"三个场景卡片。底部有"添加设备"大按钮。最底部是底部导航栏，5个Tab：首页、积分商城、智家（选中状态，橙色高亮）、服务、我的。整体科技感与温馨感结合，圆角卡片，UI设计稿，高保真

一元云购移动端揭晓页面设计，进行中商品卡片带有"立即参与"和"购物车"按钮，底部导航栏（首页、商品、购物车、揭晓、我的），现代UI设计风格

一元云购移动端揭晓页面设计，进行中商品卡片带有"立即参与"和"购物车"按钮，底部导航栏（首页、商品、购物车、揭晓、我的），现代UI设计风格

1qnuyfk91pa4sgug-HB

移动端闹钟APP计时器Tab页面设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。页面中心是圆形倒计时表盘，带时分秒显示；下方有可输入时分秒的区域，以及开始、暂停、重置三个功能按钮。底部保留四个Tab导航：闹钟 / 计时器 / 秒表 / 就寝，当前选中计时器。分层规范，组件化拆分，界面简洁清晰

移动端闹钟APP计时器Tab页面设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。页面中心是圆形倒计时表盘，带时分秒显示；下方有可输入时分秒的区域，以及开始、暂停、重置三个功能按钮。底部保留四个Tab导航：闹钟 / 计时器 / 秒表 / 就寝，当前选中计时器。分层规范，组件化拆分，界面简洁清晰