参考工匠库列表风格，设计企业库列表页移动端小程序UI，蓝色主色调主色#165DFF，简洁政务风格-1q2c8q3vwt2k7u4q2-HB-稿定 AI

创意预览图

参考工匠库列表风格，设计企业库列表页移动端小程序UI，蓝色主色调主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"企业库"，右侧

1q2c8q3vwt2...

2026.07.10

参考风格设计工匠资源库列表页，移动端小程序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设计稿，保留原有布局和内容：顶部导航栏居中标题"劳模工匠助企行"，第二排全屏宽圆角轮播Banner图"匠心赋能企业创新驱动发展"，第三排个人信息卡片左侧头像姓名经验值右侧我的订单按钮带轻微阴影，第四排横向排列工匠库、企业库、知识库三个线性图标功能入口，第五排渐变蓝色背景疗休养活动报名横幅带立即报名按钮，第六排劳模风采和成果战绩Tab切换，下方每行2张共4张圆角图片网格，底部固定导航栏三个菜单首页中间高亮。延续蓝色主色调主色#165DFF，优化细节提升精致度，保持简洁高级大气扁平化风格，更清晰的视觉层次，更强的政务专业质感，超高分辨率

更精细化优化设计移动端小程序首页UI设计稿，保留原有布局和内容：顶部导航栏居中标题"劳模工匠助企行"，第二排全屏宽圆角轮播Banner图"匠心赋能企业创新驱动发展"，第三排个人信息卡片左侧头像姓名经验值右侧我的订单按钮带轻微阴影，第四排横向排列工匠库、企业库、知识库三个线性图标功能入口，第五排渐变蓝色背景疗休养活动报名横幅带立即报名按钮，第六排劳模风采和成果战绩Tab切换，下方每行2张共4张圆角图片网格，底部固定导航栏三个菜单首页中间高亮。延续蓝色主色调主色#165DFF，优化细节提升精致度，保持简洁高级大气扁平化风格，更清晰的视觉层次，更强的政务专业质感，超高分辨率

创意 × 9

1q2c8q3vwt2k7u4q2-HB

移动端小程序首页UI设计稿，蓝色主色调，主色#165DFF，简洁高级大气风格，现代扁平化UI设计，界面干净清爽，商务政务感。页面从上到下布局：1.顶部导航栏居中标题文字"劳模工匠助企行"，深蓝色字体，简洁大气。2.第二排全屏宽轮播Banner图区域，圆角设计。3.第三排个人信息卡片，左侧显示头像、姓名、经验值进度条，右侧放置"我的订单"功能图标按钮，卡片带轻微阴影。4.第四排三个功能入口图标横向排列，分别是"工匠库"、"企业库"、"知识库"，每个图标配文字说明，线性图标风格。5.第五排活动报名横幅图片，文字"疗休养活动报名"，渐变蓝色背景，有报名按钮。6.第六排Tab切换标签栏，"劳模风采"和"成果战绩"两个标签，下方是图片列表网格布局，每行2张，共两排4张图，圆角卡片式。7.底部导航栏三个菜单按钮，分别是"成果展示"、"首页"（中间高亮）、"我的"，固定底部。整体配色不同深浅蓝色系，辅助浅蓝、背景白色，蓝色渐变点缀，留白充足，视觉层次分明，政务类小程序专业质感，高分辨率。

移动端小程序首页UI设计稿，蓝色主色调，主色#165DFF，简洁高级大气风格，现代扁平化UI设计，界面干净清爽，商务政务感。页面从上到下布局：1.顶部导航栏居中标题文字"劳模工匠助企行"，深蓝色字体，简洁大气。2.第二排全屏宽轮播Banner图区域，圆角设计。3.第三排个人信息卡片，左侧显示头像、姓名、经验值进度条，右侧放置"我的订单"功能图标按钮，卡片带轻微阴影。4.第四排三个功能入口图标横向排列，分别是"工匠库"、"企业库"、"知识库"，每个图标配文字说明，线性图标风格。5.第五排活动报名横幅图片，文字"疗休养活动报名"，渐变蓝色背景，有报名按钮。6.第六排Tab切换标签栏，"劳模风采"和"成果战绩"两个标签，下方是图片列表网格布局，每行2张，共两排4张图，圆角卡片式。7.底部导航栏三个菜单按钮，分别是"成果展示"、"首页"（中间高亮）、"我的"，固定底部。整体配色不同深浅蓝色系，辅助浅蓝、背景白色，蓝色渐变点缀，留白充足，视觉层次分明，政务类小程序专业质感，高分辨率。

创意 × 9

1q2c8q3vwt2k7u4q2-HB

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

创意 × 9

1q2c8q3vwt2k7u4q2-HB

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

1q2c8q3vwt2k7u4q2-HB

参考图片风格，生成移动端小程序需求详情接单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"需求详情"。2.需求概览区，大标题需求名称，下方企业名称，彩色分类标签和优先级标签。3.需求详情白色卡片，小标题"需求描述"，多行正文文字，服务要求条目列表，期望完成时间、服务地点等信息行。4.附件区，小标题"相关附件"，文件列表，每行文件图标+文件名+大小。5.企业信息折叠卡片，企业简介、行业、规模。6.底部固定操作栏，左侧灰色次要按钮"暂不接单"，右侧蓝色渐变主按钮"立即接单"。整体风格：延续参考图的政务类小程序风格，信息分区清晰，卡片式布局，留白充足，蓝色系专业配色，高分辨率UI设计稿

参考图片风格，生成移动端小程序需求详情接单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"需求详情"。2.需求概览区，大标题需求名称，下方企业名称，彩色分类标签和优先级标签。3.需求详情白色卡片，小标题"需求描述"，多行正文文字，服务要求条目列表，期望完成时间、服务地点等信息行。4.附件区，小标题"相关附件"，文件列表，每行文件图标+文件名+大小。5.企业信息折叠卡片，企业简介、行业、规模。6.底部固定操作栏，左侧灰色次要按钮"暂不接单"，右侧蓝色渐变主按钮"立即接单"。整体风格：延续参考图的政务类小程序风格，信息分区清晰，卡片式布局，留白充足，蓝色系专业配色，高分辨率UI设计稿

创意 × 9

1q2c8q3vwt2k7u4q2-HB

参考列表页风格，设计工匠个人详情页移动端小程序UI，蓝色主色调主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"工匠详情"，右侧收藏图标；2.头部信息区，蓝色渐变背景，中间圆形大头像，下方姓名大标题，职称荣誉标签一行，所属单位小字，底部三个数据横向排列：服务企业数、评分星级、专利数量；3.个人简介卡片，白色圆角卡片，小标题"个人简介"，多行正文介绍；4.擅长领域卡片，白色圆角卡片，小标题"擅长领域"，多个彩色标签横向排列换行；5.技术成果区，小标题"技术成果"，列表形式，每项左侧奖杯/专利图标，右侧成果名称+获奖时间小字，可折叠展开详情；6.服务经历区，小标题"服务经历"，竖向卡片列表，每张卡片显示企业名称、服务类型标签、服务时间、服务成效描述；7.底部固定操作栏，左侧灰色按钮"发起咨询"，右侧蓝色渐变主按钮"预约服务"。整体风格：延续参考图政务类小程序人才详情页风格，信息分区清晰，蓝色渐变头部，卡片式布局，高分辨率UI设计稿

参考列表页风格，设计工匠个人详情页移动端小程序UI，蓝色主色调主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"工匠详情"，右侧收藏图标；2.头部信息区，蓝色渐变背景，中间圆形大头像，下方姓名大标题，职称荣誉标签一行，所属单位小字，底部三个数据横向排列：服务企业数、评分星级、专利数量；3.个人简介卡片，白色圆角卡片，小标题"个人简介"，多行正文介绍；4.擅长领域卡片，白色圆角卡片，小标题"擅长领域"，多个彩色标签横向排列换行；5.技术成果区，小标题"技术成果"，列表形式，每项左侧奖杯/专利图标，右侧成果名称+获奖时间小字，可折叠展开详情；6.服务经历区，小标题"服务经历"，竖向卡片列表，每张卡片显示企业名称、服务类型标签、服务时间、服务成效描述；7.底部固定操作栏，左侧灰色按钮"发起咨询"，右侧蓝色渐变主按钮"预约服务"。整体风格：延续参考图政务类小程序人才详情页风格，信息分区清晰，蓝色渐变头部，卡片式布局，高分辨率UI设计稿

创意 × 9

1q2c8q3vwt2k7u4q2-HB

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

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

参考图片风格，生成服务进行中详情页移动端小程序UI设计。蓝色主色调，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"服务详情"；2.状态卡片，浅蓝色渐变背景，显示"服务进行中"大标题，下方横向进度条（待开始→进行中→已完成→已评价），剩余天数小字；3.服务记录时间轴，竖向时间轴设计，多个节点，每个节点有照片缩略图+服务记录文字描述+上传时间，已完成节点蓝色圆点；4.三个工具入口卡片横向排列：技术资料、案例库、专家咨询，每个配图标和文字；5.在线沟通入口卡片：消息图标+"在线沟通"文字按钮；6.右下角悬浮蓝色圆形"+"按钮，用于上传服务记录；7.底部固定按钮：蓝色主按钮"提交服务完成"。整体风格：政务类小程序，时间轴清晰，功能入口明确，蓝色系专业配色，高分辨率UI设计稿

参考图片风格，生成服务进行中详情页移动端小程序UI设计。蓝色主色调，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"服务详情"；2.状态卡片，浅蓝色渐变背景，显示"服务进行中"大标题，下方横向进度条（待开始→进行中→已完成→已评价），剩余天数小字；3.服务记录时间轴，竖向时间轴设计，多个节点，每个节点有照片缩略图+服务记录文字描述+上传时间，已完成节点蓝色圆点；4.三个工具入口卡片横向排列：技术资料、案例库、专家咨询，每个配图标和文字；5.在线沟通入口卡片：消息图标+"在线沟通"文字按钮；6.右下角悬浮蓝色圆形"+"按钮，用于上传服务记录；7.底部固定按钮：蓝色主按钮"提交服务完成"。整体风格：政务类小程序，时间轴清晰，功能入口明确，蓝色系专业配色，高分辨率UI设计稿

创意 × 9

1q2c8q3vwt2k7u4q2-HB

设计企业加入邀请页面，尺寸1080x1920，现代简约商务风格，页面包含输入框：企业名称、部门名称、手机号码、验证码、申请理由、申请人姓名、邀请人，底部有一个蓝色的申请加入按钮，整体排版整齐清晰，适合手机端展示

设计企业加入邀请页面，尺寸1080x1920，现代简约商务风格，页面包含输入框：企业名称、部门名称、手机号码、验证码、申请理由、申请人姓名、邀请人，底部有一个蓝色的申请加入按钮，整体排版整齐清晰，适合手机端展示

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为管理员在派单工作台点击“指派师傅”后弹出的底部选择弹窗，弹窗从底部弹出，覆盖页面约85%高度，背景为半透明黑色遮罩，弹窗顶部带圆角浅灰色标题栏。弹窗布局： 1. 弹窗顶部：左侧标题“选择师傅”，右侧“×”关闭按钮。 2. 区域一：筛选条件区，紧凑排列三个筛选框：角色类型下拉选择框（占位“角色类型”，展开选项：智能安装及调试师傅 / 项目经理 / 方案设计师 / 照明设计师 / 售后师傅 / 专项电动窗帘师傅 / 专项智能锁师傅 / 专项电工师傅 / 专项空调暖通安调师傅 / 其他），擅长品类下拉多选框（占位“擅长品类”，展开选项：全屋调试 / 智能开关 / 窗帘电机 / 空调暖通 / 传感器 / 网络设备 / 灯具安装 / 其他），服务城市下拉选择框（默认选中“上海”，对应任务城市），筛选条件下方小尺寸主色“筛选”按钮，筛选条件紧凑不占过多空间。 3. 区域二：师傅列表，上下排列可滚动，展示至少3位师傅卡片，每张卡片：师傅卡片1：左侧信息区：师傅姓名“张建国”，蓝色小标签“智能安装及调试师傅”，小号横排擅长品类标签“智能开关 / 窗帘电机 / 全屋调试”，服务区域“上海市”，累计接单量“328单”；右侧信息区：灰色小字“默认佣金比例：70%”（标注仅管理员可见），橙色突出展示“预计佣金：¥560”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。师傅卡片2：左侧信息区：师傅姓名“李国强”，蓝色小标签“智能安装及调试师傅”，小号横排标签“智能开关 / 灯具安装 / 网络设备”，服务区域“上海市、苏州市”，累计接单量“156单”；右侧信息区：灰色小字“默认佣金比例：65%”，突出展示“预计佣金：¥520”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。师傅卡片3：占位展示第三位师傅信息，保持同卡片格式。 4. 选中确认：点击选择后，对应师傅卡片增加高亮边框，弹窗底部出现确认条“已选择：张建国 | 佣金：¥560”，附带主色高亮“确认指派”按钮；点击确认后弹窗关闭，任务指派状态更新。佣金金额醒目展示，仅管理员可见字段用灰色小字区分，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为管理员在派单工作台点击“指派师傅”后弹出的底部选择弹窗，弹窗从底部弹出，覆盖页面约85%高度，背景为半透明黑色遮罩，弹窗顶部带圆角浅灰色标题栏。
弹窗布局：
1. 弹窗顶部：左侧标题“选择师傅”，右侧“×”关闭按钮。
2. 区域一：筛选条件区，紧凑排列三个筛选框：角色类型下拉选择框（占位“角色类型”，展开选项：智能安装及调试师傅 / 项目经理 / 方案设计师 / 照明设计师 / 售后师傅 / 专项电动窗帘师傅 / 专项智能锁师傅 / 专项电工师傅 / 专项空调暖通安调师傅 / 其他），擅长品类下拉多选框（占位“擅长品类”，展开选项：全屋调试 / 智能开关 / 窗帘电机 / 空调暖通 / 传感器 / 网络设备 / 灯具安装 / 其他），服务城市下拉选择框（默认选中“上海”，对应任务城市），筛选条件下方小尺寸主色“筛选”按钮，筛选条件紧凑不占过多空间。
3. 区域二：师傅列表，上下排列可滚动，展示至少3位师傅卡片，每张卡片：
师傅卡片1：左侧信息区：师傅姓名“张建国”，蓝色小标签“智能安装及调试师傅”，小号横排擅长品类标签“智能开关 / 窗帘电机 / 全屋调试”，服务区域“上海市”，累计接单量“328单”；右侧信息区：灰色小字“默认佣金比例：70%”（标注仅管理员可见），橙色突出展示“预计佣金：¥560”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。
师傅卡片2：左侧信息区：师傅姓名“李国强”，蓝色小标签“智能安装及调试师傅”，小号横排标签“智能开关 / 灯具安装 / 网络设备”，服务区域“上海市、苏州市”，累计接单量“156单”；右侧信息区：灰色小字“默认佣金比例：65%”，突出展示“预计佣金：¥520”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。
师傅卡片3：占位展示第三位师傅信息，保持同卡片格式。
4. 选中确认：点击选择后，对应师傅卡片增加高亮边框，弹窗底部出现确认条“已选择：张建国 | 佣金：¥560”，附带主色高亮“确认指派”按钮；点击确认后弹窗关闭，任务指派状态更新。
佣金金额醒目展示，仅管理员可见字段用灰色小字区分，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。

创意 × 4

在现有图片上添加一个半透明的深色蒙层覆盖整个画面，悬浮球保持在蒙层上方（即悬浮球不被蒙层遮挡），其他内容保持不变

在现有图片上添加一个半透明的深色蒙层覆盖整个画面，悬浮球保持在蒙层上方（即悬浮球不被蒙层遮挡），其他内容保持不变

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

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

移动端小程序登录界面UI设计稿，延续参考图的蓝色主色调，主色#165DFF，简洁高级大气风格，现代扁平化UI设计，界面干净清爽，商务政务感。页面布局：顶部显示"劳模工匠助企行"标题，往下是账号输入框、密码输入框，下方是登录按钮，再下方是忘记密码和注册账号入口，整体配色不同深浅蓝色系，辅助浅蓝、背景白色，蓝色渐变点缀，留白充足，视觉层次分明，和参考图风格统一，政务类小程序专业质感，高分辨率

移动端小程序登录界面UI设计稿，延续参考图的蓝色主色调，主色#165DFF，简洁高级大气风格，现代扁平化UI设计，界面干净清爽，商务政务感。页面布局：顶部显示"劳模工匠助企行"标题，往下是账号输入框、密码输入框，下方是登录按钮，再下方是忘记密码和注册账号入口，整体配色不同深浅蓝色系，辅助浅蓝、背景白色，蓝色渐变点缀，留白充足，视觉层次分明，和参考图风格统一，政务类小程序专业质感，高分辨率

创意 × 9

1q2c8q3vwt2k7u4q2-HB

移动端小程序登录界面UI设计稿，延续参考图的蓝色主色调，主色#165DFF，简洁高级大气风格，现代扁平化UI设计，界面干净清爽，商务政务感。页面布局：顶部显示"劳模工匠助企行"标题，往下是账号输入框、密码输入框，下方是登录按钮，再下方是忘记密码和注册账号入口，整体配色不同深浅蓝色系，辅助浅蓝、背景白色，蓝色渐变点缀，留白充足，视觉层次分明，和参考图风格统一，政务类小程序专业质感，高分辨率

移动端小程序登录界面UI设计稿，延续参考图的蓝色主色调，主色#165DFF，简洁高级大气风格，现代扁平化UI设计，界面干净清爽，商务政务感。页面布局：顶部显示"劳模工匠助企行"标题，往下是账号输入框、密码输入框，下方是登录按钮，再下方是忘记密码和注册账号入口，整体配色不同深浅蓝色系，辅助浅蓝、背景白色，蓝色渐变点缀，留白充足，视觉层次分明，和参考图风格统一，政务类小程序专业质感，高分辨率

1q2c8q3vwt2k7u4q2-HB

[主图-5] 适用人群与行业多场景覆盖展示 [氛围风格] 科技简约风，人群标签+场景拼图式布局 [画质] 超高清商业设计质感，场景图精致，排版丰富 [元素] 画面采用上中下三段式布局：顶部为标题区，中部为2x2的场景拼图（画中画形式），底部为适用行业标签云。四个场景小图分别展示：1.自媒体创作者工作台（电脑+多平台界面）2.企业营销团队会议室（大屏数据展示）3.电商商家运营后台（商品+视频列表）4.品牌推广搜索结果页（排名上升示意）。每个小图带白色边框和轻微阴影。底部为横向排列的行业标签，圆角矩形样式。背景为浅蓝白渐变科技底纹。 [光影] 均匀明亮的科技光，场景小图有自然光影，整体通透干净 [配色] 主色科技蓝+纯白，标签用蓝橙交替配色，丰富不杂乱 [视角构图] 正面平视，三段式构图，中部画中画拼图为视觉重心，满版无边框 [文字版式] 顶部居中黑色粗体大字"多行业适用全场景覆盖"，下方小字副标题"无论个人还是企业都能找到增长答案"。中部四个场景小图下方各配一行黑色粗体标签："自媒体创作者""企业营销团队""电商商家""品牌方/服务商"。底部横向排列6-8个行业标签，蓝底白字或橙底白字交替："短视频行业""电商运营""教育培训""本地生活""知识付费""企业服务"。文字清晰，层次分明。 [输出要求] 3:4比例，文字清晰锐利，超高清商业设计质感 [负向提示词] 变形，文字错乱，模糊，背景杂乱，水印，电商平台Logo，人物，人脸

[主图-5] 适用人群与行业多场景覆盖展示
[氛围风格] 科技简约风，人群标签+场景拼图式布局
[画质] 超高清商业设计质感，场景图精致，排版丰富
[元素] 画面采用上中下三段式布局：顶部为标题区，中部为2x2的场景拼图（画中画形式），底部为适用行业标签云。四个场景小图分别展示：1.自媒体创作者工作台（电脑+多平台界面）2.企业营销团队会议室（大屏数据展示）3.电商商家运营后台（商品+视频列表）4.品牌推广搜索结果页（排名上升示意）。每个小图带白色边框和轻微阴影。底部为横向排列的行业标签，圆角矩形样式。背景为浅蓝白渐变科技底纹。
[光影] 均匀明亮的科技光，场景小图有自然光影，整体通透干净
[配色] 主色科技蓝+纯白，标签用蓝橙交替配色，丰富不杂乱
[视角构图] 正面平视，三段式构图，中部画中画拼图为视觉重心，满版无边框
[文字版式] 顶部居中黑色粗体大字"多行业适用全场景覆盖"，下方小字副标题"无论个人还是企业都能找到增长答案"。中部四个场景小图下方各配一行黑色粗体标签："自媒体创作者""企业营销团队""电商商家""品牌方/服务商"。底部横向排列6-8个行业标签，蓝底白字或橙底白字交替："短视频行业""电商运营""教育培训""本地生活""知识付费""企业服务"。文字清晰，层次分明。
[输出要求] 3:4比例，文字清晰锐利，超高清商业设计质感
[负向提示词] 变形，文字错乱，模糊，背景杂乱，水印，电商平台Logo，人物，人脸

1r9b9nm4kejFJdMg-HB

生成一张微信小程序竖屏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

企业端首页，手机375×812，顶部状态栏含时间信号电量，顶部导航栏柔和品牌渐变背景，导航栏显示企业账号与通知入口，功能区包含招聘文案合规自查、三方协议模板下载、用工合规检测、招聘信息提交审核，页面展示审核状态、风险提示、历史记录，整体简洁专业方便企业使用，保持品牌配色风格一致

企业端首页，手机375×812，顶部状态栏含时间信号电量，顶部导航栏柔和品牌渐变背景，导航栏显示企业账号与通知入口，功能区包含招聘文案合规自查、三方协议模板下载、用工合规检测、招聘信息提交审核，页面展示审核状态、风险提示、历史记录，整体简洁专业方便企业使用，保持品牌配色风格一致

将设置页面里的“收货地址”文字修改为“地址管理”，保持整体UI样式、排版和其余内容不变，之前已新增“规则中心”一栏需保留

将设置页面里的“收货地址”文字修改为“地址管理”，保持整体UI样式、排版和其余内容不变，之前已新增“规则中心”一栏需保留

[第4屏] 公开课搜索功能页面展示，包含顶部搜索框、输入关键字后展示搜索结果列表。 [氛围/风格] 现代简约搜索界面设计，清晰交互反馈，干净清爽。 [元素布局] 顶部导航下方是搜索框，带放大镜搜索图标，搜索框内显示占位文字"搜索公开课关键字"，输入"数据分析"关键字后，下方展示匹配的搜索结果列表，展示2条匹配结果，每条结果和主列表样式一致。 [光影质感] 搜索框边框浅灰色，输入后高亮边框，结果列表和主列表风格一致，光影清晰，交互反馈明确。 [配色色系] 全局底色 #FFFFFF，搜索框 #F5F5F5，占位文字 #999999，输入文字 #111111，匹配结果配色和主列表一致。 [视角构图] 正视图，移动端竖屏，搜索框在顶部，结果列表向下延展，符合搜索界面交互逻辑。 [文字版式] 占位文字字号15px，搜索关键字清晰，结果列表文字排版统一规范，清晰可读。 [比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。 [负向提示词] 布局错乱，文字模糊，搜索框变形，交互逻辑错误，水印。

[第4屏] 公开课搜索功能页面展示，包含顶部搜索框、输入关键字后展示搜索结果列表。
[氛围/风格] 现代简约搜索界面设计，清晰交互反馈，干净清爽。
[元素布局] 顶部导航下方是搜索框，带放大镜搜索图标，搜索框内显示占位文字"搜索公开课关键字"，输入"数据分析"关键字后，下方展示匹配的搜索结果列表，展示2条匹配结果，每条结果和主列表样式一致。
[光影质感] 搜索框边框浅灰色，输入后高亮边框，结果列表和主列表风格一致，光影清晰，交互反馈明确。
[配色色系] 全局底色 #FFFFFF，搜索框 #F5F5F5，占位文字 #999999，输入文字 #111111，匹配结果配色和主列表一致。
[视角构图] 正视图，移动端竖屏，搜索框在顶部，结果列表向下延展，符合搜索界面交互逻辑。
[文字版式] 占位文字字号15px，搜索关键字清晰，结果列表文字排版统一规范，清晰可读。
[比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。
[负向提示词] 布局错乱，文字模糊，搜索框变形，交互逻辑错误，水印。

重新生成企业端首页，统一尺寸375px × 812px，去掉顶部状态栏不显示时间信号电量，顶部导航栏柔和渐变背景，导航栏完整显示企业账号与通知入口，功能区四个完整功能文字清晰不缺字：招聘文案合规自查、三方协议模板下载、用工合规检测、招聘信息提交审核，页面完整展示审核状态风险提示历史记录，所有文字完整清晰，整体简洁专业，保持品牌配色统一页面大小形状

重新生成企业端首页，统一尺寸375px × 812px，去掉顶部状态栏不显示时间信号电量，顶部导航栏柔和渐变背景，导航栏完整显示企业账号与通知入口，功能区四个完整功能文字清晰不缺字：招聘文案合规自查、三方协议模板下载、用工合规检测、招聘信息提交审核，页面完整展示审核状态风险提示历史记录，所有文字完整清晰，整体简洁专业，保持品牌配色统一页面大小形状

去除图片上所有文字「图片1」

去除图片上所有文字「图片1」

参考图片风格，生成移动端小程序上传服务记录底部弹窗UI设计。蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色圆角弹窗背景。弹窗从上到下布局：1.弹窗顶部，居中标题文字"上传服务记录"，左侧关闭叉号；2.记录类型选择，三个横向排列选项"现场照片"、"服务视频"、"工作日志"，选中态蓝色边框；3.图片上传区，九宫格布局，多个图片缩略图+虚线添加框，显示"+"号；4.文字描述输入框，多行文本框，提示文字"请描述本次服务内容、进展情况..."；5.服务时间选择行，左侧标签"服务时间"，右侧时间文字+箭头；6.弹窗底部，蓝色圆角主按钮"确认上传"，全宽。整体风格：延续参考图政务类小程序风格，底部半屏弹窗，表单布局规整，蓝色系配色，高分辨率UI设计稿

参考图片风格，生成移动端小程序上传服务记录底部弹窗UI设计。蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色圆角弹窗背景。弹窗从上到下布局：1.弹窗顶部，居中标题文字"上传服务记录"，左侧关闭叉号；2.记录类型选择，三个横向排列选项"现场照片"、"服务视频"、"工作日志"，选中态蓝色边框；3.图片上传区，九宫格布局，多个图片缩略图+虚线添加框，显示"+"号；4.文字描述输入框，多行文本框，提示文字"请描述本次服务内容、进展情况..."；5.服务时间选择行，左侧标签"服务时间"，右侧时间文字+箭头；6.弹窗底部，蓝色圆角主按钮"确认上传"，全宽。整体风格：延续参考图政务类小程序风格，底部半屏弹窗，表单布局规整，蓝色系配色，高分辨率UI设计稿

创意 × 9

1q2c8q3vwt2k7u4q2-HB

科技蓝风格H5行业方案收口页，背景纯白 #FFFFFF，主色科技蓝 #0052FF，辅助色青蓝 #00BFFF，文字色深灰 #333333。顶部放置行业、方案和组合图标，主标题"全行业数字化解决方案"，思源黑体 Bold 32px；副标题"产品标准化・交付一体化・服务全周期"，思源黑体 Regular 20px；正文内容："✅ 冶金 / 新材料解决方案：AI 金相检测・质量追溯・工艺优化✅ 智慧水务解决方案：终端感知・漏损治理・运营管控✅ 电力 / 工矿解决方案：机器人巡检・安全预警・设备健康✅ 智慧园区解决方案：能耗・安防・设备・运维一体化"，思源黑体 Regular 16px；底部放置两个按钮，分别是"定制方案"和"联系我们"，按钮文字思源黑体 Bold 14px。排版清晰，科技感十足。

科技蓝风格H5行业方案收口页，背景纯白 #FFFFFF，主色科技蓝 #0052FF，辅助色青蓝 #00BFFF，文字色深灰 #333333。顶部放置行业、方案和组合图标，主标题"全行业数字化解决方案"，思源黑体 Bold 32px；副标题"产品标准化・交付一体化・服务全周期"，思源黑体 Regular 20px；正文内容："✅ 冶金 / 新材料解决方案：AI 金相检测・质量追溯・工艺优化✅ 智慧水务解决方案：终端感知・漏损治理・运营管控✅ 电力 / 工矿解决方案：机器人巡检・安全预警・设备健康✅ 智慧园区解决方案：能耗・安防・设备・运维一体化"，思源黑体 Regular 16px；底部放置两个按钮，分别是"定制方案"和"联系我们"，按钮文字思源黑体 Bold 14px。排版清晰，科技感十足。