生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致-678typ3ch-HB-稿定 AI

创意预览图

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为管理员在派单工作台点击“指派师傅”后弹出的底部选择弹窗，弹窗从底部弹出，覆盖页面约85%高度，背景为半透明

用户头像

678typ3ch-H...

2026.07.04

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为师傅登录后看到的任务管理中心首页。从上到下布局： 1. 顶部师傅身份标识：显示“您好，张师傅” + 圆形头像占位，下方小字“今日待处理：2单”。 2. Tab切换栏：三个Tab横向排列，当前选中的Tab高亮+下划线，分别为：待接单（当前高亮，带红色数字角标“2”）、进行中、已完成，Tab切换为核心交互，当前选中Tab醒目。 3. 当前展示Tab内容区：待接单列表，包含两张圆角带阴影任务卡片：卡片1：橙色标签“现场安装调试”，客户城市“上海”，项目面积“120㎡”，预计上门时间“2026-07-15”，绿色标签“时间可协商”，醒目突出展示本单佣金“¥560”，不展示客户支付总价，底部左侧主色高亮“接单”按钮，右侧灰色边框“拒绝”按钮，按钮操作突出。卡片2：蓝色标签“智能方案设计”，客户城市“上海”，项目面积“90㎡”，预计上门时间“2026-07-18”，橙色标签“时间定死”，醒目突出展示本单佣金“¥350”，底部操作按钮同卡片1。 4. 用虚线框标注切换至进行中Tab的内容示意：标注“切换至‘进行中’Tab ↓”，包含两张任务卡片，分别为：现场安装调试，上海，140㎡，蓝色标签“待上门”，佣金¥800，主色按钮“进入工作台”；灯具安装，上海，140㎡，橙色标签“服务中”，佣金¥300，主色按钮“进入工作台”。 5. 用虚线框标注切换至已完成Tab的内容示意：标注“切换至‘已完成’Tab ↓”，包含一张任务卡片：智能锁安装，上海，100㎡，完成时间“2026-06-28”，佣金¥200，灰色边框按钮“查看详情”。佣金金额醒目展示，不展示客户支付总价，所有文字清晰可见，使用无衬线字体，整体风格与前序智宅焕深色专业设计保持一致。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为师傅登录后看到的任务管理中心首页。
从上到下布局：
1. 顶部师傅身份标识：显示“您好，张师傅” + 圆形头像占位，下方小字“今日待处理：2单”。
2. Tab切换栏：三个Tab横向排列，当前选中的Tab高亮+下划线，分别为：待接单（当前高亮，带红色数字角标“2”）、进行中、已完成，Tab切换为核心交互，当前选中Tab醒目。
3. 当前展示Tab内容区：待接单列表，包含两张圆角带阴影任务卡片：
卡片1：橙色标签“现场安装调试”，客户城市“上海”，项目面积“120㎡”，预计上门时间“2026-07-15”，绿色标签“时间可协商”，醒目突出展示本单佣金“¥560”，不展示客户支付总价，底部左侧主色高亮“接单”按钮，右侧灰色边框“拒绝”按钮，按钮操作突出。
卡片2：蓝色标签“智能方案设计”，客户城市“上海”，项目面积“90㎡”，预计上门时间“2026-07-18”，橙色标签“时间定死”，醒目突出展示本单佣金“¥350”，底部操作按钮同卡片1。
4. 用虚线框标注切换至进行中Tab的内容示意：标注“切换至‘进行中’Tab ↓”，包含两张任务卡片，分别为：现场安装调试，上海，140㎡，蓝色标签“待上门”，佣金¥800，主色按钮“进入工作台”；灯具安装，上海，140㎡，橙色标签“服务中”，佣金¥300，主色按钮“进入工作台”。
5. 用虚线框标注切换至已完成Tab的内容示意：标注“切换至‘已完成’Tab ↓”，包含一张任务卡片：智能锁安装，上海，100㎡，完成时间“2026-06-28”，佣金¥200，灰色边框按钮“查看详情”。
佣金金额醒目展示，不展示客户支付总价，所有文字清晰可见，使用无衬线字体，整体风格与前序智宅焕深色专业设计保持一致。

创意 × 4

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为客户查看接单师傅信息的独立页面。从上到下布局： 1. 顶部返回导航：左上角“← 返回项目看板”，页面标题“师傅信息”。 2. 区域一：师傅基本信息卡片，圆形默认头像占位，师傅姓名“张建国”，蓝色标签“智能安装及调试师傅”，从业时间“8年”，横向排列擅长品类标签：智能开关、窗帘电机、全屋调试、网络设备，服务区域“上海市”。 3. 区域二：师傅数据，两个数据卡片横向排列展示，分别为“累计接单量：328单”和“服务评分：4.9分”（带五星评分示意）。 4. 区域三：当前任务信息，标题“当前为您服务的任务”，任务卡片展示：服务内容“现场安装调试”，服务城市“上海”，预期上门“2026-07-15”，标签状态“服务中”。 5. 区域四：联系与操作，展示提示文字“如需联系师傅，请在项目沟通区留言，或联系客服 18501765743”，说明不提供直接拨号按钮以保护双方隐私。师傅信息卡片清晰专业，擅长品类标签一目了然，当前任务信息明确，所有文字清晰可见，使用无衬线字体，整体风格与前序智宅焕设计保持统一。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为客户查看接单师傅信息的独立页面。
从上到下布局：
1. 顶部返回导航：左上角“← 返回项目看板”，页面标题“师傅信息”。
2. 区域一：师傅基本信息卡片，圆形默认头像占位，师傅姓名“张建国”，蓝色标签“智能安装及调试师傅”，从业时间“8年”，横向排列擅长品类标签：智能开关、窗帘电机、全屋调试、网络设备，服务区域“上海市”。
3. 区域二：师傅数据，两个数据卡片横向排列展示，分别为“累计接单量：328单”和“服务评分：4.9分”（带五星评分示意）。
4. 区域三：当前任务信息，标题“当前为您服务的任务”，任务卡片展示：服务内容“现场安装调试”，服务城市“上海”，预期上门“2026-07-15”，标签状态“服务中”。
5. 区域四：联系与操作，展示提示文字“如需联系师傅，请在项目沟通区留言，或联系客服 18501765743”，说明不提供直接拨号按钮以保护双方隐私。
师傅信息卡片清晰专业，擅长品类标签一目了然，当前任务信息明确，所有文字清晰可见，使用无衬线字体，整体风格与前序智宅焕设计保持统一。

创意 × 1

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为客户在自动验收前24小时收到的全屏强制提醒弹窗，全屏半透明深色遮罩，中央居中展示圆角带阴影弹窗卡片，宽度占屏幕80%，必须点击按钮才能关闭。弹窗从上到下布局： 1. 顶部：中央醒目的⏰提醒图标，图标下方橙色警示色标题“自动验收提醒”。 2. 中部核心信息：展示订单信息：订单编号“ZXH20260703001”，项目名称“张先生家智能改造”，服务内容“现场安装调试”，分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”，下方小字“如对交付结果有异议，请及时处理”，再下方小字“超时未处理，系统将自动完成验收，订单状态变更为‘已完成’”，时间信息大而清晰，弹窗醒目有紧迫感。 3. 底部操作区：纵向排列两个按钮，间距适中：主色高亮大按钮“确认验收”（点击进入验收确认流程），警示色边框按钮“发起争议”（点击进入争议发起页面），按钮下方灰色弱化文字链接“稍后处理”（点击关闭弹窗，系统将持续提醒）。页面底部虚线框标注关闭弹窗后的状态：标注“关闭弹窗后 ↓”，框内示意：弹窗关闭后，项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收，如有问题请及时处理”，提示条右侧有“立即处理”按钮。两个核心操作按钮提供明确下一步路径，稍后处理为低优先级选项视觉弱化，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为客户在自动验收前24小时收到的全屏强制提醒弹窗，全屏半透明深色遮罩，中央居中展示圆角带阴影弹窗卡片，宽度占屏幕80%，必须点击按钮才能关闭。
弹窗从上到下布局：
1. 顶部：中央醒目的⏰提醒图标，图标下方橙色警示色标题“自动验收提醒”。
2. 中部核心信息：展示订单信息：订单编号“ZXH20260703001”，项目名称“张先生家智能改造”，服务内容“现场安装调试”，分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”，下方小字“如对交付结果有异议，请及时处理”，再下方小字“超时未处理，系统将自动完成验收，订单状态变更为‘已完成’”，时间信息大而清晰，弹窗醒目有紧迫感。
3. 底部操作区：纵向排列两个按钮，间距适中：主色高亮大按钮“确认验收”（点击进入验收确认流程），警示色边框按钮“发起争议”（点击进入争议发起页面），按钮下方灰色弱化文字链接“稍后处理”（点击关闭弹窗，系统将持续提醒）。
页面底部虚线框标注关闭弹窗后的状态：标注“关闭弹窗后 ↓”，框内示意：弹窗关闭后，项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收，如有问题请及时处理”，提示条右侧有“立即处理”按钮。
两个核心操作按钮提供明确下一步路径，稍后处理为低优先级选项视觉弱化，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。

创意 × 4

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，是下单流程核心页面，客户可在此选配服务、查看计价、填写项目信息，页面内容可滚动。从上到下布局： 1. 顶部步骤指示器：步骤条为「①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价（当前高亮）→ ④确认支付（置灰）」。 2. 区域一：添加服务与计价，区域标题“选择服务”，全宽虚线边框“+ 添加服务”按钮，下方展示2个已添加服务卡片，核心信息清晰：服务卡片1：名称“现场安装调试”，标签“按数量计价”，数量选择器[-] 1 [+]，单价¥800/次，小计¥800，右侧×删除按钮。服务卡片2：名称“智能方案设计”，标签“按面积分档”，面积输入框“120 ㎡”，单价¥15/㎡，小计¥1,800，右侧×删除按钮。卡片下方实时突出展示“服务总计：¥2,600”。 3. 区域二：填写项目信息，区域标题“项目信息”，依次排列表单占位字段：项目名称输入框（占位“如：张先生家智能改造”），项目地址（已选城市 + 详细地址输入框，占位“请填写详细地址”），户型面积数字输入框（占位“㎡”），项目类型下拉选择（选项：平层/复式/别墅/工装/其他），需求描述多行文本输入框（占位“请描述您的项目需求...”，标注选填），关联已购产品订单下拉选择框（占位“选择历史订单”，标注选填）。资料上传区：虚线框上传按钮，带“+ 上传文件”图标，提示文字“请上传户型图、清单、现场照片等资料，有助于我们更快审核您的订单”。 4. 底部固定悬浮操作区：左侧突出展示“订单总价：¥2,600”，右侧主色高亮按钮“提交订单并支付”。已添加服务卡片为核心信息区，总价视觉突出，所有文字清晰可见，使用无衬线字体，整体风格与前序设计保持统一。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，是下单流程核心页面，客户可在此选配服务、查看计价、填写项目信息，页面内容可滚动。
从上到下布局：
1. 顶部步骤指示器：步骤条为「①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价（当前高亮）→ ④确认支付（置灰）」。
2. 区域一：添加服务与计价，区域标题“选择服务”，全宽虚线边框“+ 添加服务”按钮，下方展示2个已添加服务卡片，核心信息清晰：
服务卡片1：名称“现场安装调试”，标签“按数量计价”，数量选择器[-] 1 [+]，单价¥800/次，小计¥800，右侧×删除按钮。
服务卡片2：名称“智能方案设计”，标签“按面积分档”，面积输入框“120 ㎡”，单价¥15/㎡，小计¥1,800，右侧×删除按钮。
卡片下方实时突出展示“服务总计：¥2,600”。
3. 区域二：填写项目信息，区域标题“项目信息”，依次排列表单占位字段：
项目名称输入框（占位“如：张先生家智能改造”），项目地址（已选城市 + 详细地址输入框，占位“请填写详细地址”），户型面积数字输入框（占位“㎡”），项目类型下拉选择（选项：平层/复式/别墅/工装/其他），需求描述多行文本输入框（占位“请描述您的项目需求...”，标注选填），关联已购产品订单下拉选择框（占位“选择历史订单”，标注选填）。
资料上传区：虚线框上传按钮，带“+ 上传文件”图标，提示文字“请上传户型图、清单、现场照片等资料，有助于我们更快审核您的订单”。
4. 底部固定悬浮操作区：左侧突出展示“订单总价：¥2,600”，右侧主色高亮按钮“提交订单并支付”。
已添加服务卡片为核心信息区，总价视觉突出，所有文字清晰可见，使用无衬线字体，整体风格与前序设计保持统一。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为客户支付成功后的完整项目看板页面，页面内容可滚动。从上到下布局： 1. 顶部项目状态栏：显示项目名称“张先生家智能改造”，橙色标签“服务中”订单状态，小字灰色订单编号“ZXH20260703001”。 2. 互动沟通区：区域标题“项目沟通”，右侧红点醒目提示“● 2条新消息”，简易留言板样式，展示最近3条对话：左侧师傅消息带“张师傅”标签「我已到现场，开始安装开关面板」，右侧客户消息「好的，客厅的开关请先装」，左侧师傅消息「收到，预计下午3点完成开关安装」；底部有消息输入框、“发送”按钮，输入框旁有📎附件按钮。 3. 验收确认区（当前核心操作区，突出展示）：区域标题“验收确认”，当前状态展示“待验收 - 师傅已提交完工资料”，有一个边框样式“查看交付物”按钮，占位展示交付物缩略图区域（几张照片缩略图+文件图标），主色高亮大按钮“确认验收”，下方小字提示“如72小时内未确认且未提出异议，系统将自动完成验收”。 4. 评价区：区域标题“服务评价”，状态提示“验收完成后可进行评价”（当前整体置灰），占位灰色不可点击的五星评价组件和置灰评价文字输入框。 5. 历史订单列表：区域标题“历史订单”，列表展示两条订单：第一条主订单：编号ZXH20260703001，类型现场安装调试，时间2026-07-03，标签状态服务中，金额¥2,600；第二条关联订单：编号ZXH20260705001，类型智能锁安装，时间2026-07-05，标签状态已完成，金额¥350。 6. 底部固定按钮区：全宽次要按钮“关联订单”，全宽低调警示色按钮“发起争议”。四个区域用清晰分隔线或卡片间距区分，所有文字清晰可见，使用无衬线字体，整体风格和前序智宅焕设计保持统一。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为客户支付成功后的完整项目看板页面，页面内容可滚动。
从上到下布局：
1. 顶部项目状态栏：显示项目名称“张先生家智能改造”，橙色标签“服务中”订单状态，小字灰色订单编号“ZXH20260703001”。
2. 互动沟通区：区域标题“项目沟通”，右侧红点醒目提示“● 2条新消息”，简易留言板样式，展示最近3条对话：左侧师傅消息带“张师傅”标签「我已到现场，开始安装开关面板」，右侧客户消息「好的，客厅的开关请先装」，左侧师傅消息「收到，预计下午3点完成开关安装」；底部有消息输入框、“发送”按钮，输入框旁有📎附件按钮。
3. 验收确认区（当前核心操作区，突出展示）：区域标题“验收确认”，当前状态展示“待验收 - 师傅已提交完工资料”，有一个边框样式“查看交付物”按钮，占位展示交付物缩略图区域（几张照片缩略图+文件图标），主色高亮大按钮“确认验收”，下方小字提示“如72小时内未确认且未提出异议，系统将自动完成验收”。
4. 评价区：区域标题“服务评价”，状态提示“验收完成后可进行评价”（当前整体置灰），占位灰色不可点击的五星评价组件和置灰评价文字输入框。
5. 历史订单列表：区域标题“历史订单”，列表展示两条订单：第一条主订单：编号ZXH20260703001，类型现场安装调试，时间2026-07-03，标签状态服务中，金额¥2,600；第二条关联订单：编号ZXH20260705001，类型智能锁安装，时间2026-07-05，标签状态已完成，金额¥350。
6. 底部固定按钮区：全宽次要按钮“关联订单”，全宽低调警示色按钮“发起争议”。
四个区域用清晰分隔线或卡片间距区分，所有文字清晰可见，使用无衬线字体，整体风格和前序智宅焕设计保持统一。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与之前智宅焕UI风格保持一致，为客户提交订单前的最后确认页面，同时包含支付成功反馈状态示意。从上到下布局： 1. 顶部步骤指示器：步骤条为①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价 ✓ → ④确认支付，当前第④步确认支付高亮。 2. 区域一：订单确认信息，区域标题“确认订单”，圆角只读订单信息卡片展示：订单编号（标注：待生成，支付后显示）、项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」、服务模式「现场服务」、预期上门「2026-07-15」。 3. 区域二：服务明细，标题“服务明细”，列表展示：「现场安装调试 ×1 —— ¥800」、「智能方案设计 ×120㎡ —— ¥1,800」，列表底部横线分隔后展示：服务总计¥2,600。 4. 区域三：支付方式，标题“支付方式”，展示默认选中的微信支付（带对勾图标），标注文字“复用产品支付流程，具体支付界面由微信标准组件完成”。 5. 底部固定悬浮操作区：左侧文字“应付总额：¥2,600”，右侧主色高亮大按钮“立即支付”。在页面下方用虚线框标注支付成功状态：虚线框上方标注“支付成功后 ↓”，框内包含✓支付成功图标、文字“支付成功”、订单编号「ZXH20260703001」、订单状态标签「已支付（待审核）」、按钮“查看项目看板”、小字提示「管理员审核通过后将为您派单，请耐心等待」。订单信息和服务明细为核心内容，要一目了然，支付成功状态变化清晰，所有文字清晰可见，使用无衬线字体，整体风格和前序设计保持统一。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与之前智宅焕UI风格保持一致，为客户提交订单前的最后确认页面，同时包含支付成功反馈状态示意。
从上到下布局：
1. 顶部步骤指示器：步骤条为①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价 ✓ → ④确认支付，当前第④步确认支付高亮。
2. 区域一：订单确认信息，区域标题“确认订单”，圆角只读订单信息卡片展示：订单编号（标注：待生成，支付后显示）、项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」、服务模式「现场服务」、预期上门「2026-07-15」。
3. 区域二：服务明细，标题“服务明细”，列表展示：「现场安装调试 ×1 —— ¥800」、「智能方案设计 ×120㎡ —— ¥1,800」，列表底部横线分隔后展示：服务总计¥2,600。
4. 区域三：支付方式，标题“支付方式”，展示默认选中的微信支付（带对勾图标），标注文字“复用产品支付流程，具体支付界面由微信标准组件完成”。
5. 底部固定悬浮操作区：左侧文字“应付总额：¥2,600”，右侧主色高亮大按钮“立即支付”。
在页面下方用虚线框标注支付成功状态：虚线框上方标注“支付成功后 ↓”，框内包含✓支付成功图标、文字“支付成功”、订单编号「ZXH20260703001」、订单状态标签「已支付（待审核）」、按钮“查看项目看板”、小字提示「管理员审核通过后将为您派单，请耐心等待」。
订单信息和服务明细为核心内容，要一目了然，支付成功状态变化清晰，所有文字清晰可见，使用无衬线字体，整体风格和前序设计保持统一。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与之前智宅焕UI风格保持一致，为客户提交订单前的最后确认页面，同时包含支付成功反馈状态示意。从上到下布局： 1. 顶部步骤指示器：步骤条为①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价 ✓ → ④确认支付，当前第④步确认支付高亮。 2. 区域一：订单确认信息，区域标题“确认订单”，圆角只读订单信息卡片展示：订单编号（标注：待生成，支付后显示）、项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」、服务模式「现场服务」、预期上门「2026-07-15」。 3. 区域二：服务明细，标题“服务明细”，列表展示：「现场安装调试 ×1 —— ¥800」、「智能方案设计 ×120㎡ —— ¥1,800」，列表底部横线分隔后展示：服务总计¥2,600。 4. 区域三：支付方式，标题“支付方式”，展示默认选中的微信支付（带对勾图标），标注文字“复用产品支付流程，具体支付界面由微信标准组件完成”。 5. 底部固定悬浮操作区：左侧文字“应付总额：¥2,600”，右侧主色高亮大按钮“立即支付”。在页面下方用虚线框标注支付成功状态：虚线框上方标注“支付成功后 ↓”，框内包含✓支付成功图标、文字“支付成功”、订单编号「ZXH20260703001」、订单状态标签「已支付（待审核）」、按钮“查看项目看板”、小字提示「管理员审核通过后将为您派单，请耐心等待」。订单信息和服务明细为核心内容，要一目了然，支付成功状态变化清晰，所有文字清晰可见，使用无衬线字体，整体风格和前序设计保持统一。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与之前智宅焕UI风格保持一致，为客户提交订单前的最后确认页面，同时包含支付成功反馈状态示意。
从上到下布局：
1. 顶部步骤指示器：步骤条为①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价 ✓ → ④确认支付，当前第④步确认支付高亮。
2. 区域一：订单确认信息，区域标题“确认订单”，圆角只读订单信息卡片展示：订单编号（标注：待生成，支付后显示）、项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」、服务模式「现场服务」、预期上门「2026-07-15」。
3. 区域二：服务明细，标题“服务明细”，列表展示：「现场安装调试 ×1 —— ¥800」、「智能方案设计 ×120㎡ —— ¥1,800」，列表底部横线分隔后展示：服务总计¥2,600。
4. 区域三：支付方式，标题“支付方式”，展示默认选中的微信支付（带对勾图标），标注文字“复用产品支付流程，具体支付界面由微信标准组件完成”。
5. 底部固定悬浮操作区：左侧文字“应付总额：¥2,600”，右侧主色高亮大按钮“立即支付”。
在页面下方用虚线框标注支付成功状态：虚线框上方标注“支付成功后 ↓”，框内包含✓支付成功图标、文字“支付成功”、订单编号「ZXH20260703001」、订单状态标签「已支付（待审核）」、按钮“查看项目看板”、小字提示「管理员审核通过后将为您派单，请耐心等待」。
订单信息和服务明细为核心内容，要一目了然，支付成功状态变化清晰，所有文字清晰可见，使用无衬线字体，整体风格和前序设计保持统一。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序关联订单页UI风格保持一致，仅修改区域一为项目筛选，其他区域（简化下单流程、补充信息、底部操作区、关联成功状态示意）保持原有内容不变。修正后的区域一：关联项目筛选，区域标题“关联至项目”，核心交互为微信小程序标准下拉筛选框，占位文字“请选择要关联的项目”，右侧带向下箭头示意可展开；展开下拉列表后，展示客户名下3个示例项目，每条项目记录格式：项目名称 + 项目地址 + 项目类型 + 面积，示例项目： 1. 张先生家智能改造 - 上海市闵行区 - 平层 120㎡ 2. 李女士家灯光升级 - 上海市浦东新区 - 复式 180㎡ 3. 王总办公室智能化 - 上海市静安区 - 工装 300㎡选中项目后，下拉框展示选中项目名称，下方自动填充只读项目基本信息卡片：项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」，卡片底部小字提示“以上信息来自主项目，不可修改”；在页面底部增加黄色警示条提示：“主项目信息不完整，请先返回主项目完善信息后再关联订单”（主项目信息不完整场景示意）。下拉筛选框要清晰展示展开/收起状态，选中项目信息自动填充且视觉上体现不可修改，所有文字清晰可见，使用无衬线字体，整体风格与原页面保持一致。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序关联订单页UI风格保持一致，仅修改区域一为项目筛选，其他区域（简化下单流程、补充信息、底部操作区、关联成功状态示意）保持原有内容不变。
修正后的区域一：关联项目筛选，区域标题“关联至项目”，核心交互为微信小程序标准下拉筛选框，占位文字“请选择要关联的项目”，右侧带向下箭头示意可展开；展开下拉列表后，展示客户名下3个示例项目，每条项目记录格式：项目名称 + 项目地址 + 项目类型 + 面积，示例项目：
1. 张先生家智能改造 - 上海市闵行区 - 平层 120㎡
2. 李女士家灯光升级 - 上海市浦东新区 - 复式 180㎡
3. 王总办公室智能化 - 上海市静安区 - 工装 300㎡
选中项目后，下拉框展示选中项目名称，下方自动填充只读项目基本信息卡片：项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」，卡片底部小字提示“以上信息来自主项目，不可修改”；在页面底部增加黄色警示条提示：“主项目信息不完整，请先返回主项目完善信息后再关联订单”（主项目信息不完整场景示意）。
下拉筛选框要清晰展示展开/收起状态，选中项目信息自动填充且视觉上体现不可修改，所有文字清晰可见，使用无衬线字体，整体风格与原页面保持一致。

微信小程序装修商城首页UI界面，9:16竖屏，主色调为绿色#23b574，简约扁平商务风，白色干净背景。页面结构从上到下依次为：顶部绿色导航栏+搜索框、全屋整装轮播banner、装修风格分类图标模块（包含现代/奶油/中式/轻奢四种风格）、热门装修套餐圆角卡片、设计师推荐板块、实景案例图集，页面底部预留空白用于放置5个Tab导航栏。设计要求柔和圆角、浅淡阴影、规整栅格、低饱和配色，专业家装移动端界面，高清细节，无多余杂物

微信小程序装修商城首页UI界面，9:16竖屏，主色调为绿色#23b574，简约扁平商务风，白色干净背景。页面结构从上到下依次为：顶部绿色导航栏+搜索框、全屋整装轮播banner、装修风格分类图标模块（包含现代/奶油/中式/轻奢四种风格）、热门装修套餐圆角卡片、设计师推荐板块、实景案例图集，页面底部预留空白用于放置5个Tab导航栏。设计要求柔和圆角、浅淡阴影、规整栅格、低饱和配色，专业家装移动端界面，高清细节，无多余杂物

微信小程序装修商城首页UI界面，9:16竖屏，主色调为绿色#23b574，简约扁平商务风，白色干净背景。页面结构从上到下依次为：顶部绿色导航栏+搜索框、全屋整装轮播banner、装修风格分类图标模块（包含现代/奶油/中式/轻奢四种风格）、热门装修套餐圆角卡片、设计师推荐板块、实景案例图集，页面底部预留空白用于放置5个Tab导航栏。设计要求柔和圆角、浅淡阴影、规整栅格、低饱和配色，专业家装移动端界面，高清细节，无多余杂物

微信小程序装修商城首页UI界面，9:16竖屏，主色调为绿色#23b574，简约扁平商务风，白色干净背景。页面结构从上到下依次为：顶部绿色导航栏+搜索框、全屋整装轮播banner、装修风格分类图标模块（包含现代/奶油/中式/轻奢四种风格）、热门装修套餐圆角卡片、设计师推荐板块、实景案例图集，页面底部预留空白用于放置5个Tab导航栏。设计要求柔和圆角、浅淡阴影、规整栅格、低饱和配色，专业家装移动端界面，高清细节，无多余杂物

创意 × 2

参考原图的清新简约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设计风格，浅蓝渐变背景，信息分区清晰，层次分明

生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。从上到下布局： 1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。 2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态：卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意；卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。 3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。 4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。

生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。
从上到下布局：
1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。
2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态：
卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意；
卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。
3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。
4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。
整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。

生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。从上到下布局： 1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。 2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态：卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意；卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。 3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。 4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。

生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。
从上到下布局：
1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。
2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态：
卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意；
卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。
3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。
4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。
整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。

移动端UI设计，个人中心"我的"页面，延续之前设备页和数据页的简约风格。 1. 顶部区域：显示圆形用户头像，右侧昵称"王大爷家"，下方显示设备编号"GDZT-2024001"和安装日期"2024.10.15"。 2. 常用设置区，列表形式： - 目标温度：显示当前设定"20℃"，右侧箭头 - 温度单位：显示"℃"，右侧箭头 - 离家模式：右侧滑动开关(关闭状态) - 通知推送：右侧滑动开关(开启状态) 3. 消息与报警区，列表形式： - 第一条：绿色对勾✅ "系统运行正常" - 第二条：橙色提醒ℹ️ "建议清洗光伏板"，右侧标注"上次清洗：60天前" 4. 联系我们区，列表形式： - 客服电话："400-888-6666" - 在线客服：文字，右侧箭头 - 常见问题：文字，右侧箭头 5. 底部导航栏：四个标签"首页""设备""数据""我的"，当前页"我的"标签高亮，其他标签灰色。现代简约清洁能源APP个人中心界面，清晰易读，清爽配色，风格与前两页保持一致

移动端UI设计，个人中心"我的"页面，延续之前设备页和数据页的简约风格。
1. 顶部区域：显示圆形用户头像，右侧昵称"王大爷家"，下方显示设备编号"GDZT-2024001"和安装日期"2024.10.15"。
2. 常用设置区，列表形式：
- 目标温度：显示当前设定"20℃"，右侧箭头
- 温度单位：显示"℃"，右侧箭头
- 离家模式：右侧滑动开关(关闭状态)
- 通知推送：右侧滑动开关(开启状态)
3. 消息与报警区，列表形式：
- 第一条：绿色对勾✅ "系统运行正常"
- 第二条：橙色提醒ℹ️ "建议清洗光伏板"，右侧标注"上次清洗：60天前"
4. 联系我们区，列表形式：
- 客服电话："400-888-6666"
- 在线客服：文字，右侧箭头
- 常见问题：文字，右侧箭头
5. 底部导航栏：四个标签"首页""设备""数据""我的"，当前页"我的"标签高亮，其他标签灰色。
现代简约清洁能源APP个人中心界面，清晰易读，清爽配色，风格与前两页保持一致

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，参考上传图片风格与智宅焕前序UI体系保持一致，为师傅点击进入工作台后的订单核心操作面板，内容较多可上下滚动。从上到下布局： 1. 顶部导航：左上角“← 返回”，页面标题“订单工作台”，橙色标签“服务中”订单状态。 2. 区域一：项目信息区，区域标题“项目信息”，灰色底只读信息卡片：项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、项目概述「全屋智能开关安装，窗帘电机安装」、户型面积「120㎡」、项目类型「平层」、预期上门时间「2026-07-15」、标签「时间可协商」、可展开链接「关联产品订单：查看产品清单」。 3. 区域二：服务清单与佣金信息区，区域标题“服务与佣金”，服务明细卡片：服务名称「现场安装调试」、数量「1次」、佣金单价「¥560」、小计「¥560」，下方绿色文字展示“含远程补贴：¥80”，底部大字橙色突出展示“本单总佣金：¥640”，小字标注“此为完成本单后可获得的全部佣金”，佣金信息醒目展示。 4. 区域三：资料互动区，区域标题“资料与沟通”，子Tab切换：客户资料 | 我的上传 | 沟通记录，当前展示客户资料：文件列表占位示意：📄 户型图.pdf、🖼️ 客厅照片.jpg、🖼️ 开关位置图.png，每个文件右侧有“下载”按钮；虚线框示意切换至我的上传：“+ 上传文件”按钮，上传可选标签：户型图/现场照片/方案图纸/验收单/其他，占位已上传文件列表；虚线框示意切换至沟通记录：“+ 发起资料请求”，输入框+发送按钮，占位对话记录列表。 5. 区域四：关键操作区，区域标题“操作”，当前为安装调试师傅，全宽按钮依次展示：主色“预约客户”按钮，下方标注“已预约：2026-07-15 9:00”；主色“到达签到”按钮，下方标注“签到时间：9:03”；次要全宽按钮“签退及日志”，下方标注“填写今日工作概要（选填）”；高亮警示色全宽按钮“提交验收”，下方标注“上传完工照片或视频”；虚线框标注：“如角色为项目经理，额外展示 ↓”，额外展示按钮“项目经理审核”。操作按钮清晰，状态明确，资料互动子Tab切换用虚线框示意即可，所有文字清晰可见，使用无衬线字体，整体风格与上传参考图及前序设计保持一致。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，参考上传图片风格与智宅焕前序UI体系保持一致，为师傅点击进入工作台后的订单核心操作面板，内容较多可上下滚动。
从上到下布局：
1. 顶部导航：左上角“← 返回”，页面标题“订单工作台”，橙色标签“服务中”订单状态。
2. 区域一：项目信息区，区域标题“项目信息”，灰色底只读信息卡片：项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、项目概述「全屋智能开关安装，窗帘电机安装」、户型面积「120㎡」、项目类型「平层」、预期上门时间「2026-07-15」、标签「时间可协商」、可展开链接「关联产品订单：查看产品清单」。
3. 区域二：服务清单与佣金信息区，区域标题“服务与佣金”，服务明细卡片：服务名称「现场安装调试」、数量「1次」、佣金单价「¥560」、小计「¥560」，下方绿色文字展示“含远程补贴：¥80”，底部大字橙色突出展示“本单总佣金：¥640”，小字标注“此为完成本单后可获得的全部佣金”，佣金信息醒目展示。
4. 区域三：资料互动区，区域标题“资料与沟通”，子Tab切换：客户资料 | 我的上传 | 沟通记录，当前展示客户资料：文件列表占位示意：📄 户型图.pdf、🖼️ 客厅照片.jpg、🖼️ 开关位置图.png，每个文件右侧有“下载”按钮；虚线框示意切换至我的上传：“+ 上传文件”按钮，上传可选标签：户型图/现场照片/方案图纸/验收单/其他，占位已上传文件列表；虚线框示意切换至沟通记录：“+ 发起资料请求”，输入框+发送按钮，占位对话记录列表。
5. 区域四：关键操作区，区域标题“操作”，当前为安装调试师傅，全宽按钮依次展示：主色“预约客户”按钮，下方标注“已预约：2026-07-15 9:00”；主色“到达签到”按钮，下方标注“签到时间：9:03”；次要全宽按钮“签退及日志”，下方标注“填写今日工作概要（选填）”；高亮警示色全宽按钮“提交验收”，下方标注“上传完工照片或视频”；虚线框标注：“如角色为项目经理，额外展示 ↓”，额外展示按钮“项目经理审核”。
操作按钮清晰，状态明确，资料互动子Tab切换用虚线框示意即可，所有文字清晰可见，使用无衬线字体，整体风格与上传参考图及前序设计保持一致。

创意 × 4

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

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

生成一张网页端后台管理UI设计图，宽高比16:9，深色专业风格，深蓝灰底色，与后台管理端风格统一。页面布局： 1. 左侧侧边导航栏，布局内容与第一张后台页面保持一致：顶部平台Logo+“智宅焕管理后台”，菜单项：订单管理（当前选中项，高亮显示）、服务产品配置、师傅管理、提现审核、系统设置。 2. 右侧为派单工作台内容区，分为三个区域： - 顶部订单概要区：标题文字“派单工作台”，下方以横向卡片形式展示只读订单概要信息：项目名称XXX，客户姓名/手机号，项目城市上海，项目地址上海市闵行区XX路XX号，预期上门时间2026-07-15，时间灵活性标签“时间可协商”，订单总服务数3项，订单总金额¥2,580；卡片右上角有一个低调样式“追加远程费”按钮。 - 中部任务拆分区：标题文字“任务拆分与指派”，下方纵向排列展示3个系统自动拆分的任务卡片，每个任务卡片：左侧信息区包含服务名称（如现场安装调试）、数量、服务城市、预期上门时间、时间灵活性标签、客户支付单价（灰色小字并标注“仅管理员可见”）、指派状态标签；右侧操作区包含“指派师傅”主色高亮按钮，“修改佣金”低调样式按钮，已指派时显示佣金金额。三个任务卡片分别是第一个“待指派”、第二个“已指派”、第三个“待指派”，状态区分清晰，任务拆分卡片为核心交互区需要突出展示。 - 底部操作区：固定悬浮在底部，包含“一键通知师傅”主色高亮按钮（提示所有任务已指派才可点击，否则置灰）和“返回订单列表”次要按钮，旁边附带提示文字“请先完成所有任务指派后，再通知师傅”，底部操作区始终可见。所有文字清晰可见，使用无衬线字体，UI风格专业整洁，整体与上一张智宅焕管理后台设计风格保持统一。

生成一张网页端后台管理UI设计图，宽高比16:9，深色专业风格，深蓝灰底色，与后台管理端风格统一。
页面布局：
1. 左侧侧边导航栏，布局内容与第一张后台页面保持一致：顶部平台Logo+“智宅焕管理后台”，菜单项：订单管理（当前选中项，高亮显示）、服务产品配置、师傅管理、提现审核、系统设置。
2. 右侧为派单工作台内容区，分为三个区域：
- 顶部订单概要区：标题文字“派单工作台”，下方以横向卡片形式展示只读订单概要信息：项目名称XXX，客户姓名/手机号，项目城市上海，项目地址上海市闵行区XX路XX号，预期上门时间2026-07-15，时间灵活性标签“时间可协商”，订单总服务数3项，订单总金额¥2,580；卡片右上角有一个低调样式“追加远程费”按钮。
- 中部任务拆分区：标题文字“任务拆分与指派”，下方纵向排列展示3个系统自动拆分的任务卡片，每个任务卡片：左侧信息区包含服务名称（如现场安装调试）、数量、服务城市、预期上门时间、时间灵活性标签、客户支付单价（灰色小字并标注“仅管理员可见”）、指派状态标签；右侧操作区包含“指派师傅”主色高亮按钮，“修改佣金”低调样式按钮，已指派时显示佣金金额。三个任务卡片分别是第一个“待指派”、第二个“已指派”、第三个“待指派”，状态区分清晰，任务拆分卡片为核心交互区需要突出展示。
- 底部操作区：固定悬浮在底部，包含“一键通知师傅”主色高亮按钮（提示所有任务已指派才可点击，否则置灰）和“返回订单列表”次要按钮，旁边附带提示文字“请先完成所有任务指派后，再通知师傅”，底部操作区始终可见。
所有文字清晰可见，使用无衬线字体，UI风格专业整洁，整体与上一张智宅焕管理后台设计风格保持统一。

修改微信小程序装修商城首页UI，保持整体设计风格，9:16竖屏，主色调绿色#23b574，简约扁平商务风，白色干净背景。修改要求：将轮播图下方原有的装修风格分类图标模块，替换为4个功能按钮：预约装修、商城、案例、特价套餐，在此行下方再增加一行特价产品展示区域，其他页面结构保持不变：顶部绿色导航栏+搜索框、全屋整装轮播banner保持不变，修改后设计师推荐板块、实景案例图集、底部预留Tab导航栏位置整体下移。保持柔和圆角、浅淡阴影、规整栅格、低饱和配色，专业家装移动端界面，高清细节

修改微信小程序装修商城首页UI，保持整体设计风格，9:16竖屏，主色调绿色#23b574，简约扁平商务风，白色干净背景。修改要求：将轮播图下方原有的装修风格分类图标模块，替换为4个功能按钮：预约装修、商城、案例、特价套餐，在此行下方再增加一行特价产品展示区域，其他页面结构保持不变：顶部绿色导航栏+搜索框、全屋整装轮播banner保持不变，修改后设计师推荐板块、实景案例图集、底部预留Tab导航栏位置整体下移。保持柔和圆角、浅淡阴影、规整栅格、低饱和配色，专业家装移动端界面，高清细节

创意 × 2

修改微信小程序装修商城首页UI，保持整体设计风格，9:16竖屏，主色调绿色#23b574，简约扁平商务风，白色干净背景。修改要求：将轮播图下方原有的装修风格分类图标模块，替换为4个功能按钮：预约装修、商城、案例、特价套餐，在此行下方再增加一行特价产品展示区域，其他页面结构保持不变：顶部绿色导航栏+搜索框、全屋整装轮播banner保持不变，修改后设计师推荐板块、实景案例图集、底部预留Tab导航栏位置整体下移。保持柔和圆角、浅淡阴影、规整栅格、低饱和配色，专业家装移动端界面，高清细节

修改微信小程序装修商城首页UI，保持整体设计风格，9:16竖屏，主色调绿色#23b574，简约扁平商务风，白色干净背景。修改要求：将轮播图下方原有的装修风格分类图标模块，替换为4个功能按钮：预约装修、商城、案例、特价套餐，在此行下方再增加一行特价产品展示区域，其他页面结构保持不变：顶部绿色导航栏+搜索框、全屋整装轮播banner保持不变，修改后设计师推荐板块、实景案例图集、底部预留Tab导航栏位置整体下移。保持柔和圆角、浅淡阴影、规整栅格、低饱和配色，专业家装移动端界面，高清细节

创意 × 2

参考风格设计工匠资源库列表页，移动端小程序UI设计，蓝色主色调主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"工匠库"，右侧搜索图标。2.搜索框，圆角灰色搜索栏，占位文字"搜索工匠姓名、擅长领域"。3.筛选标签栏，横向滚动多个领域标签，如"全部"、"机械制造"、"电气技术"、"建筑工程"、"工艺美术"，选中项蓝色背景白字。4.筛选条件行，两个下拉选择器"职称"、"地区"，灰色小字。5.工匠卡片列表，竖向排列多张圆角卡片，每张卡片左侧圆形头像，右侧信息区：姓名加粗标题，职称荣誉小字副标题，两个擅长领域彩色小标签，底部一行辅助文字：已服务XX家企业 · 4.9分。6.卡片带轻微阴影，卡片间距适中。整体风格：延续参考图政务类小程序风格，人才库列表风格，信息层次清晰，蓝色专业配色，高分辨率UI设计稿

参考风格设计工匠资源库列表页，移动端小程序UI设计，蓝色主色调主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"工匠库"，右侧搜索图标。2.搜索框，圆角灰色搜索栏，占位文字"搜索工匠姓名、擅长领域"。3.筛选标签栏，横向滚动多个领域标签，如"全部"、"机械制造"、"电气技术"、"建筑工程"、"工艺美术"，选中项蓝色背景白字。4.筛选条件行，两个下拉选择器"职称"、"地区"，灰色小字。5.工匠卡片列表，竖向排列多张圆角卡片，每张卡片左侧圆形头像，右侧信息区：姓名加粗标题，职称荣誉小字副标题，两个擅长领域彩色小标签，底部一行辅助文字：已服务XX家企业 · 4.9分。6.卡片带轻微阴影，卡片间距适中。整体风格：延续参考图政务类小程序风格，人才库列表风格，信息层次清晰，蓝色专业配色，高分辨率UI设计稿

创意 × 9

1q2c8q3vwt2k7u4q2-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

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为客户在已有项目下追加购买新服务的简化下单页面，页面内容可滚动。从上到下布局： 1. 顶部导航：左上角“← 返回项目看板”，页面标题“关联订单”。 2. 区域一：项目信息（自动复用只读），区域标题“关联至项目”，灰色底色只读卡片展示从主项目复用的信息：项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」，卡片底部小字提示“以上信息来自主项目，不可修改。如需修改，请返回主项目编辑”，清晰展示不可修改状态。 3. 区域二：简化下单流程，简化步骤条「①选择服务模式 → ②添加服务与计价 → ③确认支付」，服务模式选择为两个互斥卡片，和前序设计风格一致：当前选中卡片A“远程服务”，未选中卡片B“现场服务”；“+ 添加服务”按钮，下方展示一个已添加服务卡片：服务名称“智能锁安装”，计价方式一口价，单价¥350/次，小计¥350。下单流程比主项目简化，保留核心步骤。 4. 区域三：补充信息，选填多行文本需求描述输入框（占位“补充说明...”），选填虚线框资料上传区域。 5. 底部固定悬浮操作区：左侧“应付总额：¥350”，右侧主色高亮按钮“提交并支付”。页面下方用虚线框标注支付成功状态：标注“支付成功后 ↓”，框内说明新订单自动关联至主项目，展示订单编号，提示文字“该订单已关联至‘张先生家智能改造’项目”，通过标注和文字清晰表达关联逻辑。所有文字清晰可见，使用无衬线字体，整体风格与前序智宅焕深色专业设计保持一致。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为客户在已有项目下追加购买新服务的简化下单页面，页面内容可滚动。
从上到下布局：
1. 顶部导航：左上角“← 返回项目看板”，页面标题“关联订单”。
2. 区域一：项目信息（自动复用只读），区域标题“关联至项目”，灰色底色只读卡片展示从主项目复用的信息：项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」，卡片底部小字提示“以上信息来自主项目，不可修改。如需修改，请返回主项目编辑”，清晰展示不可修改状态。
3. 区域二：简化下单流程，简化步骤条「①选择服务模式 → ②添加服务与计价 → ③确认支付」，服务模式选择为两个互斥卡片，和前序设计风格一致：当前选中卡片A“远程服务”，未选中卡片B“现场服务”；“+ 添加服务”按钮，下方展示一个已添加服务卡片：服务名称“智能锁安装”，计价方式一口价，单价¥350/次，小计¥350。下单流程比主项目简化，保留核心步骤。
4. 区域三：补充信息，选填多行文本需求描述输入框（占位“补充说明...”），选填虚线框资料上传区域。
5. 底部固定悬浮操作区：左侧“应付总额：¥350”，右侧主色高亮按钮“提交并支付”。
页面下方用虚线框标注支付成功状态：标注“支付成功后 ↓”，框内说明新订单自动关联至主项目，展示订单编号，提示文字“该订单已关联至‘张先生家智能改造’项目”，通过标注和文字清晰表达关联逻辑。
所有文字清晰可见，使用无衬线字体，整体风格与前序智宅焕深色专业设计保持一致。

按照小程序规范设计招聘小程序首页：顶部状态栏显示时间"9:41"及系统信号图标；品牌信任区 slogan："关爱民生，服务大众，让天下没有难找的工作"；搜索区内提示文字为"Q输入关键词搜索岗位"；搜索框下方有强引导按钮"添加求职意向"；核心分类导航栏依次为：全职、校招、兼职、助残，助残入口突出差异化社会责任；筛选栏依次为：推荐、最新、青岛市下拉框、筛选按钮；职位卡片流核心内容区，每条职位卡片包含：职位名称、薪资范围、学历经验要求、公司名称加人员规模标签、招聘负责人姓名和职位、距离和区域、休假时间隐性福利点；底部标准三级Tab导航：首页、消息、我的。保持原参考图清新绿色简约的招聘UI风格，符合小程序设计规范

按照小程序规范设计招聘小程序首页：顶部状态栏显示时间"9:41"及系统信号图标；品牌信任区 slogan："关爱民生，服务大众，让天下没有难找的工作"；搜索区内提示文字为"Q输入关键词搜索岗位"；搜索框下方有强引导按钮"添加求职意向"；核心分类导航栏依次为：全职、校招、兼职、助残，助残入口突出差异化社会责任；筛选栏依次为：推荐、最新、青岛市下拉框、筛选按钮；职位卡片流核心内容区，每条职位卡片包含：职位名称、薪资范围、学历经验要求、公司名称加人员规模标签、招聘负责人姓名和职位、距离和区域、休假时间隐性福利点；底部标准三级Tab导航：首页、消息、我的。保持原参考图清新绿色简约的招聘UI风格，符合小程序设计规范

生成一张网页端UI设计图，宽高比为16:9。整体风格为深色专业风，与之前所有页面保持完全一致的视觉体系，左侧侧边导航栏当前“⚙️ 设置”菜单项高亮显示，所有导航栏文字全部替换为中文，不得出现英文，右侧为内容区。侧边栏所有文字均为中文，内容与之前保持一致，仅切换选中态到设置。右侧内容区：顶部页面标题“系统设置”字体稍大，采用分组卡片形式，每组一个设置区域：分组1账户信息，包含当前头像缩略图+“更换头像”按钮、昵称输入框默认显示“吴建旭”、登录邮箱输入框默认显示“xxx@example.com”、“🔒 修改密码”按钮；分组2品牌信息，右上角小标签“💡 未来版本：您的品牌信息将用于文章的品牌露出”，包含品牌名称输入框默认显示“智宅焕”、品牌Logo上传区域+当前Logo缩略图、品牌简介多行文本输入框默认显示示例简介；分组3写作偏好，包含默认写作语气下拉框选项“深度专业”“通俗易懂”“犀利直接”、默认文章长度下拉框选项“短文（800字）”“中长文（1500字）”“长文（2500字）”、自动保存频率下拉框选项“每30秒”“每1分钟”“每5分钟”；分组4数据与存储，显示当前存储用量“已使用 156MB / 总计 1GB”、“📤 导出全部数据”按钮、“🗑️ 清空缓存”低调灰色按钮。底部操作区为主按钮高亮样式“💾 保存设置”。设置页信息层级清晰分组明确，品牌信息扩展点低调可见，所有中文文字清晰可见，字体使用无衬线体，整个页面所有文字均为中文，不得保留任何英文导航项。

生成一张网页端UI设计图，宽高比为16:9。整体风格为深色专业风，与之前所有页面保持完全一致的视觉体系，左侧侧边导航栏当前“⚙️ 设置”菜单项高亮显示，所有导航栏文字全部替换为中文，不得出现英文，右侧为内容区。侧边栏所有文字均为中文，内容与之前保持一致，仅切换选中态到设置。右侧内容区：顶部页面标题“系统设置”字体稍大，采用分组卡片形式，每组一个设置区域：分组1账户信息，包含当前头像缩略图+“更换头像”按钮、昵称输入框默认显示“吴建旭”、登录邮箱输入框默认显示“xxx@example.com”、“🔒 修改密码”按钮；分组2品牌信息，右上角小标签“💡 未来版本：您的品牌信息将用于文章的品牌露出”，包含品牌名称输入框默认显示“智宅焕”、品牌Logo上传区域+当前Logo缩略图、品牌简介多行文本输入框默认显示示例简介；分组3写作偏好，包含默认写作语气下拉框选项“深度专业”“通俗易懂”“犀利直接”、默认文章长度下拉框选项“短文（800字）”“中长文（1500字）”“长文（2500字）”、自动保存频率下拉框选项“每30秒”“每1分钟”“每5分钟”；分组4数据与存储，显示当前存储用量“已使用 156MB / 总计 1GB”、“📤 导出全部数据”按钮、“🗑️ 清空缓存”低调灰色按钮。底部操作区为主按钮高亮样式“💾 保存设置”。设置页信息层级清晰分组明确，品牌信息扩展点低调可见，所有中文文字清晰可见，字体使用无衬线体，整个页面所有文字均为中文，不得保留任何英文导航项。

生成一张网页端后台管理UI设计图，宽高比16:9，深色专业风格，深蓝灰底色，整体为AI写作工作台的设计体系，是偏数据管理和控制感的管理员后台页面。页面布局： 1. 左侧宽度占15%，为侧边导航栏，顶部显示平台Logo和“智宅焕管理后台”文字，菜单项依次为：订单管理、服务产品配置（当前选中项，高亮显示）、师傅管理、提现审核、系统设置。 2. 右侧为内容区，分为上下两个区域： - 上半部分为服务列表：顶部标题文字“服务产品管理”，右侧有一个主色高亮的“+ 新增服务”按钮；下方是服务列表表格，列标题为：服务名称 | 服务模式 | 计价方式 | 单价 | 开放城市 | 状态 | 操作；表格内展示3-4条示例数据行，每行右侧有“编辑”和“停用/启用”按钮，服务模式列使用蓝色标签“远程服务”、橙色标签“现场服务”区分。 - 下半部分为编辑表单区，标题文字“新增/编辑服务产品”；表单字段从上到下依次为：服务名称输入框，服务模式下拉选择框（选项：远程服务、现场服务），远程费开关（标注仅选择“现场服务”时出现，含开关按钮和说明文字输入框），开放城市城市选择器（标注仅现场服务时必填，远程服务时自动隐藏），计价方式下拉选择框（选项：一口价/按面积分档/按城市分档/按城市+面积分档/按次/按周期/阶梯计价/按数量），单价数字输入框，计价单位输入框（占位示例：套/次/天），数量选择开关按钮，服务详情大高度富文本编辑区；表单底部有“保存”按钮和“取消”按钮。通过标注文字示意表单区域的字段联动关系，整体要体现功能完整的配置后台，所有文字清晰可见，使用无衬线字体，UI风格专业整洁。

生成一张网页端后台管理UI设计图，宽高比16:9，深色专业风格，深蓝灰底色，整体为AI写作工作台的设计体系，是偏数据管理和控制感的管理员后台页面。
页面布局：
1. 左侧宽度占15%，为侧边导航栏，顶部显示平台Logo和“智宅焕管理后台”文字，菜单项依次为：订单管理、服务产品配置（当前选中项，高亮显示）、师傅管理、提现审核、系统设置。
2. 右侧为内容区，分为上下两个区域：
- 上半部分为服务列表：顶部标题文字“服务产品管理”，右侧有一个主色高亮的“+ 新增服务”按钮；下方是服务列表表格，列标题为：服务名称 | 服务模式 | 计价方式 | 单价 | 开放城市 | 状态 | 操作；表格内展示3-4条示例数据行，每行右侧有“编辑”和“停用/启用”按钮，服务模式列使用蓝色标签“远程服务”、橙色标签“现场服务”区分。
- 下半部分为编辑表单区，标题文字“新增/编辑服务产品”；表单字段从上到下依次为：服务名称输入框，服务模式下拉选择框（选项：远程服务、现场服务），远程费开关（标注仅选择“现场服务”时出现，含开关按钮和说明文字输入框），开放城市城市选择器（标注仅现场服务时必填，远程服务时自动隐藏），计价方式下拉选择框（选项：一口价/按面积分档/按城市分档/按城市+面积分档/按次/按周期/阶梯计价/按数量），单价数字输入框，计价单位输入框（占位示例：套/次/天），数量选择开关按钮，服务详情大高度富文本编辑区；表单底部有“保存”按钮和“取消”按钮。
通过标注文字示意表单区域的字段联动关系，整体要体现功能完整的配置后台，所有文字清晰可见，使用无衬线字体，UI风格专业整洁。