创意预览图

参考图片的B端SaaS后台管理系统界面风格，重新生成一套企业OA办公系统首页界面，保持相同的浅蓝白配色、圆角卡片、柔和阴影、3D图标风格，左侧导航栏，顶部导航栏，主内容区包含数据统计卡片、最近使用模块

用户头像

WXuci_慧儿

2026.08.05
神出错了1神出错了1
litian123456789litian123456789
神出错了1神出错了1
1r9o22ztackhAFaA-HB1r9o22ztackhAFaA-HB
GD835856161GD835856161
GD456451108GD456451108
GD214142686GD214142686
神出错了1神出错了1
litian123456789litian123456789
1q8ikq3gq43vii6m-HB1q8ikq3gq43vii6m-HB
小甘要自律小甘要自律
litian123456789litian123456789
6adhucitqSFIi0g-HB6adhucitqSFIi0g-HB
Kid the Phantom ThiefKid the Phantom Thief
GD312968130GD312968130
是小栗子哇！是小栗子哇！
wwwwwwjwwwwwwj
wwwwwwjwwwwwwj
wwwwwwjwwwwwwj
大陆机电-UI设计大陆机电-UI设计
大陆机电-UI设计大陆机电-UI设计
1q49aea09h-HB1q49aea09h-HB
喜鹊帮帮姣姣喜鹊帮帮姣姣
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
GD119173720GD119173720