创意预览图

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格（参考上传图片设计）保持一致，为客户点击发起争议后进入的申诉页面。 从上到下布局： 1. 顶部导航：左上角“← 返回”

用户头像

678typ3ch-H...

2026.07.04
生成一张微信小程序竖屏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
喜鹊帮帮姣姣喜鹊帮帮姣姣
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
生成一张微信小程序竖屏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
678typ3ch-HB678typ3ch-HB
全场景智慧培训预约系统 - 功能介绍 系统概述 全场景智慧培训预约系统是一套面向线下服务型门店的 SaaS 管理插件，集课程培训管理、场馆场地预约、教练管理、学员管理、优惠券营销和数据统计分析于一体，支持多门店/多站点独立运营。 无论是健身房私教课、培训机构团课、瑜伽馆小班课，还是球场/舞蹈室按小时出租，都能通过本系统实现从线上展示→下单支付→预约核销→售后评价的完整业务闭环。 核心功能模块 一、课程管理 课程信息管理：课程名称、封面图、简介、课程形式（私教/团课）、时长、最大人数等完整信息管理 课程分类：支持多级分类，便于用户按分类浏览和筛选课程 课程类型：自定义课程类型（如私教课、团课、体验课等），满足不同业务场景 多规格定价：支持单规格/多规格模式，每个规格独立设置价格与原价，灵活适配不同课时套餐 排课管理：按日期+时间段排课，关联教练和场地，支持批量排课与周期性排课 库存管理：排课自动关联库存，下单锁定库存，取消释放库存，防止超卖 课程评价：用户完成课程后可进行1-5星评分+文字+图片评价，管理员可回复管理 课程收藏：用户可收藏心仪课程，支持收藏列表管理 二、教练管理 教练档案：教练姓名、头像、证书图片、课时费标准、个人简介等完整信息 教练等级：自定义教练等级体系（如初级教练、高级教练、认证讲师等） 教练类型：按专业领域分类教练（如力量训练、瑜伽、舞蹈等） 教练标签：多标签体系，灵活标注教练特长（如"增肌""减脂""产后恢复"等） 教练结算：按排课自动生成结算记录，支持批量结算与打款，结算流程：待结算→已结算→已打款 教练人气排行：基于授课数据自动生成教练人气排行榜 三、学员管理 学员档案：关联平台会员，记录学员姓名、紧急联系人及电话、入学日期等信息 课时统计：自动统计总购买课时、已消耗课时、剩余课时，数据一目了然 消费统计：累计报课数、累计消费金额，支持消费行为分析 状态管理：停课/在读/结业三种状态，支持生命周期管理 统计看板：管理员端学员概览卡片、30天趋势图、状态分布饼图 四、场馆场地管理 场馆管理：场馆名称、封面图、详细地址（省市区+经纬度）、联系电话、营业时间、场馆介绍 场地管理：每个场馆可管理多个场地（如1号场、2号场、VIP室等），含场地图片、容纳人数、设施配置、每小时单价 时段预约：按日期+时间段进行预约，支持独占模式和共享模式 营业时间：每个场馆独立设置营业时间，系统自动校验预约时段是否在营业时间范围内 时段可用性：实时查询场地各时段占用情况，冲突检测防止重复预约 五、课程预约 在线下单：选课程→选规格→选排课→使用优惠券→下单支付，流程顺畅 自动预约：支付成功后自动创建预约记录，无需人工干预 核销管理：自动生成预约核销码和二维码，管理员扫码签到/签退 库存流转：锁定库存→签到确认→签退完成，全流程库存精确管控 预约提醒：课程开始前2小时自动推送预约提醒通知 六、场馆预约 在线选场：选场馆→选场地→选日期时段→下单支付，操作直观 超时保护：下单后15分钟未支付自动取消订单并释放时段，避免资源浪费 自动预约：支付成功自动生成预约记录和核销码 签到签退：支持管理员扫码完成签到和签退操作 七、优惠券营销 券类型：支持满减券（满X减Y）和折扣券（X折），满足不同营销策略 发放控制：总量限制、每人限领张数、领取时间窗口，精细化管控 有效期：支持固定时间段有效 or 领取后N天内有效两种模式 适用场景：按指定课程ID列表限制使用范围 自动发放：注册赠送、购买成功后赠送，通过事件机制自动触发 手动发放：管理员指定用户手动发放优惠券 统计看板：发放量/领取量/使用量数据一目了然 过期提醒：每日自动扫描24小时内即将过期优惠券并推送提醒 八、订单管理 课程订单：完整订单生命周期（待支付→已支付→已完成→已取消） 场馆订单：完整订单生命周期 + 超时自动取消机制 退款取消：支持订单退款和取消操作 优惠券抵扣：下单时自动计算优惠券抵扣金额 九、数据统计 运营概览：总营收、今日营收、营收增长率、今日订单数、今日预约数、新增学员数 营收趋势：按日期范围查询课程+场馆合并营收趋势 课程销量排行：热销课程排行榜 教练人气排行：教练受欢迎程度排行 预约趋势：预约量随时间的趋势变化 十、消息通知 课程支付成功通知：订单号、课程名、金额、支付时间 场馆支付成功通知：订单号、场馆名、日期、时段、金额 预约即将开始提醒：课程名、日期时间、教练、地点 优惠券过期提醒：券名称、过期时间 DIY 页面装修 系统提供3个自定义装修组件，支持拖拽式页面搭建： 课程列表组件：展示课程卡片，支持分类筛选、排序（综合/最新/人气/价格）、显示教练/价格/简介 教练列表组件：展示教练卡片，支持类型/等级筛选 场馆列表组件：展示场馆卡片，支持显示地址、场地、标签信息 适用场景 行业 典型应用 健身房/私教工作室 私教课预约、团课管理、教练排课、会员课时管理 培训机构 课程发布报名、班级管理、学员档案、课时消耗 瑜伽馆/舞蹈室 小班课排期、场馆时段出租、会员签到 球类运动场馆 球场按小时预约、场地管理、会员体系 游泳馆 课程培训 + 泳道预约双模式 综合运动中心 课程+场馆全场景覆盖 基于此内容生成一个详情长图全场景智慧培训预约系统 - 功能介绍 系统概述 全场景智慧培训预约系统是一套面向线下服务型门店的 SaaS 管理插件，集课程培训管理、场馆场地预约、教练管理、学员管理、优惠券营销和数据统计分析于一体，支持多门店/多站点独立运营。 无论是健身房私教课、培训机构团课、瑜伽馆小班课，还是球场/舞蹈室按小时出租，都能通过本系统实现从线上展示→下单支付→预约核销→售后评价的完整业务闭环。 核心功能模块 一、课程管理 课程信息管理：课程名称、封面图、简介、课程形式（私教/团课）、时长、最大人数等完整信息管理 课程分类：支持多级分类，便于用户按分类浏览和筛选课程 课程类型：自定义课程类型（如私教课、团课、体验课等），满足不同业务场景 多规格定价：支持单规格/多规格模式，每个规格独立设置价格与原价，灵活适配不同课时套餐 排课管理：按日期+时间段排课，关联教练和场地，支持批量排课与周期性排课 库存管理：排课自动关联库存，下单锁定库存，取消释放库存，防止超卖 课程评价：用户完成课程后可进行1-5星评分+文字+图片评价，管理员可回复管理 课程收藏：用户可收藏心仪课程，支持收藏列表管理 二、教练管理 教练档案：教练姓名、头像、证书图片、课时费标准、个人简介等完整信息 教练等级：自定义教练等级体系（如初级教练、高级教练、认证讲师等） 教练类型：按专业领域分类教练（如力量训练、瑜伽、舞蹈等） 教练标签：多标签体系，灵活标注教练特长（如"增肌""减脂""产后恢复"等） 教练结算：按排课自动生成结算记录，支持批量结算与打款，结算流程：待结算→已结算→已打款 教练人气排行：基于授课数据自动生成教练人气排行榜 三、学员管理 学员档案：关联平台会员，记录学员姓名、紧急联系人及电话、入学日期等信息 课时统计：自动统计总购买课时、已消耗课时、剩余课时，数据一目了然 消费统计：累计报课数、累计消费金额，支持消费行为分析 状态管理：停课/在读/结业三种状态，支持生命周期管理 统计看板：管理员端学员概览卡片、30天趋势图、状态分布饼图 四、场馆场地管理 场馆管理：场馆名称、封面图、详细地址（省市区+经纬度）、联系电话、营业时间、场馆介绍 场地管理：每个场馆可管理多个场地（如1号场、2号场、VIP室等），含场地图片、容纳人数、设施配置、每小时单价 时段预约：按日期+时间段进行预约，支持独占模式和共享模式 营业时间：每个场馆独立设置营业时间，系统自动校验预约时段是否在营业时间范围内 时段可用性：实时查询场地各时段占用情况，冲突检测防止重复预约 五、课程预约 在线下单：选课程→选规格→选排课→使用优惠券→下单支付，流程顺畅 自动预约：支付成功后自动创建预约记录，无需人工干预 核销管理：自动生成预约核销码和二维码，管理员扫码签到/签退 库存流转：锁定库存→签到确认→签退完成，全流程库存精确管控 预约提醒：课程开始前2小时自动推送预约提醒通知 六、场馆预约 在线选场：选场馆→选场地→选日期时段→下单支付，操作直观 超时保护：下单后15分钟未支付自动取消订单并释放时段，避免资源浪费 自动预约：支付成功自动生成预约记录和核销码 签到签退：支持管理员扫码完成签到和签退操作 七、优惠券营销 券类型：支持满减券（满X减Y）和折扣券（X折），满足不同营销策略 发放控制：总量限制、每人限领张数、领取时间窗口，精细化管控 有效期：支持固定时间段有效 or 领取后N天内有效两种模式 适用场景：按指定课程ID列表限制使用范围 自动发放：注册赠送、购买成功后赠送，通过事件机制自动触发 手动发放：管理员指定用户手动发放优惠券 统计看板：发放量/领取量/使用量数据一目了然 过期提醒：每日自动扫描24小时内即将过期优惠券并推送提醒 八、订单管理 课程订单：完整订单生命周期（待支付→已支付→已完成→已取消） 场馆订单：完整订单生命周期 + 超时自动取消机制 退款取消：支持订单退款和取消操作 优惠券抵扣：下单时自动计算优惠券抵扣金额 九、数据统计 运营概览：总营收、今日营收、营收增长率、今日订单数、今日预约数、新增学员数 营收趋势：按日期范围查询课程+场馆合并营收趋势 课程销量排行：热销课程排行榜 教练人气排行：教练受欢迎程度排行 预约趋势：预约量随时间的趋势变化 十、消息通知 课程支付成功通知：订单号、课程名、金额、支付时间 场馆支付成功通知：订单号、场馆名、日期、时段、金额 预约即将开始提醒：课程名、日期时间、教练、地点 优惠券过期提醒：券名称、过期时间 DIY 页面装修 系统提供3个自定义装修组件，支持拖拽式页面搭建： 课程列表组件：展示课程卡片，支持分类筛选、排序（综合/最新/人气/价格）、显示教练/价格/简介 教练列表组件：展示教练卡片，支持类型/等级筛选 场馆列表组件：展示场馆卡片，支持显示地址、场地、标签信息 适用场景 行业 典型应用 健身房/私教工作室 私教课预约、团课管理、教练排课、会员课时管理 培训机构 课程发布报名、班级管理、学员档案、课时消耗 瑜伽馆/舞蹈室 小班课排期、场馆时段出租、会员签到 球类运动场馆 球场按小时预约、场地管理、会员体系 游泳馆 课程培训 + 泳道预约双模式 综合运动中心 课程+场馆全场景覆盖 基于此内容生成一个详情长图
1pzztowupl-HB1pzztowupl-HB
生成一张微信小程序竖屏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㎡」、项目类型「平层」，卡片底部小字提示“以上信息来自主项目，不可修改”；在页面底部增加黄色警示条提示：“主项目信息不完整，请先返回主项目完善信息后再关联订单”（主项目信息不完整场景示意）。 下拉筛选框要清晰展示展开/收起状态，选中项目信息自动填充且视觉上体现不可修改，所有文字清晰可见，使用无衬线字体，整体风格与原页面保持一致。
678typ3ch-HB678typ3ch-HB
GD641382952GD641382952
生成一张微信小程序竖屏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”，右侧主色高亮按钮“提交订单并支付”。 已添加服务卡片为核心信息区，总价视觉突出，所有文字清晰可见，使用无衬线字体，整体风格与前序设计保持统一。
678typ3ch-HB678typ3ch-HB
6adhucitqSFIi0g-HB6adhucitqSFIi0g-HB
生成一张微信小程序竖屏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
678typ3ch-HB678typ3ch-HB
生成一张微信小程序竖屏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”，右侧主色高亮按钮“提交并支付”。 页面下方用虚线框标注支付成功状态：标注“支付成功后 ↓”，框内说明新订单自动关联至主项目，展示订单编号，提示文字“该订单已关联至‘张先生家智能改造’项目”，通过标注和文字清晰表达关联逻辑。 所有文字清晰可见，使用无衬线字体，整体风格与前序智宅焕深色专业设计保持一致。
678typ3ch-HB678typ3ch-HB
喜鹊帮帮姣姣喜鹊帮帮姣姣
Linda.Batz80Linda.Batz80
1pzter5x7k-HB1pzter5x7k-HB
喜鹊帮帮姣姣喜鹊帮帮姣姣
生成一张微信小程序竖屏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. 底部固定按钮区：全宽次要按钮“关联订单”，全宽低调警示色按钮“发起争议”。 四个区域用清晰分隔线或卡片间距区分，所有文字清晰可见，使用无衬线字体，整体风格和前序智宅焕设计保持统一。
678typ3ch-HB678typ3ch-HB
喜鹊帮帮姣姣喜鹊帮帮姣姣
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
GD188242316GD188242316
1r8luyherpEwPosQ-HB1r8luyherpEwPosQ-HB
1q4jiiklq9-HB1q4jiiklq9-HB
用户ui9I8KBA用户ui9I8KBA
高德崇高德崇