B端企业级后台管理系统完整页面设计，储能电厂生产管理系统-定期… - 图片创意预览

B端企业级后台管理系统完整页面设计，储能电厂生产管理系统-定期…

B端企业级后台管理系统完整页面设计，储能电厂生产管理系统-定期工作配置详情页，PC端2K分辨率，Element UI风格，蓝色主色调#1677ff，白色背景，与参考图风格完全统一。 整体布局结构：

用户头像

GD908140592

2026.08.03
火电厂信息管理系统「定期工作配置-周期规则」标签页表单页面，UI设计，与参考图风格完全一致，深蓝左侧导航栏+白色主内容区，蓝白配色，企业级后台管理系统风格。左侧导航：生产管理系统logo，首页、两票管理、定期工作管理（展开，定期工作配置高亮选中）、基础数据管理、系统设置。顶部面包屑：首页 / 定期工作管理 / 定期工作配置 / 编辑配置，右上角通知铃铛、帮助、管理员头像。页面标题：新增定期工作配置，顶部标签页导航：基础信息（已完成）、周期规则（当前激活，蓝色下划线）、责任配置、合规配置。主内容区为表单布局，分左右两列。第一部分：周期类型【下拉单选，必填，红色星号】，下拉选项：每班/每日/每周/每月/指定日期，当前选中「每周」示例。第二部分：动态参数区域（当前展示每周类型参数），星期多选复选框组：周一、周二（选中高亮）、周三、周四、周五、周六、周日；目标执行班次【单选】：白班（选中）/中班/夜班。下方小字业务说明：系统根据周期规则算出计划执行日期+目标班次，自动匹配排班日历中对应值班班组推送任务。第三部分：全局通用配置项（所有周期统一展示），生效起始日期【必填，日期选择器】，失效截止日期【选填，日期选择器，为空永久生效】，临期提前提醒时长(h)【数字输入框，默认0，提示推荐重点工作24~72h】，允许执行宽限期(h)【必填，数字输入框，默认24h，提示宽限期结束不得跨至下一班次，超出自动截断】。底部右侧按钮组：上一步、保存草稿、预览周期、下一步（蓝色主按钮）。整体风格简洁专业，高保真UI，表单标签左对齐，输入框右对齐，信息层级清晰，与参考图视觉风格统一火电厂信息管理系统「定期工作配置-周期规则」标签页表单页面，UI设计，与参考图风格完全一致，深蓝左侧导航栏+白色主内容区，蓝白配色，企业级后台管理系统风格。左侧导航：生产管理系统logo，首页、两票管理、定期工作管理（展开，定期工作配置高亮选中）、基础数据管理、系统设置。顶部面包屑：首页 / 定期工作管理 / 定期工作配置 / 编辑配置，右上角通知铃铛、帮助、管理员头像。页面标题：新增定期工作配置，顶部标签页导航：基础信息（已完成）、周期规则（当前激活，蓝色下划线）、责任配置、合规配置。主内容区为表单布局，分左右两列。第一部分：周期类型【下拉单选，必填，红色星号】，下拉选项：每班/每日/每周/每月/指定日期，当前选中「每周」示例。第二部分：动态参数区域（当前展示每周类型参数），星期多选复选框组：周一、周二（选中高亮）、周三、周四、周五、周六、周日；目标执行班次【单选】：白班（选中）/中班/夜班。下方小字业务说明：系统根据周期规则算出计划执行日期+目标班次，自动匹配排班日历中对应值班班组推送任务。第三部分：全局通用配置项（所有周期统一展示），生效起始日期【必填，日期选择器】，失效截止日期【选填，日期选择器，为空永久生效】，临期提前提醒时长(h)【数字输入框，默认0，提示推荐重点工作24~72h】，允许执行宽限期(h)【必填，数字输入框，默认24h，提示宽限期结束不得跨至下一班次，超出自动截断】。底部右侧按钮组：上一步、保存草稿、预览周期、下一步（蓝色主按钮）。整体风格简洁专业，高保真UI，表单标签左对齐，输入框右对齐，信息层级清晰，与参考图视觉风格统一
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
GD177920199GD177920199
1q8ikq3gq43vii6m-HB1q8ikq3gq43vii6m-HB
xuyasha8108xuyasha8108
颜晓霜颜晓霜
若木42641若木42641
用户9129用户9129
xuyasha8108xuyasha8108
xuyasha8108xuyasha8108
WXuci_慧儿WXuci_慧儿
用户9129用户9129
GD835856161GD835856161
GD312968130GD312968130
基于参考图的设计风格，设计一个渠道活码详情页，内容丰富。保持完全一致的整体风格：左侧浅蓝到浅青渐变导航栏（深度开创logo，营销获客菜单展开，渠道活码项选中）、顶部搜索栏和用户头像、右侧左下角浅蓝到右上角浅灰渐变背景、白色卡片、科技蓝主色调、精致圆角。页面内容：顶部面包屑（营销获客 / 渠道活码 / 详情），返回箭头，标题"618活动推广码"，状态标签（启用-绿色），右上角操作按钮组（编辑、下载二维码、停用）。页面主体分多个模块卡片：1. 基本信息卡片：活码名称、渠道类型（线上广告）、关联员工、欢迎语、标签、创建时间、创建人等信息，右侧展示二维码预览图（带logo的企微二维码）。2. 数据概览卡片（4个数据指标）：累计扫码人数、累计添加客户数、总转化率、今日新增客户，每个带小趋势图。3. 数据趋势图表卡片：折线图展示近30天扫码人数和添加客户数趋势，带时间筛选（今日/近7日/近30日/自定义）。4. 渠道来源分布卡片：饼图展示不同来源渠道的占比分布。5. 扫码客户列表卡片：表格展示扫码添加的客户列表，包含客户头像、客户昵称、扫码时间、添加状态、标签、操作（查看详情），带分页。整体布局丰富有序，信息层级清晰，专业B端SaaS产品界面，文字清晰无乱码，1920x1080尺寸基于参考图的设计风格，设计一个渠道活码详情页，内容丰富。保持完全一致的整体风格：左侧浅蓝到浅青渐变导航栏（深度开创logo，营销获客菜单展开，渠道活码项选中）、顶部搜索栏和用户头像、右侧左下角浅蓝到右上角浅灰渐变背景、白色卡片、科技蓝主色调、精致圆角。页面内容：顶部面包屑（营销获客 / 渠道活码 / 详情），返回箭头，标题"618活动推广码"，状态标签（启用-绿色），右上角操作按钮组（编辑、下载二维码、停用）。页面主体分多个模块卡片：1. 基本信息卡片：活码名称、渠道类型（线上广告）、关联员工、欢迎语、标签、创建时间、创建人等信息，右侧展示二维码预览图（带logo的企微二维码）。2. 数据概览卡片（4个数据指标）：累计扫码人数、累计添加客户数、总转化率、今日新增客户，每个带小趋势图。3. 数据趋势图表卡片：折线图展示近30天扫码人数和添加客户数趋势，带时间筛选（今日/近7日/近30日/自定义）。4. 渠道来源分布卡片：饼图展示不同来源渠道的占比分布。5. 扫码客户列表卡片：表格展示扫码添加的客户列表，包含客户头像、客户昵称、扫码时间、添加状态、标签、操作（查看详情），带分页。整体布局丰富有序，信息层级清晰，专业B端SaaS产品界面，文字清晰无乱码，1920x1080尺寸
颜晓霜颜晓霜
W贝贝W贝贝
颜晓霜颜晓霜
若木42641若木42641
资源协同平台-评审任务管理页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像（显示教务专责身份）。左侧导航当前选中评审管理模块并展开子菜单，高亮评审任务管理。主内容区：顶部面包屑导航，页面大标题评审任务管理。页面顶部为数据概览卡片行，4个统计卡片横向排列：待评审任务数、进行中评审、已完成评审、本月新增评审，每个卡片有图标、数值、环比趋势。下方为操作与筛选区：左侧有新建评审计划按钮（蓝色主按钮）、发起评审按钮、批量分派按钮；右侧为筛选条件：评审类型下拉、评审状态下拉（全部/待发起/进行中/已完成/已驳回）、时间范围选择、关键词搜索框、查询重置按钮。主体为评审任务列表表格，表头包含：复选框、任务编号、评审任务名称、评审类型（如课程评审/师资评审/案例评审）、关联资源数、评审专家、计划开始时间、计划结束时间、当前状态（不同颜色标签：待发起灰色/进行中橙色/已完成绿色/已驳回红色）、进度条、操作列（查看详情、分派专家、编辑、删除）。表格展示8-10行数据，每行有进度百分比条。页面底部分页组件。整体风格与资源申报审核页一致，蓝色主调，专业清晰，卡片精致有质感资源协同平台-评审任务管理页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像（显示教务专责身份）。左侧导航当前选中评审管理模块并展开子菜单，高亮评审任务管理。主内容区：顶部面包屑导航，页面大标题评审任务管理。页面顶部为数据概览卡片行，4个统计卡片横向排列：待评审任务数、进行中评审、已完成评审、本月新增评审，每个卡片有图标、数值、环比趋势。下方为操作与筛选区：左侧有新建评审计划按钮（蓝色主按钮）、发起评审按钮、批量分派按钮；右侧为筛选条件：评审类型下拉、评审状态下拉（全部/待发起/进行中/已完成/已驳回）、时间范围选择、关键词搜索框、查询重置按钮。主体为评审任务列表表格，表头包含：复选框、任务编号、评审任务名称、评审类型（如课程评审/师资评审/案例评审）、关联资源数、评审专家、计划开始时间、计划结束时间、当前状态（不同颜色标签：待发起灰色/进行中橙色/已完成绿色/已驳回红色）、进度条、操作列（查看详情、分派专家、编辑、删除）。表格展示8-10行数据，每行有进度百分比条。页面底部分页组件。整体风格与资源申报审核页一致，蓝色主调，专业清晰，卡片精致有质感
若木42641若木42641
用户UbYvWF2S用户UbYvWF2S
生成一张网页端后台管理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
若木42641若木42641
生成一张网页端后台管理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
资源协同平台-基地使用申请页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像。左侧导航当前选中资源中心模块并展开子菜单，高亮基地资源下的基地使用申请。主内容区：顶部面包屑导航，页面大标题基地使用申请，副标题说明用于跨校办学项目、实训参观等基地使用申请。页面为表单布局，分多个信息区块，每个区块有蓝色左侧条标题：第一区块申请基本信息：申请单位（只读显示）、申请人、联系电话、申请日期（自动填充）、申请类型下拉选择（跨校办学/实训教学/参观交流/会议活动/其他）；第二区块基地信息：基地名称下拉选择（带搜索）、基地所在地址（只读联动显示）、基地容量（只读联动显示）、基地负责人及联系方式（只读联动显示）；第三区块使用安排：使用目的（多行文本框）、使用开始时间（日期+时间选择）、使用结束时间（日期+时间选择）、使用人数（数字输入框）、参与对象（输入框）；第四区块附件材料：单位盖章资料上传区域（大尺寸拖拽上传区，带上传图标和提示文字，支持PDF、图片格式，标注为必填项）、其他附件上传（可选）；第五区块审批信息：预计审批流程展示（如教务专责审核→基地管理员确认→分管领导审批）。页面底部右侧有保存草稿按钮（灰色边框）和提交申请按钮（蓝色主按钮）。整体表单两列布局，标签左对齐，必填项带红色星号，界面精致有质感资源协同平台-基地使用申请页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像。左侧导航当前选中资源中心模块并展开子菜单，高亮基地资源下的基地使用申请。主内容区：顶部面包屑导航，页面大标题基地使用申请，副标题说明用于跨校办学项目、实训参观等基地使用申请。页面为表单布局，分多个信息区块，每个区块有蓝色左侧条标题：第一区块申请基本信息：申请单位（只读显示）、申请人、联系电话、申请日期（自动填充）、申请类型下拉选择（跨校办学/实训教学/参观交流/会议活动/其他）；第二区块基地信息：基地名称下拉选择（带搜索）、基地所在地址（只读联动显示）、基地容量（只读联动显示）、基地负责人及联系方式（只读联动显示）；第三区块使用安排：使用目的（多行文本框）、使用开始时间（日期+时间选择）、使用结束时间（日期+时间选择）、使用人数（数字输入框）、参与对象（输入框）；第四区块附件材料：单位盖章资料上传区域（大尺寸拖拽上传区，带上传图标和提示文字，支持PDF、图片格式，标注为必填项）、其他附件上传（可选）；第五区块审批信息：预计审批流程展示（如教务专责审核→基地管理员确认→分管领导审批）。页面底部右侧有保存草稿按钮（灰色边框）和提交申请按钮（蓝色主按钮）。整体表单两列布局，标签左对齐，必填项带红色星号，界面精致有质感
若木42641若木42641