创意预览图

调整东风一号详情页整体板块样式、背景深浅、圆角都和首页完全一致，保留所有文字数据和号码颜色不变，让整体风格完全统一

用户头像

1r8hdo2ld0x...

2026.07.17
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，参考上传图片风格与智宅焕前序UI体系保持一致，为师傅端个人中心页面，管理个人信息、查看收入和提现，内容可上下滚动。 从上到下布局： 1. 顶部师傅身份卡片：圆形头像占位，师傅姓名“张建国”，蓝色标签“智能安装及调试师傅”，入驻时间“2025年3月通过认证”。 2. 区域一：收入概览，两个数据卡片横向排列，卡片1大字突出“累计收入 ¥48,560”，卡片2“累计接单 328单”，卡片下方链接“查看收入明细 →”，收入数据醒目展示。 3. 区域二：收入明细列表，区域标题“近期收入”，列表展示2条记录：第一条，订单编号ZXH20260628001，服务类型智能锁安装，完成时间2026-06-28，本单佣金¥200，绿色标签“已结算”；第二条，订单编号ZXH20260625001，服务类型现场安装调试，完成时间2026-06-25，本单佣金¥800，橙色标签“待结算”。 4. 区域三：提现操作，区域标题“提现”，突出展示“可提现金额：¥12,350”，主色高亮“申请提现”按钮，入口链接“提现记录 →”，提现入口清晰。 5. 区域四：账户与设置，列表菜单形式，包含：“个人信息 → 可点击进入编辑”、“接单偏好设置 → 标签“敬请期待”（初期预留）”、“服务区域管理 →”、“资质证明管理 →”、“通知设置 →”、“联系管理员 →”。 6. 区域五：个人信息编辑区，虚线框标注：“点击‘个人信息’后展开 ↓”，框内展示：姓名张建国（灰色，说明管理员维护不可修改）、手机号138****5678（灰色，管理员维护不可修改）、角色类型智能安装及调试师傅（管理员维护）、擅长品类标签组（管理员维护）、从业时间2016年（管理员维护）、居住城市上海（管理员维护）、服务区域上海市（管理员维护），底部按钮“申请修改个人信息”（提交后需管理员审核），明确区分管理员维护字段和师傅可申请修改字段。 预留功能用“敬请期待”标签示意，所有文字清晰可见，使用无衬线字体，整体风格与上传参考图及前序设计保持一致。生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，参考上传图片风格与智宅焕前序UI体系保持一致，为师傅端个人中心页面，管理个人信息、查看收入和提现，内容可上下滚动。 从上到下布局： 1. 顶部师傅身份卡片：圆形头像占位，师傅姓名“张建国”，蓝色标签“智能安装及调试师傅”，入驻时间“2025年3月通过认证”。 2. 区域一：收入概览，两个数据卡片横向排列，卡片1大字突出“累计收入 ¥48,560”，卡片2“累计接单 328单”，卡片下方链接“查看收入明细 →”，收入数据醒目展示。 3. 区域二：收入明细列表，区域标题“近期收入”，列表展示2条记录：第一条，订单编号ZXH20260628001，服务类型智能锁安装，完成时间2026-06-28，本单佣金¥200，绿色标签“已结算”；第二条，订单编号ZXH20260625001，服务类型现场安装调试，完成时间2026-06-25，本单佣金¥800，橙色标签“待结算”。 4. 区域三：提现操作，区域标题“提现”，突出展示“可提现金额：¥12,350”，主色高亮“申请提现”按钮，入口链接“提现记录 →”，提现入口清晰。 5. 区域四：账户与设置，列表菜单形式，包含：“个人信息 → 可点击进入编辑”、“接单偏好设置 → 标签“敬请期待”（初期预留）”、“服务区域管理 →”、“资质证明管理 →”、“通知设置 →”、“联系管理员 →”。 6. 区域五：个人信息编辑区，虚线框标注：“点击‘个人信息’后展开 ↓”，框内展示：姓名张建国（灰色，说明管理员维护不可修改）、手机号138****5678（灰色，管理员维护不可修改）、角色类型智能安装及调试师傅（管理员维护）、擅长品类标签组（管理员维护）、从业时间2016年（管理员维护）、居住城市上海（管理员维护）、服务区域上海市（管理员维护），底部按钮“申请修改个人信息”（提交后需管理员审核），明确区分管理员维护字段和师傅可申请修改字段。 预留功能用“敬请期待”标签示意，所有文字清晰可见，使用无衬线字体，整体风格与上传参考图及前序设计保持一致。
创意 × 4
678typ3ch-HB678typ3ch-HB
1qnuyfk91pa4sgug-HB1qnuyfk91pa4sgug-HB
Linda.Batz80Linda.Batz80
Bridgette_SchimmelBridgette_Schimmel
不一样的林大侠不一样的林大侠
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
1qnuyfk91pa4sgug-HB1qnuyfk91pa4sgug-HB
1qnuyfk91pa4sgug-HB1qnuyfk91pa4sgug-HB
Linda.Batz80Linda.Batz80
不一样的林大侠不一样的林大侠
不一样的林大侠不一样的林大侠
GD490329309GD490329309
1qnuyfk91pa4sgug-HB1qnuyfk91pa4sgug-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
GD965343187GD965343187
GD800280170GD800280170
1q0hpr5s2v1d5rtfm-HB1q0hpr5s2v1d5rtfm-HB