简洁大气的企业B端后台管理系统界面，上报失败错误详情弹框模态框… - 图片创意预览

简洁大气的企业B端后台管理系统界面，上报失败错误详情弹框模态框…

简洁大气的企业B端后台管理系统界面，上报失败错误详情弹框模态框，纯白色背景，无多余装饰，字体清晰。弹框居中显示，背景半透明浅灰色遮罩。顶部标题栏左侧有一个红色小警告图标，中间居中显示"上报失败错误详情

用户头像

GD177920199

2026.08.06
GD177920199GD177920199
GD177920199GD177920199
1q8ikq3gq43vii6m-HB1q8ikq3gq43vii6m-HB
GD227402473GD227402473
基于参考图的火电厂生产管理系统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
A professional financial voucher anomaly quality inspection dashboard UI design, titled "财务凭证异常质检看板" at the top left in bold dark text. Light modern business SaaS style, pure white and very light gray background, clean and fresh. Bento grid layout with well-organized modules, Figma top-tier design, high definition, professional financial software. Top filter bar: Four dropdown filter controls in a row - "公司代码", "会计年月", "分组", "凭证号", each with a clean dropdown arrow and light gray border. Upper metrics section: 3 white rounded cards with soft shadows. Card 1: total voucher count with blue icon. Card 2: anomaly voucher count with red warning icon #FF4D4F. Card 3: anomaly ratio percentage with orange icon. Each card has bold black large numbers and gray description text below. Middle charts section (bento grid): Left side - a donut/ring chart showing status distribution with three segments: 待确认 (pending - yellow/orange), 已修改 (modified - blue), 确认无误 (confirmed correct - green #52C41A), with clear legend on the right. Right side - a line chart showing anomaly count trend across fiscal months, smooth curve with soft blue gradient area fill below the line, x-axis labeled with months, y-axis with count numbers. Bottom section: A clean data table with rounded corners and very thin light gray borders, showing voucher-level detail list. Table columns: 公司代码, 公司名称, 会计年度, 会计月份, 过账日期, 分组, 凭证号 (as clickable blue hyperlink with underline hint), 未通过检查项 (showing specific issues like tax rate error/account error in red tag style), 入账人员用户名, 数据更新时间, 数据来源. Subtle row hover highlight effect with light blue background. Table header with light gray background and bold text. Overall style: modern minimalist, plenty of white space, rigorous typography, B-end product design. Accent colors: warning red #FF4D4F for anomalies, safety green #52C41A for confirmed, primary blue #1890FF for links and charts. Ultra detailed UI, 16:9 landscape aspect ratio.A professional financial voucher anomaly quality inspection dashboard UI design, titled "财务凭证异常质检看板" at the top left in bold dark text. Light modern business SaaS style, pure white and very light gray background, clean and fresh. Bento grid layout with well-organized modules, Figma top-tier design, high definition, professional financial software. Top filter bar: Four dropdown filter controls in a row - "公司代码", "会计年月", "分组", "凭证号", each with a clean dropdown arrow and light gray border. Upper metrics section: 3 white rounded cards with soft shadows. Card 1: total voucher count with blue icon. Card 2: anomaly voucher count with red warning icon #FF4D4F. Card 3: anomaly ratio percentage with orange icon. Each card has bold black large numbers and gray description text below. Middle charts section (bento grid): Left side - a donut/ring chart showing status distribution with three segments: 待确认 (pending - yellow/orange), 已修改 (modified - blue), 确认无误 (confirmed correct - green #52C41A), with clear legend on the right. Right side - a line chart showing anomaly count trend across fiscal months, smooth curve with soft blue gradient area fill below the line, x-axis labeled with months, y-axis with count numbers. Bottom section: A clean data table with rounded corners and very thin light gray borders, showing voucher-level detail list. Table columns: 公司代码, 公司名称, 会计年度, 会计月份, 过账日期, 分组, 凭证号 (as clickable blue hyperlink with underline hint), 未通过检查项 (showing specific issues like tax rate error/account error in red tag style), 入账人员用户名, 数据更新时间, 数据来源. Subtle row hover highlight effect with light blue background. Table header with light gray background and bold text. Overall style: modern minimalist, plenty of white space, rigorous typography, B-end product design. Accent colors: warning red #FF4D4F for anomalies, safety green #52C41A for confirmed, primary blue #1890FF for links and charts. Ultra detailed UI, 16:9 landscape aspect ratio.
GD528910067GD528910067
GD227402473GD227402473
用户9129用户9129
用户9129用户9129
生成一张网页端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块的损失。”，原文预览区底部链接样式按钮“🔗 跳转到原文对应段落”；原文下方关联条目区域展示：“关联金句：规则不是限制，是保护 →”、“关联案例：蒲总网关退货事件 →”、“关联框架：痛点-归因-解法 →”。左栏表单清晰可编辑，右栏原文和关联提供完整上下文，“查看完整原文”按钮体现结构化拆解和完整原文互相跳转的设计，所有中文文字清晰可见，字体使用无衬线体。
678typ3ch-HB678typ3ch-HB
W贝贝W贝贝
一张用于PPT的白底政务蓝风模型层痛点分析图，横版16:9，纯白色背景，政务蓝色（#1E5AA8）为主色调，搭配浅灰和橙红色警示色点缀，风格正式、严谨、专业，适合政府和国央企汇报场景。画面顶部居中是大标题"模型层痛点：只展示、不推理"，深蓝色粗体字，下方一行灰色小字副标题"审批核验高度依赖人工，缺乏智能关联研判"。画面主体采用左右对比结构：左侧是"传统模式"灰色弱化区域，标题"表单式被动审核"，下方一个电脑屏幕图标显示"申报材料表单"，旁边标注"只能看当前申报材料·只能看报表"，下方列出痛点："高度依赖人工经验""合规风险高""廉政风险高"，配警示三角图标。右侧是"缺失能力"蓝色强化区域，标题"无法自动关联研判"，下方以一个中心问号图形为核心，周围环绕6个蓝色小卡片呈放射状排列，分别标注："过往审批记录""重叠占地核查""压占生态红线""符合国土空间规划""权属争议核查""历史违规整改"，每个卡片配对应小图标，用虚线连接中心问号，象征这些关联研判能力传统模式无法实现。画面底部有一条细蓝线，下方小字标注"缺仿真推演·缺归因分析·缺态势预判·被动审核风险高"。整体风格：白底政务蓝、扁平化设计、线条简洁、痛点对比鲜明、信息层级清晰、排版规整精美、适合正式汇报PPT。画面中所有信息区域必须填充完整合理的内容，不得出现空白框。画面中所有二维码区域使用纯色方块占位符呈现，方块中央标注"二维码占位"文字，严禁生成任何可识别的二维码图案。一张用于PPT的白底政务蓝风模型层痛点分析图，横版16:9，纯白色背景，政务蓝色（#1E5AA8）为主色调，搭配浅灰和橙红色警示色点缀，风格正式、严谨、专业，适合政府和国央企汇报场景。画面顶部居中是大标题"模型层痛点：只展示、不推理"，深蓝色粗体字，下方一行灰色小字副标题"审批核验高度依赖人工，缺乏智能关联研判"。画面主体采用左右对比结构：左侧是"传统模式"灰色弱化区域，标题"表单式被动审核"，下方一个电脑屏幕图标显示"申报材料表单"，旁边标注"只能看当前申报材料·只能看报表"，下方列出痛点："高度依赖人工经验""合规风险高""廉政风险高"，配警示三角图标。右侧是"缺失能力"蓝色强化区域，标题"无法自动关联研判"，下方以一个中心问号图形为核心，周围环绕6个蓝色小卡片呈放射状排列，分别标注："过往审批记录""重叠占地核查""压占生态红线""符合国土空间规划""权属争议核查""历史违规整改"，每个卡片配对应小图标，用虚线连接中心问号，象征这些关联研判能力传统模式无法实现。画面底部有一条细蓝线，下方小字标注"缺仿真推演·缺归因分析·缺态势预判·被动审核风险高"。整体风格：白底政务蓝、扁平化设计、线条简洁、痛点对比鲜明、信息层级清晰、排版规整精美、适合正式汇报PPT。画面中所有信息区域必须填充完整合理的内容，不得出现空白框。画面中所有二维码区域使用纯色方块占位符呈现，方块中央标注"二维码占位"文字，严禁生成任何可识别的二维码图案。
GD431960663GD431960663
若木42641若木42641
AI写作工作台待处理仓库页UI界面原型图，横版16:9比例，背景纯白，主色调深蓝与暗金，极简商务风格，严谨专业，高信任感。左侧深蓝色侧边栏约占1/6宽度，顶部暗金色品牌标志文字"智宅焕·AI写作工作台"，下方竖向导航菜单深灰色文字，当前选中项"待处理仓库"为深蓝色背景白色文字，其他菜单项依次为"工作台首页""文章生成""文章成品区""选题管理""框架管理""知识库管理""平台适配配置""文章上传与拆解""用户权限"。右侧白色内容区：顶部大号深蓝色粗体标题"待处理仓库"，下方灰色说明文字"以下内容来自你在创作对话中未及时归档的对话片段。请尽快处理，避免积压。"，右侧显示计数"共15条待处理"。快捷筛选栏：横向标签依次为"全部（15）""来自自由沟通（8）""来自深度文章（5）""来自日常干货（2）"，全部标签当前选中。内容列表区：对话片段列表，每个条目左侧浅蓝色小标签标注来源框架，右下角灰色小字暂存时间，中间内容预览片段前几行文字，右侧操作区两个按钮【归档】（暗金色）和【删除】（灰色）。展示三条示例：第一条来源框架"自由沟通"，暂存于2026-08-01 14:30，内容预览"我在想，真正的护城河，不是技术，不是资源，而是信任。信任是所有服务类公司最核心的壁垒..."；第二条来源框架"深度文章"，暂存于2026-07-31 16:20，内容预览"凭感觉做交付，解决的是90%的问题。凭标准做交付，解决的是尽可能接近100%的问题..."；第三条来源框架"日常干货"，暂存于2026-07-30 09:15，内容预览"价格战的本质，不是成本的竞争，而是信任的缺席..."。批量操作栏：列表底部，左侧"全选"复选框，右侧"批量归档"（暗金色）和"全部清空"（灰色带警告色提示）两个按钮。所有文字清晰可读，模拟真实软件后台界面，严谨高效可配置，无卡通花哨元素。AI写作工作台待处理仓库页UI界面原型图，横版16:9比例，背景纯白，主色调深蓝与暗金，极简商务风格，严谨专业，高信任感。左侧深蓝色侧边栏约占1/6宽度，顶部暗金色品牌标志文字"智宅焕·AI写作工作台"，下方竖向导航菜单深灰色文字，当前选中项"待处理仓库"为深蓝色背景白色文字，其他菜单项依次为"工作台首页""文章生成""文章成品区""选题管理""框架管理""知识库管理""平台适配配置""文章上传与拆解""用户权限"。右侧白色内容区：顶部大号深蓝色粗体标题"待处理仓库"，下方灰色说明文字"以下内容来自你在创作对话中未及时归档的对话片段。请尽快处理，避免积压。"，右侧显示计数"共15条待处理"。快捷筛选栏：横向标签依次为"全部（15）""来自自由沟通（8）""来自深度文章（5）""来自日常干货（2）"，全部标签当前选中。内容列表区：对话片段列表，每个条目左侧浅蓝色小标签标注来源框架，右下角灰色小字暂存时间，中间内容预览片段前几行文字，右侧操作区两个按钮【归档】（暗金色）和【删除】（灰色）。展示三条示例：第一条来源框架"自由沟通"，暂存于2026-08-01 14:30，内容预览"我在想，真正的护城河，不是技术，不是资源，而是信任。信任是所有服务类公司最核心的壁垒..."；第二条来源框架"深度文章"，暂存于2026-07-31 16:20，内容预览"凭感觉做交付，解决的是90%的问题。凭标准做交付，解决的是尽可能接近100%的问题..."；第三条来源框架"日常干货"，暂存于2026-07-30 09:15，内容预览"价格战的本质，不是成本的竞争，而是信任的缺席..."。批量操作栏：列表底部，左侧"全选"复选框，右侧"批量归档"（暗金色）和"全部清空"（灰色带警告色提示）两个按钮。所有文字清晰可读，模拟真实软件后台界面，严谨高效可配置，无卡通花哨元素。
678typ3ch-HB678typ3ch-HB
用户UbYvWF2S用户UbYvWF2S
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
安歌84134安歌84134
1q5vp5brfm-HB1q5vp5brfm-HB
生成一张网页端UI设计图，宽高比为16:9。整体风格为深色专业风，与之前所有页面保持完全一致的视觉体系，左侧侧边栏不限定具体菜单高亮，右侧为内容区。右侧内容区：顶部页面标题“内容资产导出”字体稍大，标题下方为筛选工具栏，三个筛选条件水平排列：知识库筛选下拉框默认显示“全部知识库”，日期范围起止选择器默认显示“2026-06-01”至“2026-07-04”，标签筛选下拉多选框默认显示“全部标签”，筛选工具栏右侧有“🔍 筛选”按钮。内容列表区展示可导出内容条目，每行一条，包含勾选框、标题、所属知识库标签、日期、字数，示例展示5条内容：✅ 《智能锁交付痛点》- 文章库 - 2026-07-01 - 2800字、✅ 《智能锁售后铁律》- 案例库 - 2026-06-15 - 450字、✅ 《规则不是限制，是保护》- 金句库 - 2026-05-20 - 30字、☐ 《蒲总线控器事件》- 案例库 - 2026-04-10 - 600字、✅ 《写作框架：痛点-归因-解法》- 写作框架库 - 2026-07-03 - 200字，列表上方显示“已选择 4 条内容”。导出格式选择区在列表下方，三个导出格式选项大卡片水平排列：卡片1 📄 Word (.docx) - 保留精美排版，可本地微调；卡片2 📑 PDF - 保留精美排版，适配A4纸打印；卡片3 📝 Markdown (.md) - 纯文本版本，跨平台迁移，当前选中的格式卡片有高亮边框。底部操作区：主按钮高亮样式“📥 一键导出”，按钮下方提示文字“导出内容将包含完整排版，可直接用于交付或发布。”。筛选选择流程清晰，三种导出格式价值一目了然，所有中文文字清晰可见，字体使用无衬线体。生成一张网页端UI设计图，宽高比为16:9。整体风格为深色专业风，与之前所有页面保持完全一致的视觉体系，左侧侧边栏不限定具体菜单高亮，右侧为内容区。右侧内容区：顶部页面标题“内容资产导出”字体稍大，标题下方为筛选工具栏，三个筛选条件水平排列：知识库筛选下拉框默认显示“全部知识库”，日期范围起止选择器默认显示“2026-06-01”至“2026-07-04”，标签筛选下拉多选框默认显示“全部标签”，筛选工具栏右侧有“🔍 筛选”按钮。内容列表区展示可导出内容条目，每行一条，包含勾选框、标题、所属知识库标签、日期、字数，示例展示5条内容：✅ 《智能锁交付痛点》- 文章库 - 2026-07-01 - 2800字、✅ 《智能锁售后铁律》- 案例库 - 2026-06-15 - 450字、✅ 《规则不是限制，是保护》- 金句库 - 2026-05-20 - 30字、☐ 《蒲总线控器事件》- 案例库 - 2026-04-10 - 600字、✅ 《写作框架：痛点-归因-解法》- 写作框架库 - 2026-07-03 - 200字，列表上方显示“已选择 4 条内容”。导出格式选择区在列表下方，三个导出格式选项大卡片水平排列：卡片1 📄 Word (.docx) - 保留精美排版，可本地微调；卡片2 📑 PDF - 保留精美排版，适配A4纸打印；卡片3 📝 Markdown (.md) - 纯文本版本，跨平台迁移，当前选中的格式卡片有高亮边框。底部操作区：主按钮高亮样式“📥 一键导出”，按钮下方提示文字“导出内容将包含完整排版，可直接用于交付或发布。”。筛选选择流程清晰，三种导出格式价值一目了然，所有中文文字清晰可见，字体使用无衬线体。
678typ3ch-HB678typ3ch-HB
大陆机电-UI设计大陆机电-UI设计
大陆机电-UI设计大陆机电-UI设计
若木42641若木42641
GD456451108GD456451108
xuyasha8108xuyasha8108
186****5851186****5851