将图片中圆角长方形窗口以外的所有背景部分全部剪裁删除,只保留圆… - 图片创意预览

将图片中圆角长方形窗口以外的所有背景部分全部剪裁删除,只保留圆…

将图片中圆角长方形窗口以外的所有背景部分全部剪裁删除,只保留圆角长方形窗口内的完整内容,圆角边缘保持平滑自然,画面内容不变,清晰度不变

生成一张网页端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”、“📤 导出全部数据”按钮、“🗑️ 清空缓存”低调灰色按钮。底部操作区为主按钮高亮样式“💾 保存设置”。设置页信息层级清晰分组明确,品牌信息扩展点低调可见,所有中文文字清晰可见,字体使用无衬线体,整个页面所有文字均为中文,不得保留任何英文导航项。
AI写作工作台归档待确认弹窗UI界面原型图,横版16:9比例,背景为半透明灰色遮罩,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。弹窗为白色圆角居中显示,宽度约占页面60%,浮在创作对话页上方。弹窗内容:顶部深蓝色背景标题栏,白色文字"归档待确认清单",右侧有"×"关闭按钮。正文灰色小字提示"AI已根据您的归档指令,将选中的对话提炼为以下内容。请逐条确认后入库。"。核心可滚动清单区展示三条待确认归档内容:待确认项1(案例):左侧醒目标签"建议存入:案例库",案例标题"苏州别墅网络盲区售后事件",提炼内容"客户因门口网络覆盖盲区导致智能锁掉线,经排查是墙面AP位置不当所致。最终通过更换吸顶AP并重新测试信号解决。",右侧三个操作按钮【确认通过】(暗金色)【修改后通过】【删除本条】;待确认项2(观点):左侧标签"建议存入:观点库",观点内容"凭感觉做交付,解决的是90%的问题。凭标准做交付,解决的是尽可能接近100%的问题。",右侧同样三个按钮;待确认项3(观点):左侧标签"建议存入:观点库",观点内容"真正的护城河,不是技术,不是资源,而是信任。",右侧同样三个按钮。底部操作栏:左侧"全选"复选框,右侧两个按钮"一键确认全部"(暗金色)和"取消"(灰色)。所有文字清晰可读,严谨可靠高效,无卡通花哨元素。AI写作工作台归档待确认弹窗UI界面原型图,横版16:9比例,背景为半透明灰色遮罩,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。弹窗为白色圆角居中显示,宽度约占页面60%,浮在创作对话页上方。弹窗内容:顶部深蓝色背景标题栏,白色文字"归档待确认清单",右侧有"×"关闭按钮。正文灰色小字提示"AI已根据您的归档指令,将选中的对话提炼为以下内容。请逐条确认后入库。"。核心可滚动清单区展示三条待确认归档内容:待确认项1(案例):左侧醒目标签"建议存入:案例库",案例标题"苏州别墅网络盲区售后事件",提炼内容"客户因门口网络覆盖盲区导致智能锁掉线,经排查是墙面AP位置不当所致。最终通过更换吸顶AP并重新测试信号解决。",右侧三个操作按钮【确认通过】(暗金色)【修改后通过】【删除本条】;待确认项2(观点):左侧标签"建议存入:观点库",观点内容"凭感觉做交付,解决的是90%的问题。凭标准做交付,解决的是尽可能接近100%的问题。",右侧同样三个按钮;待确认项3(观点):左侧标签"建议存入:观点库",观点内容"真正的护城河,不是技术,不是资源,而是信任。",右侧同样三个按钮。底部操作栏:左侧"全选"复选框,右侧两个按钮"一键确认全部"(暗金色)和"取消"(灰色)。所有文字清晰可读,严谨可靠高效,无卡通花哨元素。
AI写作工作台归档待确认弹窗UI界面原型图,横版16:9比例,背景为半透明灰色遮罩,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。弹窗为白色圆角居中显示,宽度约占页面60%,浮在创作对话页上方。弹窗内容:顶部深蓝色背景标题栏,白色文字"归档待确认清单",右侧有"×"关闭按钮。正文灰色小字提示"AI已根据您的归档指令,将选中的对话提炼为以下内容。请逐条确认后入库。"。核心可滚动清单区展示三条待确认归档内容:待确认项1(案例):左侧醒目标签"建议存入:案例库",案例标题"苏州别墅网络盲区售后事件",提炼内容"客户因门口网络覆盖盲区导致智能锁掉线,经排查是墙面AP位置不当所致。最终通过更换吸顶AP并重新测试信号解决。",右侧三个操作按钮【确认通过】(暗金色)【修改后通过】【删除本条】;待确认项2(观点):左侧标签"建议存入:观点库",观点内容"凭感觉做交付,解决的是90%的问题。凭标准做交付,解决的是尽可能接近100%的问题。",右侧同样三个按钮;待确认项3(观点):左侧标签"建议存入:观点库",观点内容"真正的护城河,不是技术,不是资源,而是信任。",右侧同样三个按钮。底部操作栏:左侧"全选"复选框,右侧两个按钮"一键确认全部"(暗金色)和"取消"(灰色)。所有文字清晰可读,严谨可靠高效,无卡通花哨元素。AI写作工作台归档待确认弹窗UI界面原型图,横版16:9比例,背景为半透明灰色遮罩,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。弹窗为白色圆角居中显示,宽度约占页面60%,浮在创作对话页上方。弹窗内容:顶部深蓝色背景标题栏,白色文字"归档待确认清单",右侧有"×"关闭按钮。正文灰色小字提示"AI已根据您的归档指令,将选中的对话提炼为以下内容。请逐条确认后入库。"。核心可滚动清单区展示三条待确认归档内容:待确认项1(案例):左侧醒目标签"建议存入:案例库",案例标题"苏州别墅网络盲区售后事件",提炼内容"客户因门口网络覆盖盲区导致智能锁掉线,经排查是墙面AP位置不当所致。最终通过更换吸顶AP并重新测试信号解决。",右侧三个操作按钮【确认通过】(暗金色)【修改后通过】【删除本条】;待确认项2(观点):左侧标签"建议存入:观点库",观点内容"凭感觉做交付,解决的是90%的问题。凭标准做交付,解决的是尽可能接近100%的问题。",右侧同样三个按钮;待确认项3(观点):左侧标签"建议存入:观点库",观点内容"真正的护城河,不是技术,不是资源,而是信任。",右侧同样三个按钮。底部操作栏:左侧"全选"复选框,右侧两个按钮"一键确认全部"(暗金色)和"取消"(灰色)。所有文字清晰可读,严谨可靠高效,无卡通花哨元素。
生成一张网页端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块的损失。”,原文预览区底部链接样式按钮“🔗 跳转到原文对应段落”;原文下方关联条目区域展示:“关联金句:规则不是限制,是保护 →”、“关联案例:蒲总网关退货事件 →”、“关联框架:痛点-归因-解法 →”。左栏表单清晰可编辑,右栏原文和关联提供完整上下文,“查看完整原文”按钮体现结构化拆解和完整原文互相跳转的设计,所有中文文字清晰可见,字体使用无衬线体。
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端后台系统,与参考图视觉完全统一
生成一张网页端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) - 纯文本版本,跨平台迁移,当前选中的格式卡片有高亮边框。底部操作区:主按钮高亮样式“📥 一键导出”,按钮下方提示文字“导出内容将包含完整排版,可直接用于交付或发布。”。筛选选择流程清晰,三种导出格式价值一目了然,所有中文文字清晰可见,字体使用无衬线体。
火电厂信息管理系统「定期工作配置-周期规则」标签页表单页面,UI设计,与参考图风格完全一致,深蓝左侧导航栏+白色主内容区,蓝白配色,企业级后台管理系统风格。左侧导航:生产管理系统logo,首页、两票管理、定期工作管理(展开,定期工作配置高亮选中)、基础数据管理、系统设置。顶部面包屑:首页 / 定期工作管理 / 定期工作配置 / 编辑配置,右上角通知铃铛、帮助、管理员头像。页面标题:新增定期工作配置,顶部标签页导航:基础信息(已完成)、周期规则(当前激活,蓝色下划线)、责任配置、合规配置。主内容区为表单布局,分左右两列。第一部分:周期类型【下拉单选,必填,红色星号】,下拉选项:每班/每日/每周/每月/指定日期,当前选中「每周」示例。第二部分:动态参数区域(当前展示每周类型参数),星期多选复选框组:周一、周二(选中高亮)、周三、周四、周五、周六、周日;目标执行班次【单选】:白班(选中)/中班/夜班。下方小字业务说明:系统根据周期规则算出计划执行日期+目标班次,自动匹配排班日历中对应值班班组推送任务。第三部分:全局通用配置项(所有周期统一展示),生效起始日期【必填,日期选择器】,失效截止日期【选填,日期选择器,为空永久生效】,临期提前提醒时长(h)【数字输入框,默认0,提示推荐重点工作24~72h】,允许执行宽限期(h)【必填,数字输入框,默认24h,提示宽限期结束不得跨至下一班次,超出自动截断】。底部右侧按钮组:上一步、保存草稿、预览周期、下一步(蓝色主按钮)。整体风格简洁专业,高保真UI,表单标签左对齐,输入框右对齐,信息层级清晰,与参考图视觉风格统一火电厂信息管理系统「定期工作配置-周期规则」标签页表单页面,UI设计,与参考图风格完全一致,深蓝左侧导航栏+白色主内容区,蓝白配色,企业级后台管理系统风格。左侧导航:生产管理系统logo,首页、两票管理、定期工作管理(展开,定期工作配置高亮选中)、基础数据管理、系统设置。顶部面包屑:首页 / 定期工作管理 / 定期工作配置 / 编辑配置,右上角通知铃铛、帮助、管理员头像。页面标题:新增定期工作配置,顶部标签页导航:基础信息(已完成)、周期规则(当前激活,蓝色下划线)、责任配置、合规配置。主内容区为表单布局,分左右两列。第一部分:周期类型【下拉单选,必填,红色星号】,下拉选项:每班/每日/每周/每月/指定日期,当前选中「每周」示例。第二部分:动态参数区域(当前展示每周类型参数),星期多选复选框组:周一、周二(选中高亮)、周三、周四、周五、周六、周日;目标执行班次【单选】:白班(选中)/中班/夜班。下方小字业务说明:系统根据周期规则算出计划执行日期+目标班次,自动匹配排班日历中对应值班班组推送任务。第三部分:全局通用配置项(所有周期统一展示),生效起始日期【必填,日期选择器】,失效截止日期【选填,日期选择器,为空永久生效】,临期提前提醒时长(h)【数字输入框,默认0,提示推荐重点工作24~72h】,允许执行宽限期(h)【必填,数字输入框,默认24h,提示宽限期结束不得跨至下一班次,超出自动截断】。底部右侧按钮组:上一步、保存草稿、预览周期、下一步(蓝色主按钮)。整体风格简洁专业,高保真UI,表单标签左对齐,输入框右对齐,信息层级清晰,与参考图视觉风格统一