火电厂信息管理系统「定期工作配置-周期规则」标签页表单页面，U… - 图片创意预览

火电厂信息管理系统「定期工作配置-周期规则」标签页表单页面，U…

火电厂信息管理系统「定期工作配置-周期规则」标签页表单页面，UI设计，与参考图风格完全一致，深蓝左侧导航栏+白色主内容区，蓝白配色，企业级后台管理系统风格。左侧导航：生产管理系统logo，首页、两票管

用户头像

GD908140592

2026.08.04
B端企业级后台管理系统完整页面设计，储能电厂生产管理系统-定期工作配置详情页，PC端2K分辨率，Element UI风格，蓝色主色调#1677ff，白色背景，与参考图风格完全统一。 整体布局结构： 【左侧深色侧边栏导航】 - 顶部系统Logo：闪电图标+「储能电厂生产管理系统」 - 一级菜单（带图标，可折叠）：首页、运行管理（蓝色高亮展开）、设备管理、安全管理、生产统计、报表管理、系统管理 - 运行管理子菜单：运行总览、定期工作配置（当前选中蓝色高亮）、定期任务、运行日志、交接班管理 【顶部栏】 - 左侧汉堡菜单图标 + 面包屑：运行管理 / 定期工作配置 / 新增定期工作 - 右侧：搜索输入框（占位符：搜索功能、菜单、报表...）、通知铃铛（红色角标）、管理员头像+「管理员」文字下拉 【主内容区 - 配置详情表单页】 页面顶部标题栏： - 大标题：新增定期工作配置 - 右侧操作按钮组：保存（白色边框）、提交评审（蓝色实心）、关闭（灰色文字按钮） 表单主体分为四大配置板块，每个板块有蓝色左侧竖线+板块编号+板块标题，板块之间有间距，白色卡片背景： 【一、基本信息配置】 标题：1. 基本信息配置 三列表单布局（标签+输入控件）： 第一行： - 定期工作名称：输入框（必填红星），占位符：请输入定期工作名称 - 定期工作编号：DQ-GZ-2026-0001（灰色只读输入框，右侧小字说明：系统自动生成） - 定期工作分类：下拉选择（必填红星），当前选中「设备巡回检查」，下拉选项：设备巡回检查/设备定期轮换/设备活动校验/介质取样监测/设备性能试验/设备清扫保养/物资盘点核查/其他 第二行： - 所属机组/系统：下拉选择（选填），当前选中「储能工艺系统」，下拉选项：储能工艺系统/膨胀发电系统/储热系统/电气一次/电气二次/循环冷却水系统/全厂公用系统/消防与安全设施系统/其他 - 设备名称：设备选择器（选填），显示「请从设备台账选择」占位符，右侧「选择设备」按钮，灰色说明：无对应单体设备可为空 - 归属部门：下拉选择（必填），当前选中「运行部」，下拉选项：运行部/检修部/生技部/安环部/物资部/综合部/人资部/财务部/工程部/其他 第三行（整行宽度）： - 定期工作内容：多行文本域（必填），占位符：请详细描述定期工作内容...，高度约80px 第四行（整行宽度）： - 执行标准：多行文本域，占位符：请填写执行标准、操作步骤、技术要求...，高度约80px 第五行（整行宽度）： - 验收标准：多行文本域，占位符：请填写验收合格判定标准...，高度约80px 【二、周期规则配置】 标题：2. 周期规则配置 第一行： - 执行周期：下拉选择（必填），当前选中「每月」，下拉选项：每班/每日/每周/每月/指定日期 动态参数区域（根据执行周期动态展示，当前展示「每月」模式）： - 按月固定日期：日期多选标签组（1~31号可选，蓝色标签表示已选），已选：1号、15号（蓝色标签带关闭叉号） 灰色小字说明：31号小月自动适配当月末日 - 目标执行班次：单选按钮组（白班 / 中班 / 夜班），当前选中「白班」 （以下为其他周期模式的示意说明，用灰色弱化展示，表示切换周期后会变化） 灰色虚线框内小字标注不同周期的参数变化示意： - 每班模式：目标执行班次为多选（白班/中班/夜班可多选） - 每日模式：目标执行班次为单选 - 每周模式：星期多选（周一~周日）+ 目标执行班次单选 - 指定日期模式：日期列表可增加多条 + 目标执行班次单选 第二行： - 生效起始日期：日期选择器（必填红星），值：2026-08-01 - 失效截止日期：日期选择器（选填），值为空，占位符：不填则永久生效 灰色说明：为空表示永久生效 【三、验收规则配置】 标题：3. 验收规则配置 第一行： - 验收模式：三个单选卡片横向并排（必选） - 卡片1：自主闭环（蓝色边框选中状态） 图标 + 标题「自主闭环」 说明文字：执行人完成工作，填写记录保存后，任务状态直接变更为"已执行" - 卡片2：班组验收 图标 + 标题「班组验收」 说明文字：执行人填报完成→提交验收→值班长验收确认；驳回退回整改 - 卡片3：专工验收 图标 + 标题「专工验收」 说明文字：执行人→班长验收→专工验收；两级串行，全部通过闭环，任意一级驳回退回整改 第二行： - 是否绑定操作票：单选开关（是/否），当前为「否」（灰色关闭状态） 开关右侧说明文字： - 勾选「是」：执行人改为【执行中】、提交验收前，必须录入有效操作票编号，系统校验票状态有效，否则不允许提交 - 勾选「否」：不强制关联操作票，票号仅作为可选备注录入 （开关切换到「是」时，下方显示红色提示：高危操作强制绑定操作票，请确保现场作业安全） 【四、管控权限配置】 标题：4. 管控权限配置 两列表单： - 是否启用：单选开关（启用/停用），当前为「停用」（灰色关闭状态） 下方灰色提示文字：未完成审批评审的模板，不允许设置为「启用」 - 生效起止日期：日期区间选择器（必填红星），起始：2026-08-01 至 2099-12-31（默认永久） 整行： - 备注：多行文本域（选填），占位符：请输入备注说明，如机组检修临时停用说明等...，高度约60px，右下角字数统计 0/200 【页面底部固定操作栏】 悬浮在页面底部，白色背景，顶部有分割线： - 左侧：灰色提示文字（带信息图标）：保存仅存储数据，不触发评审、不改变启用状态 - 右侧按钮组（从左到右）： - 关闭按钮（白色边框按钮） - 保存按钮（白色边框蓝色文字按钮） - 提交评审（蓝色实心主按钮） 关闭按钮交互提示（用小弹窗示意）： 点击关闭时弹出确认对话框： - 标题：确认关闭 - 内容：当前存在未保存修改，是否确认关闭？ - 按钮：取消 / 确认关闭（红色） 设计规范： - 主色：#1677ff 蓝色 - 成功色：#52c41a 绿色 - 警告色：#faad14 橙色 - 错误色：#f5222d 红色 - 文字：#333 主文字，#666 次要文字，#999 辅助文字 - 边框：#e8e8e8 浅灰 - 背景：#f5f7fa 页面背景，#ffffff 卡片背景 - 圆角：4px 按钮和输入框 - 字体：系统默认无衬线字体 - 整体风格：简洁、专业、信息密度适中，Element UI Ant Design风格B端后台系统，与参考图视觉完全统一B端企业级后台管理系统完整页面设计，储能电厂生产管理系统-定期工作配置详情页，PC端2K分辨率，Element UI风格，蓝色主色调#1677ff，白色背景，与参考图风格完全统一。 整体布局结构： 【左侧深色侧边栏导航】 - 顶部系统Logo：闪电图标+「储能电厂生产管理系统」 - 一级菜单（带图标，可折叠）：首页、运行管理（蓝色高亮展开）、设备管理、安全管理、生产统计、报表管理、系统管理 - 运行管理子菜单：运行总览、定期工作配置（当前选中蓝色高亮）、定期任务、运行日志、交接班管理 【顶部栏】 - 左侧汉堡菜单图标 + 面包屑：运行管理 / 定期工作配置 / 新增定期工作 - 右侧：搜索输入框（占位符：搜索功能、菜单、报表...）、通知铃铛（红色角标）、管理员头像+「管理员」文字下拉 【主内容区 - 配置详情表单页】 页面顶部标题栏： - 大标题：新增定期工作配置 - 右侧操作按钮组：保存（白色边框）、提交评审（蓝色实心）、关闭（灰色文字按钮） 表单主体分为四大配置板块，每个板块有蓝色左侧竖线+板块编号+板块标题，板块之间有间距，白色卡片背景： 【一、基本信息配置】 标题：1. 基本信息配置 三列表单布局（标签+输入控件）： 第一行： - 定期工作名称：输入框（必填红星），占位符：请输入定期工作名称 - 定期工作编号：DQ-GZ-2026-0001（灰色只读输入框，右侧小字说明：系统自动生成） - 定期工作分类：下拉选择（必填红星），当前选中「设备巡回检查」，下拉选项：设备巡回检查/设备定期轮换/设备活动校验/介质取样监测/设备性能试验/设备清扫保养/物资盘点核查/其他 第二行： - 所属机组/系统：下拉选择（选填），当前选中「储能工艺系统」，下拉选项：储能工艺系统/膨胀发电系统/储热系统/电气一次/电气二次/循环冷却水系统/全厂公用系统/消防与安全设施系统/其他 - 设备名称：设备选择器（选填），显示「请从设备台账选择」占位符，右侧「选择设备」按钮，灰色说明：无对应单体设备可为空 - 归属部门：下拉选择（必填），当前选中「运行部」，下拉选项：运行部/检修部/生技部/安环部/物资部/综合部/人资部/财务部/工程部/其他 第三行（整行宽度）： - 定期工作内容：多行文本域（必填），占位符：请详细描述定期工作内容...，高度约80px 第四行（整行宽度）： - 执行标准：多行文本域，占位符：请填写执行标准、操作步骤、技术要求...，高度约80px 第五行（整行宽度）： - 验收标准：多行文本域，占位符：请填写验收合格判定标准...，高度约80px 【二、周期规则配置】 标题：2. 周期规则配置 第一行： - 执行周期：下拉选择（必填），当前选中「每月」，下拉选项：每班/每日/每周/每月/指定日期 动态参数区域（根据执行周期动态展示，当前展示「每月」模式）： - 按月固定日期：日期多选标签组（1~31号可选，蓝色标签表示已选），已选：1号、15号（蓝色标签带关闭叉号） 灰色小字说明：31号小月自动适配当月末日 - 目标执行班次：单选按钮组（白班 / 中班 / 夜班），当前选中「白班」 （以下为其他周期模式的示意说明，用灰色弱化展示，表示切换周期后会变化） 灰色虚线框内小字标注不同周期的参数变化示意： - 每班模式：目标执行班次为多选（白班/中班/夜班可多选） - 每日模式：目标执行班次为单选 - 每周模式：星期多选（周一~周日）+ 目标执行班次单选 - 指定日期模式：日期列表可增加多条 + 目标执行班次单选 第二行： - 生效起始日期：日期选择器（必填红星），值：2026-08-01 - 失效截止日期：日期选择器（选填），值为空，占位符：不填则永久生效 灰色说明：为空表示永久生效 【三、验收规则配置】 标题：3. 验收规则配置 第一行： - 验收模式：三个单选卡片横向并排（必选） - 卡片1：自主闭环（蓝色边框选中状态） 图标 + 标题「自主闭环」 说明文字：执行人完成工作，填写记录保存后，任务状态直接变更为"已执行" - 卡片2：班组验收 图标 + 标题「班组验收」 说明文字：执行人填报完成→提交验收→值班长验收确认；驳回退回整改 - 卡片3：专工验收 图标 + 标题「专工验收」 说明文字：执行人→班长验收→专工验收；两级串行，全部通过闭环，任意一级驳回退回整改 第二行： - 是否绑定操作票：单选开关（是/否），当前为「否」（灰色关闭状态） 开关右侧说明文字： - 勾选「是」：执行人改为【执行中】、提交验收前，必须录入有效操作票编号，系统校验票状态有效，否则不允许提交 - 勾选「否」：不强制关联操作票，票号仅作为可选备注录入 （开关切换到「是」时，下方显示红色提示：高危操作强制绑定操作票，请确保现场作业安全） 【四、管控权限配置】 标题：4. 管控权限配置 两列表单： - 是否启用：单选开关（启用/停用），当前为「停用」（灰色关闭状态） 下方灰色提示文字：未完成审批评审的模板，不允许设置为「启用」 - 生效起止日期：日期区间选择器（必填红星），起始：2026-08-01 至 2099-12-31（默认永久） 整行： - 备注：多行文本域（选填），占位符：请输入备注说明，如机组检修临时停用说明等...，高度约60px，右下角字数统计 0/200 【页面底部固定操作栏】 悬浮在页面底部，白色背景，顶部有分割线： - 左侧：灰色提示文字（带信息图标）：保存仅存储数据，不触发评审、不改变启用状态 - 右侧按钮组（从左到右）： - 关闭按钮（白色边框按钮） - 保存按钮（白色边框蓝色文字按钮） - 提交评审（蓝色实心主按钮） 关闭按钮交互提示（用小弹窗示意）： 点击关闭时弹出确认对话框： - 标题：确认关闭 - 内容：当前存在未保存修改，是否确认关闭？ - 按钮：取消 / 确认关闭（红色） 设计规范： - 主色：#1677ff 蓝色 - 成功色：#52c41a 绿色 - 警告色：#faad14 橙色 - 错误色：#f5222d 红色 - 文字：#333 主文字，#666 次要文字，#999 辅助文字 - 边框：#e8e8e8 浅灰 - 背景：#f5f7fa 页面背景，#ffffff 卡片背景 - 圆角：4px 按钮和输入框 - 字体：系统默认无衬线字体 - 整体风格：简洁、专业、信息密度适中，Element UI Ant Design风格B端后台系统，与参考图视觉完全统一
GD908140592GD908140592
基于参考图的火电厂生产管理系统UI风格，设计一个钥匙归还办理弹窗。弹窗居中显示在台账页面上方，背景有半透明遮罩层，整体版式与钥匙领用弹窗完全统一。 弹窗采用三段式标准布局： 1. 顶部标题栏：左侧显示"钥匙归还办理"标题，右侧有X关闭按钮。 2. 中部表单展示与填报区，两列布局： - 第一行左：钥匙编号（只读，灰色背景，显示KEY2024050003） - 第一行右：钥匙名称（只读，灰色背景，显示化学水车间大门钥匙） - 第二行左：存放位置（只读，灰色背景，显示化学水车间钥匙柜02号） - 第二行右：当前状态（只读，红色标签显示"已借出（未归还）"） - 第三行左：借用人（只读，灰色背景，显示张三） - 第三行右：借用时间（只读，灰色背景，显示2024-05-20 08:30） - 第四行：借用用途（只读，灰色背景，占满整行，显示日常巡检） 分隔线后是核心业务选择区： - 归还状态选择（带红色*号必填）：两个单选按钮选项横向排列 - ○ 按期正常归还（默认选中，绿色圆点） - ○ 未按期归还（橙色/红色圆点，选中后下方出现提示文字：将自动记录异常并写入运行日志） - 归还备注（选填，文本域/多行输入框，占位文字：请填写归还情况、异常说明、延期原因等（选填）） - 归还操作时间（只读，灰色背景，显示"提交时自动获取当前时间"） - 操作人（只读，灰色背景，显示"当前登录用户自动获取"） 3. 底部操作按钮区：右侧排列两个按钮，【取消】灰色按钮在左，【确认提交】蓝色主按钮在右。 整体风格与参考图一致：蓝色主题色，简洁专业的后台管理系统风格，左侧深蓝色导航栏和台账页面作为背景被半透明遮罩覆盖。基于参考图的火电厂生产管理系统UI风格，设计一个钥匙归还办理弹窗。弹窗居中显示在台账页面上方，背景有半透明遮罩层，整体版式与钥匙领用弹窗完全统一。 弹窗采用三段式标准布局： 1. 顶部标题栏：左侧显示"钥匙归还办理"标题，右侧有X关闭按钮。 2. 中部表单展示与填报区，两列布局： - 第一行左：钥匙编号（只读，灰色背景，显示KEY2024050003） - 第一行右：钥匙名称（只读，灰色背景，显示化学水车间大门钥匙） - 第二行左：存放位置（只读，灰色背景，显示化学水车间钥匙柜02号） - 第二行右：当前状态（只读，红色标签显示"已借出（未归还）"） - 第三行左：借用人（只读，灰色背景，显示张三） - 第三行右：借用时间（只读，灰色背景，显示2024-05-20 08:30） - 第四行：借用用途（只读，灰色背景，占满整行，显示日常巡检） 分隔线后是核心业务选择区： - 归还状态选择（带红色*号必填）：两个单选按钮选项横向排列 - ○ 按期正常归还（默认选中，绿色圆点） - ○ 未按期归还（橙色/红色圆点，选中后下方出现提示文字：将自动记录异常并写入运行日志） - 归还备注（选填，文本域/多行输入框，占位文字：请填写归还情况、异常说明、延期原因等（选填）） - 归还操作时间（只读，灰色背景，显示"提交时自动获取当前时间"） - 操作人（只读，灰色背景，显示"当前登录用户自动获取"） 3. 底部操作按钮区：右侧排列两个按钮，【取消】灰色按钮在左，【确认提交】蓝色主按钮在右。 整体风格与参考图一致：蓝色主题色，简洁专业的后台管理系统风格，左侧深蓝色导航栏和台账页面作为背景被半透明遮罩覆盖。
GD908140592GD908140592
GD908140592GD908140592
1q8ikq3gq43vii6m-HB1q8ikq3gq43vii6m-HB
GD177920199GD177920199
GD835856161GD835856161
用户9129用户9129
大陆机电-UI设计大陆机电-UI设计
xuyasha8108xuyasha8108
186****5851186****5851
大陆机电-UI设计大陆机电-UI设计
颜晓霜颜晓霜
若木42641若木42641
GD312968130GD312968130
xuyasha8108xuyasha8108
以参考图为基础，保持完全一致的整体视觉风格、版式结构、配色与组件样式（深蓝黑色左侧导航栏、白色顶部栏、浅灰白内容区、蓝色主色调、细边框卡片、圆角表格、绿色状态标签、右下角分页控件），输出一张 16:9 的高保真“高精度定位管理平台”后台管理系统页面截图，横版满屏、文字清晰工整、无错别字。 左侧深色导航栏：顶部平台名称“高精度定位管理平台”，下方按参考图同样的图标与层级列出菜单：“首页”；“系统管理”（展开，含“岗位管理”“用户管理”“角色管理”“菜单管理”“部门管理”“字典管理”“参数设置”）；“日志管理”（展开，含“操作日志”“登录日志”“系统监控”“定位数据上传日志统计”“预报警上报日志统计”）；“定位设备管理”“定位对象管理”“地图管理”“预警管理”。其中新增菜单项“预报警上报日志统计”位于“定位数据上传日志统计”的正下方、同属“日志管理”分组，并作为当前选中项呈蓝色高亮背景。 顶部栏：左侧为折叠菜单图标与面包屑导航“首页 > 预报警上报日志统计”，右侧为带日历图标的日期范围选择器，显示“2026-09-22 14:30 至 09-24 14:30”。 右侧内容区左主区上方为柱状图卡片，标题“预报警上报频率趋势”，蓝色柱状，图例“上报频率”，横轴时间维度（09-22、09-23、09-24 等时刻），纵轴为频率刻度。 右侧内容区右上为“统计信息”面板，三张统计卡片纵向排列：带太阳图标的“当日平均值”及蓝色大号数值“16 次/min”；带日历图标的“当月平均值”及“19 次/min”；带网格图标的“季度平均值”及“17 次/min”。 主区下方为“预报警上报日志”数据表格，表格标题旁有小字说明“预警报警事件从发生到结束期间周期性上报监测状态”。表头列依次为“序号”“报警类型”“标签名称”“标签ID”“报警时间”“上报频率（次/min）”“状态”“备注”。共 8 行数据，每行“状态”为绿色标签“已结束”，“备注”为“预报警上报成功”： 第1行 “1” “聚集预警” “张五五” “20020158” “2026-09-22 14:30:11” “15” ； 第2行 “2” “长时间静止报警” “张子房” “10011028” “2026-09-22 18:45:23” “16” ； 第3行 “3” “超员报警” “测试人员702” “10011072” “2026-09-23 08:12:47” “17” ； 第4行 “4” “缺员报警” “测试人员188” “10011074” “2026-09-23 11:30:05” “18” ； 第5行 “5” “滞留报警” “外委人员” “25060742” “2026-09-23 16:58:31” “19” ； 第6行 “6” “聚集预警” “测试人员128” “25061052” “2026-09-23 21:20:14” “20” ； 第7行 “7” “长时间静止报警” “测试人员816” “10011046” “2026-09-24 09:05:52” “16” ； 第8行 “8” “超员报警” “测试人员1071” “10011061” “2026-09-24 14:30:11” “18” 。 表格底部为分页控件，显示“共 8 条”“10 条/页”及页码“1、2”，与参考图右下角分页样式一致。以参考图为基础，保持完全一致的整体视觉风格、版式结构、配色与组件样式（深蓝黑色左侧导航栏、白色顶部栏、浅灰白内容区、蓝色主色调、细边框卡片、圆角表格、绿色状态标签、右下角分页控件），输出一张 16:9 的高保真“高精度定位管理平台”后台管理系统页面截图，横版满屏、文字清晰工整、无错别字。 左侧深色导航栏：顶部平台名称“高精度定位管理平台”，下方按参考图同样的图标与层级列出菜单：“首页”；“系统管理”（展开，含“岗位管理”“用户管理”“角色管理”“菜单管理”“部门管理”“字典管理”“参数设置”）；“日志管理”（展开，含“操作日志”“登录日志”“系统监控”“定位数据上传日志统计”“预报警上报日志统计”）；“定位设备管理”“定位对象管理”“地图管理”“预警管理”。其中新增菜单项“预报警上报日志统计”位于“定位数据上传日志统计”的正下方、同属“日志管理”分组，并作为当前选中项呈蓝色高亮背景。 顶部栏：左侧为折叠菜单图标与面包屑导航“首页 > 预报警上报日志统计”，右侧为带日历图标的日期范围选择器，显示“2026-09-22 14:30 至 09-24 14:30”。 右侧内容区左主区上方为柱状图卡片，标题“预报警上报频率趋势”，蓝色柱状，图例“上报频率”，横轴时间维度（09-22、09-23、09-24 等时刻），纵轴为频率刻度。 右侧内容区右上为“统计信息”面板，三张统计卡片纵向排列：带太阳图标的“当日平均值”及蓝色大号数值“16 次/min”；带日历图标的“当月平均值”及“19 次/min”；带网格图标的“季度平均值”及“17 次/min”。 主区下方为“预报警上报日志”数据表格，表格标题旁有小字说明“预警报警事件从发生到结束期间周期性上报监测状态”。表头列依次为“序号”“报警类型”“标签名称”“标签ID”“报警时间”“上报频率（次/min）”“状态”“备注”。共 8 行数据，每行“状态”为绿色标签“已结束”，“备注”为“预报警上报成功”： 第1行 “1” “聚集预警” “张五五” “20020158” “2026-09-22 14:30:11” “15” ； 第2行 “2” “长时间静止报警” “张子房” “10011028” “2026-09-22 18:45:23” “16” ； 第3行 “3” “超员报警” “测试人员702” “10011072” “2026-09-23 08:12:47” “17” ； 第4行 “4” “缺员报警” “测试人员188” “10011074” “2026-09-23 11:30:05” “18” ； 第5行 “5” “滞留报警” “外委人员” “25060742” “2026-09-23 16:58:31” “19” ； 第6行 “6” “聚集预警” “测试人员128” “25061052” “2026-09-23 21:20:14” “20” ； 第7行 “7” “长时间静止报警” “测试人员816” “10011046” “2026-09-24 09:05:52” “16” ； 第8行 “8” “超员报警” “测试人员1071” “10011061” “2026-09-24 14:30:11” “18” 。 表格底部为分页控件，显示“共 8 条”“10 条/页”及页码“1、2”，与参考图右下角分页样式一致。
雨青44758雨青44758
用户9129用户9129
生成一张网页端后台管理UI设计图，宽高比16:9，深色专业风格，深蓝灰底色，整体为AI写作工作台的设计体系，是偏数据管理和控制感的管理员后台页面。 页面布局： 1. 左侧宽度占15%，为侧边导航栏，顶部显示平台Logo和“智宅焕管理后台”文字，菜单项依次为：订单管理、服务产品配置（当前选中项，高亮显示）、师傅管理、提现审核、系统设置。 2. 右侧为内容区，分为上下两个区域： - 上半部分为服务列表：顶部标题文字“服务产品管理”，右侧有一个主色高亮的“+ 新增服务”按钮；下方是服务列表表格，列标题为：服务名称 | 服务模式 | 计价方式 | 单价 | 开放城市 | 状态 | 操作；表格内展示3-4条示例数据行，每行右侧有“编辑”和“停用/启用”按钮，服务模式列使用蓝色标签“远程服务”、橙色标签“现场服务”区分。 - 下半部分为编辑表单区，标题文字“新增/编辑服务产品”；表单字段从上到下依次为：服务名称输入框，服务模式下拉选择框（选项：远程服务、现场服务），远程费开关（标注仅选择“现场服务”时出现，含开关按钮和说明文字输入框），开放城市城市选择器（标注仅现场服务时必填，远程服务时自动隐藏），计价方式下拉选择框（选项：一口价/按面积分档/按城市分档/按城市+面积分档/按次/按周期/阶梯计价/按数量），单价数字输入框，计价单位输入框（占位示例：套/次/天），数量选择开关按钮，服务详情大高度富文本编辑区；表单底部有“保存”按钮和“取消”按钮。 通过标注文字示意表单区域的字段联动关系，整体要体现功能完整的配置后台，所有文字清晰可见，使用无衬线字体，UI风格专业整洁。生成一张网页端后台管理UI设计图，宽高比16:9，深色专业风格，深蓝灰底色，整体为AI写作工作台的设计体系，是偏数据管理和控制感的管理员后台页面。 页面布局： 1. 左侧宽度占15%，为侧边导航栏，顶部显示平台Logo和“智宅焕管理后台”文字，菜单项依次为：订单管理、服务产品配置（当前选中项，高亮显示）、师傅管理、提现审核、系统设置。 2. 右侧为内容区，分为上下两个区域： - 上半部分为服务列表：顶部标题文字“服务产品管理”，右侧有一个主色高亮的“+ 新增服务”按钮；下方是服务列表表格，列标题为：服务名称 | 服务模式 | 计价方式 | 单价 | 开放城市 | 状态 | 操作；表格内展示3-4条示例数据行，每行右侧有“编辑”和“停用/启用”按钮，服务模式列使用蓝色标签“远程服务”、橙色标签“现场服务”区分。 - 下半部分为编辑表单区，标题文字“新增/编辑服务产品”；表单字段从上到下依次为：服务名称输入框，服务模式下拉选择框（选项：远程服务、现场服务），远程费开关（标注仅选择“现场服务”时出现，含开关按钮和说明文字输入框），开放城市城市选择器（标注仅现场服务时必填，远程服务时自动隐藏），计价方式下拉选择框（选项：一口价/按面积分档/按城市分档/按城市+面积分档/按次/按周期/阶梯计价/按数量），单价数字输入框，计价单位输入框（占位示例：套/次/天），数量选择开关按钮，服务详情大高度富文本编辑区；表单底部有“保存”按钮和“取消”按钮。 通过标注文字示意表单区域的字段联动关系，整体要体现功能完整的配置后台，所有文字清晰可见，使用无衬线字体，UI风格专业整洁。
678typ3ch-HB678typ3ch-HB
GD835856161GD835856161
1rcmd4bubuDi7zZg-HB1rcmd4bubuDi7zZg-HB
xuyasha8108xuyasha8108
W贝贝W贝贝
生成一张网页端后台管理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风格专业整洁，整体与上一张智宅焕管理后台设计风格保持统一。
678typ3ch-HB678typ3ch-HB
1r023llsxg-jTaDw-HB1r023llsxg-jTaDw-HB
若木42641若木42641