创意预览图

简洁大气的企业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
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
生成一张网页端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
1q5vp5brfm-HB1q5vp5brfm-HB
大陆机电-UI设计大陆机电-UI设计
大陆机电-UI设计大陆机电-UI设计
GD456451108GD456451108
186****5851186****5851
GD908140592GD908140592
GD402244360GD402244360
生成一张网页端后台管理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
AI写作工作台选题库管理页V2 UI界面原型图，横版16:9比例，背景纯白，主色调深蓝与暗金，极简商务风格，严谨专业，高信任感。左侧深蓝色侧边栏约占1/6宽度，顶部暗金色品牌标志文字"智宅焕·AI写作工作台"，下方竖向导航菜单深灰色文字，当前选中项"选题管理"为深蓝色背景白色文字，其他菜单项依次为"工作台首页""文章生成""文章成品区""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区：顶部大号深蓝色粗体标题"选题管理"。状态标签栏：两个横向标签页，"待写"当前选中深蓝色背景旁小数字8，"已写"旁小数字15。操作栏：左侧"全选"复选框，右侧两个按钮"批量自动生成"（暗金色）和"新建选题"。内容列表区（待写区）：极简表格，列名为选题标题、指定框架、创建时间、操作，每行左侧有复选框。四行数据：第一行"关于C端和B端本质区别的深度思考 | 深度文章 | 2026-07-28 | [编辑] [删除]"，第二行"为什么我们坚持按时间收费？ | 日常干货 | 2026-07-25 | [编辑] [删除]"，第三行"智能家居从业者的三条活路 | 深度文章 | 2026-07-20 | [编辑] [删除]"，第四行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [编辑] [删除]"。选题详情编辑区（模拟点击第一行编辑后在表格下方展开）：选题标题输入框已填"关于C端和B端本质区别的深度思考"；指定框架下拉菜单当前选中"深度文章"；选题背景/逻辑宽大文本框内模拟文字"[AI自动提炼] 来源于2026-07-28与AI的对话。核心痛点：很多从业者分不清C端和B端交付的本质区别，导致用C端思维做B端生意，越做越累。拟从自身踩坑经历出发，深入剖析两者在问题属性、交付标准、沟通成本上的根本差异，最终指向'规则至上'的核心战略选择。"，文本框右下角【AI重新提炼】按钮，旁边小字提示"点击将基于最新对话记录，重新生成选题背景。"；底部操作区醒目暗金色按钮"保存修改"，旁边灰色"取消"按钮。底部操作栏：醒目暗金色按钮"批量自动生成"，旁边小字说明"勾选选题后，点击此按钮，系统将自动调用各选题指定的框架和知识库，在后台依次生成文章初稿。生成后文章将存入'生成待审区'，选题将自动移入'已写区'。"。所有文字清晰可读，模拟真实软件后台界面，严谨高效可配置，无卡通花哨元素。AI写作工作台选题库管理页V2 UI界面原型图，横版16:9比例，背景纯白，主色调深蓝与暗金，极简商务风格，严谨专业，高信任感。左侧深蓝色侧边栏约占1/6宽度，顶部暗金色品牌标志文字"智宅焕·AI写作工作台"，下方竖向导航菜单深灰色文字，当前选中项"选题管理"为深蓝色背景白色文字，其他菜单项依次为"工作台首页""文章生成""文章成品区""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区：顶部大号深蓝色粗体标题"选题管理"。状态标签栏：两个横向标签页，"待写"当前选中深蓝色背景旁小数字8，"已写"旁小数字15。操作栏：左侧"全选"复选框，右侧两个按钮"批量自动生成"（暗金色）和"新建选题"。内容列表区（待写区）：极简表格，列名为选题标题、指定框架、创建时间、操作，每行左侧有复选框。四行数据：第一行"关于C端和B端本质区别的深度思考 | 深度文章 | 2026-07-28 | [编辑] [删除]"，第二行"为什么我们坚持按时间收费？ | 日常干货 | 2026-07-25 | [编辑] [删除]"，第三行"智能家居从业者的三条活路 | 深度文章 | 2026-07-20 | [编辑] [删除]"，第四行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [编辑] [删除]"。选题详情编辑区（模拟点击第一行编辑后在表格下方展开）：选题标题输入框已填"关于C端和B端本质区别的深度思考"；指定框架下拉菜单当前选中"深度文章"；选题背景/逻辑宽大文本框内模拟文字"[AI自动提炼] 来源于2026-07-28与AI的对话。核心痛点：很多从业者分不清C端和B端交付的本质区别，导致用C端思维做B端生意，越做越累。拟从自身踩坑经历出发，深入剖析两者在问题属性、交付标准、沟通成本上的根本差异，最终指向'规则至上'的核心战略选择。"，文本框右下角【AI重新提炼】按钮，旁边小字提示"点击将基于最新对话记录，重新生成选题背景。"；底部操作区醒目暗金色按钮"保存修改"，旁边灰色"取消"按钮。底部操作栏：醒目暗金色按钮"批量自动生成"，旁边小字说明"勾选选题后，点击此按钮，系统将自动调用各选题指定的框架和知识库，在后台依次生成文章初稿。生成后文章将存入'生成待审区'，选题将自动移入'已写区'。"。所有文字清晰可读，模拟真实软件后台界面，严谨高效可配置，无卡通花哨元素。
678typ3ch-HB678typ3ch-HB
1q055hyamv-HB1q055hyamv-HB
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（观点）：左侧标签"建议存入：观点库"，观点内容"真正的护城河，不是技术，不是资源，而是信任。"，右侧同样三个按钮。底部操作栏：左侧"全选"复选框，右侧两个按钮"一键确认全部"（暗金色）和"取消"（灰色）。所有文字清晰可读，严谨可靠高效，无卡通花哨元素。
678typ3ch-HB678typ3ch-HB