生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构… - 图片创意预览

生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构…

生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构： 顶部左侧为「新建任务」按钮，右侧为搜索框「搜索任务...」 接下来是Tab切换栏，包含全部 | 草稿(3) | 进行中(8) | 已关

用户头像

1q8ikq3gq43...

2026.06.15
GD177920199GD177920199
GD456451108GD456451108
GD908140592GD908140592
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB
1q2rqdj61m-HB1q2rqdj61m-HB
WXuci_慧儿WXuci_慧儿
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
186****5851186****5851
傅伟东傅伟东
火电厂信息管理系统「定期工作配置-周期规则」标签页表单页面，UI设计，与参考图风格完全一致，深蓝左侧导航栏+白色主内容区，蓝白配色，企业级后台管理系统风格。左侧导航：生产管理系统logo，首页、两票管理、定期工作管理（展开，定期工作配置高亮选中）、基础数据管理、系统设置。顶部面包屑：首页 / 定期工作管理 / 定期工作配置 / 编辑配置，右上角通知铃铛、帮助、管理员头像。页面标题：新增定期工作配置，顶部标签页导航：基础信息（已完成）、周期规则（当前激活，蓝色下划线）、责任配置、合规配置。主内容区为表单布局，分左右两列。第一部分：周期类型【下拉单选，必填，红色星号】，下拉选项：每班/每日/每周/每月/指定日期，当前选中「每周」示例。第二部分：动态参数区域（当前展示每周类型参数），星期多选复选框组：周一、周二（选中高亮）、周三、周四、周五、周六、周日；目标执行班次【单选】：白班（选中）/中班/夜班。下方小字业务说明：系统根据周期规则算出计划执行日期+目标班次，自动匹配排班日历中对应值班班组推送任务。第三部分：全局通用配置项（所有周期统一展示），生效起始日期【必填，日期选择器】，失效截止日期【选填，日期选择器，为空永久生效】，临期提前提醒时长(h)【数字输入框，默认0，提示推荐重点工作24~72h】，允许执行宽限期(h)【必填，数字输入框，默认24h，提示宽限期结束不得跨至下一班次，超出自动截断】。底部右侧按钮组：上一步、保存草稿、预览周期、下一步（蓝色主按钮）。整体风格简洁专业，高保真UI，表单标签左对齐，输入框右对齐，信息层级清晰，与参考图视觉风格统一火电厂信息管理系统「定期工作配置-周期规则」标签页表单页面，UI设计，与参考图风格完全一致，深蓝左侧导航栏+白色主内容区，蓝白配色，企业级后台管理系统风格。左侧导航：生产管理系统logo，首页、两票管理、定期工作管理（展开，定期工作配置高亮选中）、基础数据管理、系统设置。顶部面包屑：首页 / 定期工作管理 / 定期工作配置 / 编辑配置，右上角通知铃铛、帮助、管理员头像。页面标题：新增定期工作配置，顶部标签页导航：基础信息（已完成）、周期规则（当前激活，蓝色下划线）、责任配置、合规配置。主内容区为表单布局，分左右两列。第一部分：周期类型【下拉单选，必填，红色星号】，下拉选项：每班/每日/每周/每月/指定日期，当前选中「每周」示例。第二部分：动态参数区域（当前展示每周类型参数），星期多选复选框组：周一、周二（选中高亮）、周三、周四、周五、周六、周日；目标执行班次【单选】：白班（选中）/中班/夜班。下方小字业务说明：系统根据周期规则算出计划执行日期+目标班次，自动匹配排班日历中对应值班班组推送任务。第三部分：全局通用配置项（所有周期统一展示），生效起始日期【必填，日期选择器】，失效截止日期【选填，日期选择器，为空永久生效】，临期提前提醒时长(h)【数字输入框，默认0，提示推荐重点工作24~72h】，允许执行宽限期(h)【必填，数字输入框，默认24h，提示宽限期结束不得跨至下一班次，超出自动截断】。底部右侧按钮组：上一步、保存草稿、预览周期、下一步（蓝色主按钮）。整体风格简洁专业，高保真UI，表单标签左对齐，输入框右对齐，信息层级清晰，与参考图视觉风格统一
GD908140592GD908140592
资源协同平台-评审任务管理页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像（显示教务专责身份）。左侧导航当前选中评审管理模块并展开子菜单，高亮评审任务管理。主内容区：顶部面包屑导航，页面大标题评审任务管理。页面顶部为数据概览卡片行，4个统计卡片横向排列：待评审任务数、进行中评审、已完成评审、本月新增评审，每个卡片有图标、数值、环比趋势。下方为操作与筛选区：左侧有新建评审计划按钮（蓝色主按钮）、发起评审按钮、批量分派按钮；右侧为筛选条件：评审类型下拉、评审状态下拉（全部/待发起/进行中/已完成/已驳回）、时间范围选择、关键词搜索框、查询重置按钮。主体为评审任务列表表格，表头包含：复选框、任务编号、评审任务名称、评审类型（如课程评审/师资评审/案例评审）、关联资源数、评审专家、计划开始时间、计划结束时间、当前状态（不同颜色标签：待发起灰色/进行中橙色/已完成绿色/已驳回红色）、进度条、操作列（查看详情、分派专家、编辑、删除）。表格展示8-10行数据，每行有进度百分比条。页面底部分页组件。整体风格与资源申报审核页一致，蓝色主调，专业清晰，卡片精致有质感资源协同平台-评审任务管理页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像（显示教务专责身份）。左侧导航当前选中评审管理模块并展开子菜单，高亮评审任务管理。主内容区：顶部面包屑导航，页面大标题评审任务管理。页面顶部为数据概览卡片行，4个统计卡片横向排列：待评审任务数、进行中评审、已完成评审、本月新增评审，每个卡片有图标、数值、环比趋势。下方为操作与筛选区：左侧有新建评审计划按钮（蓝色主按钮）、发起评审按钮、批量分派按钮；右侧为筛选条件：评审类型下拉、评审状态下拉（全部/待发起/进行中/已完成/已驳回）、时间范围选择、关键词搜索框、查询重置按钮。主体为评审任务列表表格，表头包含：复选框、任务编号、评审任务名称、评审类型（如课程评审/师资评审/案例评审）、关联资源数、评审专家、计划开始时间、计划结束时间、当前状态（不同颜色标签：待发起灰色/进行中橙色/已完成绿色/已驳回红色）、进度条、操作列（查看详情、分派专家、编辑、删除）。表格展示8-10行数据，每行有进度百分比条。页面底部分页组件。整体风格与资源申报审核页一致，蓝色主调，专业清晰，卡片精致有质感
若木42641若木42641
用户9129用户9129
用户9129用户9129
用户UbYvWF2S用户UbYvWF2S
大陆机电-UI设计大陆机电-UI设计
大陆机电-UI设计大陆机电-UI设计
若木42641若木42641
生成一张网页端后台管理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
用户UbYvWF2S用户UbYvWF2S
litian123456789litian123456789
1q1pl39jfy-HB1q1pl39jfy-HB
GD835856161GD835856161
1pzzxhlo5hsfruu-HB1pzzxhlo5hsfruu-HB
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
1r2e8a7a5ggmqo5w-HB1r2e8a7a5ggmqo5w-HB