生成一张网页端后台管理UI设计图，宽高比16:9，深色专业风格，深蓝灰底色-678typ3ch-HB-稿定 AI

创意预览图

生成一张网页端后台管理UI设计图，宽高比16:9，深色专业风格，深蓝灰底色，整体为AI写作工作台的设计体系，是偏数据管理和控制感的管理员后台页面。页面布局： 1. 左侧宽度占15%，为侧边导航栏，顶

用户头像

678typ3ch-H...

2026.07.04

生成一张网页端后台管理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风格专业整洁，整体与上一张智宅焕管理后台设计风格保持统一。

重新生成定向采集任务管理功能设计效果图，优化界面布局，明确功能分区：顶部导航栏，左侧任务列表，中间关键词/平台/时间周期设置面板，右侧任务进度可视化看板，突出批量导入按钮，现代化科技感后台管理界面，蓝色主调，所有功能文字清晰可辨

重新生成定向采集任务管理功能设计效果图，优化界面布局，明确功能分区：顶部导航栏，左侧任务列表，中间关键词/平台/时间周期设置面板，右侧任务进度可视化看板，突出批量导入按钮，现代化科技感后台管理界面，蓝色主调，所有功能文字清晰可辨

重新生成拾光智伴后台管理数据看板，整合用户总量、今日订单、完成率、收益数据，用饼图展示服务分类占比，折线图展示30天订单走势，左侧功能菜单栏，右侧数据看板，清晰大气的数据可视化设计，符合管理后台使用场景。

重新生成拾光智伴后台管理数据看板，整合用户总量、今日订单、完成率、收益数据，用饼图展示服务分类占比，折线图展示30天订单走势，左侧功能菜单栏，右侧数据看板，清晰大气的数据可视化设计，符合管理后台使用场景。

6adhucitqSFIi0g-HB

对原型图进行UI重设计，生成商务扁平风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，使用实色填充纯色卡片，采用面性实心icon风格，卡片为圆角矩形实色底，文字左对齐进入按钮改为渐变色块跳转按钮，合理留白间距，统一配色提升精致感，整体商务干净高级，自适应尺寸，修正原型不合理布局

对原型图进行UI重设计，生成商务扁平风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，使用实色填充纯色卡片，采用面性实心icon风格，卡片为圆角矩形实色底，文字左对齐进入按钮改为渐变色块跳转按钮，合理留白间距，统一配色提升精致感，整体商务干净高级，自适应尺寸，修正原型不合理布局

大陆机电-UI设计

对原型图进行UI重设计，生成商务扁平风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，使用实色填充纯色卡片，采用面性实心icon风格，卡片为圆角矩形实色底，文字左对齐进入按钮改为渐变色块跳转按钮，合理留白间距，统一配色提升精致感，整体商务干净高级，自适应尺寸，修正原型不合理布局

对原型图进行UI重设计，生成商务扁平风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，使用实色填充纯色卡片，采用面性实心icon风格，卡片为圆角矩形实色底，文字左对齐进入按钮改为渐变色块跳转按钮，合理留白间距，统一配色提升精致感，整体商务干净高级，自适应尺寸，修正原型不合理布局

大陆机电-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风格，生成故障诊断评审页面，系统自动通过因子最高分判定故障类型，替代人工主观预判。清晰展示六大故障因子及对应故障：1.机械振动松动因子对应地脚松动、部件偏移、共振、紧固失效；2.磨损润滑因子对应轴承磨损、油脂失效、干涩卡涩、部件老化；3.泄漏堵塞因子对应介质泄漏、滤网堵塞、管路积灰、流通不畅；4.温度过热因子对应过载发热、散热不良、工况异常升温；5.电气工况因子对应电流波动、电压异常、接触不良、启停异常；6.历史劣化因子对应重复缺陷、频繁告警、老旧劣化、技改遗留问题，保持专业科技系统UI风格，深蓝色侧边导航

参考上传图片的火电厂信息管理系统UI风格，生成故障诊断评审页面，系统自动通过因子最高分判定故障类型，替代人工主观预判。清晰展示六大故障因子及对应故障：1.机械振动松动因子对应地脚松动、部件偏移、共振、紧固失效；2.磨损润滑因子对应轴承磨损、油脂失效、干涩卡涩、部件老化；3.泄漏堵塞因子对应介质泄漏、滤网堵塞、管路积灰、流通不畅；4.温度过热因子对应过载发热、散热不良、工况异常升温；5.电气工况因子对应电流波动、电压异常、接触不良、启停异常；6.历史劣化因子对应重复缺陷、频繁告警、老旧劣化、技改遗留问题，保持专业科技系统UI风格，深蓝色侧边导航

商务感与科技感融合的扁平风设计，双色配色强化数据对比，简约主义布局搭配玻璃风透明元素，展现房地产行业AI经营看板的现代视觉语言。

商务感与科技感融合的扁平风设计，双色配色强化数据对比，简约主义布局搭配玻璃风透明元素，展现房地产行业AI经营看板的现代视觉语言。

1q9ef1irsaa9n0l7-HB

设计一个政务服务管理系统后台管理页面，浅色系现代UI设计，简洁干净的界面风格，包含多级任务管理联动功能模块，展示多种政务服务业务场景入口，数字化管理管控界面

设计一个政务服务管理系统后台管理页面，浅色系现代UI设计，简洁干净的界面风格，包含多级任务管理联动功能模块，展示多种政务服务业务场景入口，数字化管理管控界面

litian123456789

安防集成平台后台门禁历史记录查询页面，白色背景商务风，每个门对应历史开门记录列表，人员车辆分开显示，白色底色商务设计

安防集成平台后台门禁历史记录查询页面，白色背景商务风，每个门对应历史开门记录列表，人员车辆分开显示，白色底色商务设计

重新美化设计这个企业后台数据统计界面，让UI更现代化、美观清晰，保持原有所有数据、表格内容和布局不变，升级视觉风格，采用更简洁现代的设计，提升界面层次感和专业性

重新美化设计这个企业后台数据统计界面，让UI更现代化、美观清晰，保持原有所有数据、表格内容和布局不变，升级视觉风格，采用更简洁现代的设计，提升界面层次感和专业性

生成一张微信小程序竖屏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”，右侧主色高亮按钮“提交订单并支付”。
已添加服务卡片为核心信息区，总价视觉突出，所有文字清晰可见，使用无衬线字体，整体风格与前序设计保持统一。

从前有座山1234

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

安防集成平台后台管理首页，白色背景，商务科技风格，导航栏，左侧菜单，主内容区域概览，整体商务干净

安防集成平台后台管理首页，白色背景，商务科技风格，导航栏，左侧菜单，主内容区域概览，整体商务干净

根据此Web端产品原型图进行高端UI界面优化重设计，保持所有原有内容不变，不增不减。主要优化页面布局、视觉层级、色彩搭配、字体排版、按钮样式与留白间距，提升整体精致感与用户体验，修正原型不合理布局，丰富页面内容板块，统一商务科技设计风格，自适应尺寸，要求界面干净简约高级，整体为商务科技蓝调风格

根据此Web端产品原型图进行高端UI界面优化重设计，保持所有原有内容不变，不增不减。主要优化页面布局、视觉层级、色彩搭配、字体排版、按钮样式与留白间距，提升整体精致感与用户体验，修正原型不合理布局，丰富页面内容板块，统一商务科技设计风格，自适应尺寸，要求界面干净简约高级，整体为商务科技蓝调风格

大陆机电-UI设计

对原型图进行UI重设计，生成新拟态Neumorphism风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，采用轮廓线描边icon风格，卡片为新拟态软阴影浮雕样式，进入应用按钮为凸起样式，使用柔和统一的浅背景，增加合理间距留白，整体精致简约高级，自适应尺寸，修正原型不合理布局

对原型图进行UI重设计，生成新拟态Neumorphism风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，采用轮廓线描边icon风格，卡片为新拟态软阴影浮雕样式，进入应用按钮为凸起样式，使用柔和统一的浅背景，增加合理间距留白，整体精致简约高级，自适应尺寸，修正原型不合理布局

大陆机电-UI设计

「图片1」

1r2eufet5rcmGE-Q-HB

生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构：顶部左侧为「新建任务」按钮，右侧为搜索框「搜索任务...」接下来是Tab切换栏，包含全部 | 草稿(3) | 进行中(8) | 已关闭(34)几个选项然后是过滤栏：场景筛选：[全部 ▼] 部门：[全部 ▼] 时间：[最近30天 ▼] 主体是任务表格，表头包含：任务名称 | 场景（彩色标签） | 部门 | 时间范围 | 状态（标签）| 已填/总数（含进度条）| 剩余名额 | 可见范围 | 操作（查看/统计/更多 ▼）表格样例行：任务名称「2025年度考核」，场景标签「人员考核」，状态「进行中」，进度「67%」表格样例行：任务名称「食堂满意度调查」，场景标签「满意度」，状态「进行中」，进度「89%」操作菜单“更多”下拉包含：编辑任务（仅草稿）、发布任务（仅草稿）、查看进度、二维码管理、统计分析、关闭任务、删除（仅草稿）表格下方是分页器：< 1 2 3 ... > 整体风格采用现代简约浅色UI设计，和参考图一致的清爽后台系统风格，保持干净的卡片式布局和一致的配色规范

生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构：
顶部左侧为「新建任务」按钮，右侧为搜索框「搜索任务...」
接下来是Tab切换栏，包含全部 | 草稿(3) | 进行中(8) | 已关闭(34)几个选项
然后是过滤栏：场景筛选：[全部 ▼] 部门：[全部 ▼] 时间：[最近30天 ▼]
主体是任务表格，表头包含：任务名称 | 场景（彩色标签） | 部门 | 时间范围 | 状态（标签）| 已填/总数（含进度条）| 剩余名额 | 可见范围 | 操作（查看/统计/更多 ▼）
表格样例行：任务名称「2025年度考核」，场景标签「人员考核」，状态「进行中」，进度「67%」
表格样例行：任务名称「食堂满意度调查」，场景标签「满意度」，状态「进行中」，进度「89%」
操作菜单“更多”下拉包含：编辑任务（仅草稿）、发布任务（仅草稿）、查看进度、二维码管理、统计分析、关闭任务、删除（仅草稿）
表格下方是分页器：< 1 2 3 ... >
整体风格采用现代简约浅色UI设计，和参考图一致的清爽后台系统风格，保持干净的卡片式布局和一致的配色规范

1q8ikq3gq43vii6m-HB

完全重构UI排版，让布局结构和原图差异非常明显，所有文字信息、功能模块和导航栏位置（顶部）完全保留，仅重新排布各模块位置

完全重构UI排版，让布局结构和原图差异非常明显，所有文字信息、功能模块和导航栏位置（顶部）完全保留，仅重新排布各模块位置

将这个light模式的后台管理系统首页看板设计图，转换为dark深色模式设计，保持整体布局、所有文字内容、图表数据和产品分布地图完全不变，只把浅色背景改为深色，调整文字和图表颜色适配深色模式

将这个light模式的后台管理系统首页看板设计图，转换为dark深色模式设计，保持整体布局、所有文字内容、图表数据和产品分布地图完全不变，只把浅色背景改为深色，调整文字和图表颜色适配深色模式

swe༎ຶArt﹏

生成一张网页端UI设计图，宽高比为16:9。整体风格为深色专业风，与之前所有页面保持完全一致的视觉体系，左侧侧边导航栏当前“📚 知识库”菜单项高亮显示，右侧为内容区。侧边栏内容与之前保持一致，保持知识库选中态。右侧内容区：顶部面包屑导航显示路径“知识库 > 案例库 > 智能锁售后铁律（50块钱买来的规则）”，面包屑下方为左右两栏布局，左栏约占60%宽度为结构化字段编辑区，是可滚动表单区域，展示该案例所有可编辑结构化字段，字段及示例内容：案例标题输入框“智能锁售后铁律（50块钱买来的规则）”、日期选择器“2026-03-15”、类别下拉框“售后与规则博弈”、核心摘要多行文本框“一次混乱的智能锁售后处理，师傅垫钱买锁体，最终我自己承担了50元损失，由此定下售后铁律：任何售后必须先确认责任归属。”、案例背景多行文本框“客户报修智能锁故障，因流程混乱，师傅自行垫钱购买锁体上门更换...”、案例冲突多行文本框“责任归属未明确，客户催得急，师傅为省事直接处理，结果费用无人承担...”、案例结果多行文本框“我承担了50元锁体费用，并定下死规矩：任何产品售后，必须厂家或供货人提前或现场确认责任归属...”、关键应用点多行文本框“适用于论证规则至上、售后流程标准化、用规则保护双方利益等主题”；字段区域下方两个操作按钮：“💾 保存修改”主按钮高亮、“🗑️ 删除此条目”灰色次按钮。右栏约占35%宽度为原文预览与关联区：顶部醒目高亮边框按钮“📄 查看完整原文”，按钮下方展示带排版标记的原文片段，字体略小内容“那次之后我定下一条死规矩：任何产品售后，必须厂家或供货人提前或者现场确认责任归属。质量问题厂家兜，非质量问题客户兜。不能因为客户催的急就匆忙处理。这条规则，是用50块钱买来的，但它帮我避免了未来无数个500块、5000块的损失。”，原文预览区底部链接样式按钮“🔗 跳转到原文对应段落”；原文下方关联条目区域展示：“关联金句：规则不是限制，是保护 →”、“关联案例：蒲总网关退货事件 →”、“关联框架：痛点-归因-解法 →”。左栏表单清晰可编辑，右栏原文和关联提供完整上下文，“查看完整原文”按钮体现结构化拆解和完整原文互相跳转的设计，所有中文文字清晰可见，字体使用无衬线体。

生成一张网页端UI设计图，宽高比为16:9。整体风格为深色专业风，与之前所有页面保持完全一致的视觉体系，左侧侧边导航栏当前“📚 知识库”菜单项高亮显示，右侧为内容区。侧边栏内容与之前保持一致，保持知识库选中态。右侧内容区：顶部面包屑导航显示路径“知识库 > 案例库 > 智能锁售后铁律（50块钱买来的规则）”，面包屑下方为左右两栏布局，左栏约占60%宽度为结构化字段编辑区，是可滚动表单区域，展示该案例所有可编辑结构化字段，字段及示例内容：案例标题输入框“智能锁售后铁律（50块钱买来的规则）”、日期选择器“2026-03-15”、类别下拉框“售后与规则博弈”、核心摘要多行文本框“一次混乱的智能锁售后处理，师傅垫钱买锁体，最终我自己承担了50元损失，由此定下售后铁律：任何售后必须先确认责任归属。”、案例背景多行文本框“客户报修智能锁故障，因流程混乱，师傅自行垫钱购买锁体上门更换...”、案例冲突多行文本框“责任归属未明确，客户催得急，师傅为省事直接处理，结果费用无人承担...”、案例结果多行文本框“我承担了50元锁体费用，并定下死规矩：任何产品售后，必须厂家或供货人提前或现场确认责任归属...”、关键应用点多行文本框“适用于论证规则至上、售后流程标准化、用规则保护双方利益等主题”；字段区域下方两个操作按钮：“💾 保存修改”主按钮高亮、“🗑️ 删除此条目”灰色次按钮。右栏约占35%宽度为原文预览与关联区：顶部醒目高亮边框按钮“📄 查看完整原文”，按钮下方展示带排版标记的原文片段，字体略小内容“那次之后我定下一条死规矩：任何产品售后，必须厂家或供货人提前或者现场确认责任归属。质量问题厂家兜，非质量问题客户兜。不能因为客户催的急就匆忙处理。这条规则，是用50块钱买来的，但它帮我避免了未来无数个500块、5000块的损失。”，原文预览区底部链接样式按钮“🔗 跳转到原文对应段落”；原文下方关联条目区域展示：“关联金句：规则不是限制，是保护 →”、“关联案例：蒲总网关退货事件 →”、“关联框架：痛点-归因-解法 →”。左栏表单清晰可编辑，右栏原文和关联提供完整上下文，“查看完整原文”按钮体现结构化拆解和完整原文互相跳转的设计，所有中文文字清晰可见，字体使用无衬线体。

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