校园餐县级管理平台UI界面设计，学校基础数据管理页面。左侧深蓝色导航栏，顶部有系统logo和用户头像-1q5brjneengrk3p6-HB-稿定 AI

创意预览图

校园餐县级管理平台UI界面设计，学校基础数据管理页面。左侧深蓝色导航栏，顶部有系统logo和用户头像。主区域标题为"学校基础数据管理"，包含三个功能标签页：角色权限管理、供应商管理、食材指导价管理。当

用户头像

1q5brjneeng...

2026.08.20

校园餐县级管理平台UI界面设计，学校基础数据管理页面。左侧深蓝色导航栏，顶部有系统logo和用户头像。主区域标题为"学校基础数据管理"，包含三个功能标签页：角色权限管理、供应商管理、食材指导价管理。当前显示角色权限管理页面，有学校列表表格，列包含学校名称、所属区域、角色类型、菜单权限、操作按钮。顶部有搜索框和筛选条件，右上角有"新增学校"蓝色按钮。整体风格简洁专业，蓝白配色，数据表格清晰，现代后台管理系统UI，高保真设计，1920x1080分辨率

校园餐县级管理平台UI界面设计，学校基础数据管理页面。左侧深蓝色导航栏，顶部有系统logo和用户头像。主区域标题为"学校基础数据管理"，包含三个功能标签页：角色权限管理、供应商管理、食材指导价管理。当前显示角色权限管理页面，有学校列表表格，列包含学校名称、所属区域、角色类型、菜单权限、操作按钮。顶部有搜索框和筛选条件，右上角有"新增学校"蓝色按钮。整体风格简洁专业，蓝白配色，数据表格清晰，现代后台管理系统UI，高保真设计，1920x1080分辨率

1q5brjneengrk3p6-HB

校园餐县级管理平台UI界面设计，学校基础数据管理页面。左侧深蓝色导航栏，顶部有系统logo和用户头像。主区域标题为"学校基础数据管理"，包含三个功能标签页：角色权限管理、供应商管理、食材指导价管理。当前显示角色权限管理页面，有学校列表表格，列包含学校名称、所属区域、角色类型、菜单权限、操作按钮。顶部有搜索框和筛选条件，右上角有"新增学校"蓝色按钮。整体风格简洁专业，蓝白配色，数据表格清晰，现代后台管理系统UI，高保真设计，1920x1080分辨率

校园餐县级管理平台UI界面设计，学校基础数据管理页面。左侧深蓝色导航栏，顶部有系统logo和用户头像。主区域标题为"学校基础数据管理"，包含三个功能标签页：角色权限管理、供应商管理、食材指导价管理。当前显示角色权限管理页面，有学校列表表格，列包含学校名称、所属区域、角色类型、菜单权限、操作按钮。顶部有搜索框和筛选条件，右上角有"新增学校"蓝色按钮。整体风格简洁专业，蓝白配色，数据表格清晰，现代后台管理系统UI，高保真设计，1920x1080分辨率

1q5brjneengrk3p6-HB

校园餐县级管理平台 - 角色管理页面，现代化B端后台管理系统UI设计。左侧深蓝色侧边栏导航，顶部导航栏有搜索、通知、用户头像。主内容区标题为"角色管理"，副标题"管理系统角色及权限分配"。页面上方有"新增角色"蓝色按钮和搜索框。中间区域左侧为角色列表，展示角色卡片：超级管理员、县级管理员、学校管理员、食堂管理员、教师角色、家长角色，每个角色卡片显示角色名称、角色描述、用户数量、状态，当前选中"学校管理员"角色高亮显示。右侧为角色详情配置面板，包含：角色名称输入框、角色描述文本域、状态开关、数据权限范围（全部/本区县/本校）下拉选择、保存按钮。整体蓝色主色调，白色卡片，布局清晰，专业企业级UI设计，16:9宽屏比例

校园餐县级管理平台 - 角色管理页面，现代化B端后台管理系统UI设计。左侧深蓝色侧边栏导航，顶部导航栏有搜索、通知、用户头像。主内容区标题为"角色管理"，副标题"管理系统角色及权限分配"。页面上方有"新增角色"蓝色按钮和搜索框。中间区域左侧为角色列表，展示角色卡片：超级管理员、县级管理员、学校管理员、食堂管理员、教师角色、家长角色，每个角色卡片显示角色名称、角色描述、用户数量、状态，当前选中"学校管理员"角色高亮显示。右侧为角色详情配置面板，包含：角色名称输入框、角色描述文本域、状态开关、数据权限范围（全部/本区县/本校）下拉选择、保存按钮。整体蓝色主色调，白色卡片，布局清晰，专业企业级UI设计，16:9宽屏比例

1rcmd4bubuDi7zZg-HB

基于参考图生成完全一样的学校管理后台数据大屏页面，保持原有的布局结构、蓝色科技风格、所有数据卡片、表格、图表和图标位置不变；重点强化所有文字的清晰度和可读性，文字锐利清晰、对比度高、无模糊、无重影、字号适中易于辨认，所有数字和中文文字都清晰可见，界面干净整洁

基于参考图生成完全一样的学校管理后台数据大屏页面，保持原有的布局结构、蓝色科技风格、所有数据卡片、表格、图表和图标位置不变；重点强化所有文字的清晰度和可读性，文字锐利清晰、对比度高、无模糊、无重影、字号适中易于辨认，所有数字和中文文字都清晰可见，界面干净整洁

1r9o22ztackhAFaA-HB

校园餐县级管理平台角色权限管理页面UI设计，蓝色系政务风格，左侧导航菜单+顶部导航栏布局。主内容区：页面标题"角色权限管理"，采用左右分栏布局。左侧是角色列表，顶部有"新增角色"按钮，列表展示角色名称、角色编码、角色描述、用户数量、操作。右侧是选中角色的权限配置区域，顶部显示当前角色名称，下方是树形菜单权限配置，菜单树包含：首页概览、学校管理（新增/编辑/删除/查看子权限）、用户管理、角色权限、数据统计、系统设置等模块，每个菜单项前有复选框，支持全选和半选状态。底部有"保存"和"取消"按钮。整体风格专业清晰，蓝色主色调，高保真后台管理系统UI设计，网页端1920x1080

校园餐县级管理平台角色权限管理页面UI设计，蓝色系政务风格，左侧导航菜单+顶部导航栏布局。主内容区：页面标题"角色权限管理"，采用左右分栏布局。左侧是角色列表，顶部有"新增角色"按钮，列表展示角色名称、角色编码、角色描述、用户数量、操作。右侧是选中角色的权限配置区域，顶部显示当前角色名称，下方是树形菜单权限配置，菜单树包含：首页概览、学校管理（新增/编辑/删除/查看子权限）、用户管理、角色权限、数据统计、系统设置等模块，每个菜单项前有复选框，支持全选和半选状态。底部有"保存"和"取消"按钮。整体风格专业清晰，蓝色主色调，高保真后台管理系统UI设计，网页端1920x1080

1q5brjneengrk3p6-HB

在这张湖南省大中小思政一体化平台通知管理页面的通知列表中，新增通知类型列、发送范围列（包含选项大学、中学、小学），保留并增加发布人列和浏览量列，保持原有整体蓝紫色UI风格不变，布局保持不变。

在这张湖南省大中小思政一体化平台通知管理页面的通知列表中，新增通知类型列、发送范围列（包含选项大学、中学、小学），保留并增加发布人列和浏览量列，保持原有整体蓝紫色UI风格不变，布局保持不变。

1r4quyeubaDB5fqw-HB

参考这张学生管理后台页面，生成一张完全一样的高清学生管理系统界面图，保持原有的浅蓝色科技风格、左侧导航栏、顶部搜索栏、学生搜索与筛选模块、学生画像与成长分析图表模块、考勤预警模块、班级管理模块、家长沟通记录模块、学籍异动记录模块等所有布局和内容，文字清晰可辨，UI界面精致，2K高清画质

参考这张学生管理后台页面，生成一张完全一样的高清学生管理系统界面图，保持原有的浅蓝色科技风格、左侧导航栏、顶部搜索栏、学生搜索与筛选模块、学生画像与成长分析图表模块、考勤预警模块、班级管理模块、家长沟通记录模块、学籍异动记录模块等所有布局和内容，文字清晰可辨，UI界面精致，2K高清画质

1r9o22ztackhAFaA-HB

安防集成平台后台报警类型设置页面，白色背景商务风，可管理不同报警类型配置，列表展示，白色底色商务设计

安防集成平台后台报警类型设置页面，白色背景商务风，可管理不同报警类型配置，列表展示，白色底色商务设计

参考图中的UI管理系统界面布局风格，生成一个“校园餐校级管理平台 - 成本核算”页面，支持各项数据查询及台账报表导出打印功能。保持完全一致的排版结构：顶部蓝色导航栏含Leniu乐牛logo、智慧食堂/供应链/智慧后勤菜单、右上角用户头像及手机号；左侧侧边栏含数据总览、基础设置、移动端、设备管理、菜品菜谱、订单管理、营销中心、通知中心等菜单；顶部多标签页栏，当前标签为“成本核算”；页面顶部显示“校园餐校级管理平台”标题；下方筛选查询区域含：核算日期范围选择框、学校名称下拉选择、年级下拉选择、核算类型下拉选择（日核算/周核算/月核算/学期核算）、蓝色查询按钮，查询按钮旁有绿色“导出报表”按钮和灰色“打印”按钮；下方有数据统计卡片区域，展示总餐费收入、食材总成本、人工成本、运营成本、总支出、总利润、成本率等核心指标数据；中间数据表格，表头为序号、核算日期、学校名称、年级、供餐人次、餐费收入、食材成本、人工成本、运营成本、其他成本、总成本、利润、利润率、操作（查看详情/导出），表格内填充8行示例成本核算数据；底部分页栏含总条数、每页条数选择、页码按钮、前往输入框。整体为蓝色系企业级后台管理系统风格，界面清晰专业，UI元素完整规范，保持与参考图一致的视觉风格和布局比例

参考图中的UI管理系统界面布局风格，生成一个“校园餐校级管理平台 - 成本核算”页面，支持各项数据查询及台账报表导出打印功能。保持完全一致的排版结构：顶部蓝色导航栏含Leniu乐牛logo、智慧食堂/供应链/智慧后勤菜单、右上角用户头像及手机号；左侧侧边栏含数据总览、基础设置、移动端、设备管理、菜品菜谱、订单管理、营销中心、通知中心等菜单；顶部多标签页栏，当前标签为“成本核算”；页面顶部显示“校园餐校级管理平台”标题；下方筛选查询区域含：核算日期范围选择框、学校名称下拉选择、年级下拉选择、核算类型下拉选择（日核算/周核算/月核算/学期核算）、蓝色查询按钮，查询按钮旁有绿色“导出报表”按钮和灰色“打印”按钮；下方有数据统计卡片区域，展示总餐费收入、食材总成本、人工成本、运营成本、总支出、总利润、成本率等核心指标数据；中间数据表格，表头为序号、核算日期、学校名称、年级、供餐人次、餐费收入、食材成本、人工成本、运营成本、其他成本、总成本、利润、利润率、操作（查看详情/导出），表格内填充8行示例成本核算数据；底部分页栏含总条数、每页条数选择、页码按钮、前往输入框。整体为蓝色系企业级后台管理系统风格，界面清晰专业，UI元素完整规范，保持与参考图一致的视觉风格和布局比例

1q5brjneengrk3p6-HB

根据参考图风格，生成湖南省大中小思政一体化平台的后台管理界面，整体浅紫浅蓝渐变简约风格，左侧菜单包含首页、通知管理、作品管理、活动管理、系统设置，当前在通知管理页面。右侧主内容区域上方增加新建通知按钮和筛选项，通知列表共12条数据，包含通知标题、发送时间、发送状态（草稿、已发布、已退回等），每行增加删除、下线操作按钮，保持参考图一致的UI设计风格、布局和配色，界面清晰干净

根据参考图风格，生成湖南省大中小思政一体化平台的后台管理界面，整体浅紫浅蓝渐变简约风格，左侧菜单包含首页、通知管理、作品管理、活动管理、系统设置，当前在通知管理页面。右侧主内容区域上方增加新建通知按钮和筛选项，通知列表共12条数据，包含通知标题、发送时间、发送状态（草稿、已发布、已退回等），每行增加删除、下线操作按钮，保持参考图一致的UI设计风格、布局和配色，界面清晰干净

1r4quyeubaDB5fqw-HB

根据参考图风格，生成湖南省大中小思政一体化平台的后台管理界面，整体浅紫浅蓝渐变简约风格，左侧菜单包含首页、通知管理、作品管理、活动管理、系统设置，当前在通知管理页面。右侧主内容区域上方增加新建通知按钮和筛选项，通知列表共12条数据，包含通知标题、发送时间、发送状态（草稿、已发布、已退回等），每行增加删除、下线操作按钮，保持参考图一致的UI设计风格、布局和配色，界面清晰干净

根据参考图风格，生成湖南省大中小思政一体化平台的后台管理界面，整体浅紫浅蓝渐变简约风格，左侧菜单包含首页、通知管理、作品管理、活动管理、系统设置，当前在通知管理页面。右侧主内容区域上方增加新建通知按钮和筛选项，通知列表共12条数据，包含通知标题、发送时间、发送状态（草稿、已发布、已退回等），每行增加删除、下线操作按钮，保持参考图一致的UI设计风格、布局和配色，界面清晰干净

1r4quyeubaDB5fqw-HB

删除页面中的“校园餐校级管理平台”标题文字，其余所有内容保持不变：顶部蓝色导航栏、左侧侧边栏、多标签页栏、筛选查询区域（核算日期、学校名称、年级、核算类型、查询/导出报表/打印按钮）、数据统计卡片区域（总餐费收入、食材总成本、人工成本、运营成本、总支出、总利润、成本率）、成本核算数据表格及所有数据、底部分页栏全部保留原样，整体布局和风格完全不变，仅移除页面上方的“校园餐校级管理平台”标题

删除页面中的“校园餐校级管理平台”标题文字，其余所有内容保持不变：顶部蓝色导航栏、左侧侧边栏、多标签页栏、筛选查询区域（核算日期、学校名称、年级、核算类型、查询/导出报表/打印按钮）、数据统计卡片区域（总餐费收入、食材总成本、人工成本、运营成本、总支出、总利润、成本率）、成本核算数据表格及所有数据、底部分页栏全部保留原样，整体布局和风格完全不变，仅移除页面上方的“校园餐校级管理平台”标题

1q5brjneengrk3p6-HB

删除页面中的“校园餐校级管理平台”标题文字，其余所有内容保持不变：顶部蓝色导航栏、左侧侧边栏、多标签页栏、筛选查询区域（核算日期、学校名称、年级、核算类型、查询/导出报表/打印按钮）、数据统计卡片区域（总餐费收入、食材总成本、人工成本、运营成本、总支出、总利润、成本率）、成本核算数据表格及所有数据、底部分页栏全部保留原样，整体布局和风格完全不变，仅移除页面上方的“校园餐校级管理平台”标题

删除页面中的“校园餐校级管理平台”标题文字，其余所有内容保持不变：顶部蓝色导航栏、左侧侧边栏、多标签页栏、筛选查询区域（核算日期、学校名称、年级、核算类型、查询/导出报表/打印按钮）、数据统计卡片区域（总餐费收入、食材总成本、人工成本、运营成本、总支出、总利润、成本率）、成本核算数据表格及所有数据、底部分页栏全部保留原样，整体布局和风格完全不变，仅移除页面上方的“校园餐校级管理平台”标题

1q5brjneengrk3p6-HB

图片高清修复，保持原有内容、布局、颜色和设计完全不变，仅提升清晰度和画质，使文字更锐利清晰，图标更精致，边缘更干净，整体达到高清专业UI界面水准

图片高清修复，保持原有内容、布局、颜色和设计完全不变，仅提升清晰度和画质，使文字更锐利清晰，图标更精致，边缘更干净，整体达到高清专业UI界面水准

删除界面中的2023级（默认）软件工程/一班筛选标签，其他内容保持不变，界面整体布局和风格完全一致

删除界面中的2023级（默认）软件工程/一班筛选标签，其他内容保持不变，界面整体布局和风格完全一致

删除界面中的2023级（默认）软件工程/一班筛选标签，其他内容保持不变，界面整体布局和风格完全一致

删除界面中的2023级（默认）软件工程/一班筛选标签，其他内容保持不变，界面整体布局和风格完全一致

将图中的背景改为统一的纯深蓝色，完全去除渐变效果，背景颜色上下左右完全一致均匀，保持所有数据模块、文字内容、卡片布局和图标完全不变

将图中的背景改为统一的纯深蓝色，完全去除渐变效果，背景颜色上下左右完全一致均匀，保持所有数据模块、文字内容、卡片布局和图标完全不变

1q5brjneengrk3p6-HB

生成一个民政机构物资库存动态管理系统的后台管理系统页面设计，整体采用浅色系风格，页面需要包含功能模块：物资类目与参数配置、库存动态监控、过期物资处置、物资入库管理、物资出库核销、库存盘点与维保，界面设计简洁现代，布局清晰，以浅色白色为主色调，突出功能模块分区，专业清晰的后台管理界面设计

生成一个民政机构物资库存动态管理系统的后台管理系统页面设计，整体采用浅色系风格，页面需要包含功能模块：物资类目与参数配置、库存动态监控、过期物资处置、物资入库管理、物资出库核销、库存盘点与维保，界面设计简洁现代，布局清晰，以浅色白色为主色调，突出功能模块分区，专业清晰的后台管理界面设计

litian123456789

学生就餐信息管理系统UI界面，完全复刻参考图的排版风格、字体大小和整体视觉设计。左侧深色侧边导航栏，菜单项图标加文字，字体大小适中，当前选中项有蓝色高亮条。顶部为页面标题和面包屑导航，右侧有搜索和用户头像。主内容区上半部分是操作栏，包含多个功能按钮（新增、导入、导出、筛选等）和搜索框，按钮样式、大小、间距与参考图一致。下半部分是数据表格，表头字体加粗，表格列包含：学生姓名、学号、性别、年级、状态、操作，表格行高、字体大小、间距与参考图完全一致，底部有分页控件。整体配色、字体大小、间距比例、布局结构严格参照参考图，简洁专业的后台管理风格，高保真UI设计

学生就餐信息管理系统UI界面，完全复刻参考图的排版风格、字体大小和整体视觉设计。左侧深色侧边导航栏，菜单项图标加文字，字体大小适中，当前选中项有蓝色高亮条。顶部为页面标题和面包屑导航，右侧有搜索和用户头像。主内容区上半部分是操作栏，包含多个功能按钮（新增、导入、导出、筛选等）和搜索框，按钮样式、大小、间距与参考图一致。下半部分是数据表格，表头字体加粗，表格列包含：学生姓名、学号、性别、年级、状态、操作，表格行高、字体大小、间距与参考图完全一致，底部有分页控件。整体配色、字体大小、间距比例、布局结构严格参照参考图，简洁专业的后台管理风格，高保真UI设计

食堂核算报表管理系统UI界面，全中文，完全按照参考图的排版风格和白色背景设计。左侧深色侧边导航栏，中文菜单项，当前选中"核算报表"高亮。顶部页面标题为核算报表管理，面包屑导航，右侧搜索框和用户头像。主内容区上半部分操作功能区：多个筛选条件（日期范围、报表类型、食堂选择、食材分类）和功能按钮（查询、重置、导出Excel、打印、生成台账），蓝色圆角按钮。下半部分数据表格区，中文表头加粗，表格列包括：报表编号、报表名称、报表类型（日报/月报/季报/年报）、统计周期、生成时间、生成人、状态、操作（查看/导出/打印/下载）。表格有多行中文模拟数据，底部有分页控件。右侧可附报表分类快捷入口侧边栏。整体白色背景、配色、间距比例、布局结构严格参照参考图，全部中文界面，简洁专业的后台管理风格，高保真UI设计

食堂核算报表管理系统UI界面，全中文，完全按照参考图的排版风格和白色背景设计。左侧深色侧边导航栏，中文菜单项，当前选中"核算报表"高亮。顶部页面标题为核算报表管理，面包屑导航，右侧搜索框和用户头像。主内容区上半部分操作功能区：多个筛选条件（日期范围、报表类型、食堂选择、食材分类）和功能按钮（查询、重置、导出Excel、打印、生成台账），蓝色圆角按钮。下半部分数据表格区，中文表头加粗，表格列包括：报表编号、报表名称、报表类型（日报/月报/季报/年报）、统计周期、生成时间、生成人、状态、操作（查看/导出/打印/下载）。表格有多行中文模拟数据，底部有分页控件。右侧可附报表分类快捷入口侧边栏。整体白色背景、配色、间距比例、布局结构严格参照参考图，全部中文界面，简洁专业的后台管理风格，高保真UI设计

设计一个政务服务管理系统后台管理页面，浅色系现代UI设计，简洁干净的界面风格，包含多级任务管理联动功能模块，展示多种政务服务业务场景入口，数字化管理管控界面

设计一个政务服务管理系统后台管理页面，浅色系现代UI设计，简洁干净的界面风格，包含多级任务管理联动功能模块，展示多种政务服务业务场景入口，数字化管理管控界面

litian123456789

A modern dark-mode UI dashboard for "Campus Security Platform (校园安防平台)". The main interface is in Chinese, showing menus: "实时监控" (Real-time Monitoring), "告警记录" (Alert Records). On the right side, there is a small code editor window showing Python code with English keywords (def, import, YOLO). Design: Glassmorphism style, glowing blue accents, 4k resolution. Focus: Main navigation in Chinese, technical code snippets in English.

A modern dark-mode UI dashboard for "Campus Security Platform (校园安防平台)". The main interface is in Chinese, showing menus: "实时监控" (Real-time Monitoring), "告警记录" (Alert Records). On the right side, there is a small code editor window showing Python code with English keywords (def, import, YOLO). Design: Glassmorphism style, glowing blue accents, 4k resolution. Focus: Main navigation in Chinese, technical code snippets in English.

1r0z0rs0a0QzyhDA-HB

设计洁净能源创新平台管理后台，成果管理新增成果弹窗表单。整体保持和绿色系后台风格一致。弹窗居中，白色背景带圆角和阴影，顶部标题栏'新增成果'，右上角有关闭按钮。表单采用一行两个输入框左右排版，共四行：第一行：成果名称、成果单位名称；第二行：技术领域下拉框、项目阶段下拉框；第三行：合作类型下拉框、投资规模输入框；第四行：项目负责人、项目联系人；第五行单独一行：联系电话输入框。底部为弹窗操作按钮，左侧取消按钮，右侧绿色确定提交按钮。整体设计风格简洁专业，绿色主色调和已改色后台保持一致，表单标签对齐，输入框间距合适，符合B端表单设计规范。尺寸为宽1200px高不超过800px，分辨率2K，文字清晰可辨。

设计洁净能源创新平台管理后台，成果管理新增成果弹窗表单。整体保持和绿色系后台风格一致。弹窗居中，白色背景带圆角和阴影，顶部标题栏'新增成果'，右上角有关闭按钮。表单采用一行两个输入框左右排版，共四行：第一行：成果名称、成果单位名称；第二行：技术领域下拉框、项目阶段下拉框；第三行：合作类型下拉框、投资规模输入框；第四行：项目负责人、项目联系人；第五行单独一行：联系电话输入框。底部为弹窗操作按钮，左侧取消按钮，右侧绿色确定提交按钮。整体设计风格简洁专业，绿色主色调和已改色后台保持一致，表单标签对齐，输入框间距合适，符合B端表单设计规范。尺寸为宽1200px高不超过800px，分辨率2K，文字清晰可辨。

1r023llsxg-jTaDw-HB

参考提供的管理系统UI界面风格，生成台账报表导出打印界面。顶部蓝色导航栏，下方有查询筛选区：日期范围选择、餐次下拉选择、报表类型下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片：报表总数量、已导出报表、已打印报表、待处理报表，每个卡片有图标、数值、较上月变化百分比。下方是报表列表表格，列包括序号、报表名称、生成日期、报表类型、餐次范围、数据条数、状态、操作（预览/导出/打印/下载）。底部分页组件。整体风格与参考图完全一致：蓝色主题、白色卡片、简洁现代的后台管理系统UI设计，清晰的表格布局，专业的企业管理系统界面

参考提供的管理系统UI界面风格，生成台账报表导出打印界面。顶部蓝色导航栏，下方有查询筛选区：日期范围选择、餐次下拉选择、报表类型下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片：报表总数量、已导出报表、已打印报表、待处理报表，每个卡片有图标、数值、较上月变化百分比。下方是报表列表表格，列包括序号、报表名称、生成日期、报表类型、餐次范围、数据条数、状态、操作（预览/导出/打印/下载）。底部分页组件。整体风格与参考图完全一致：蓝色主题、白色卡片、简洁现代的后台管理系统UI设计，清晰的表格布局，专业的企业管理系统界面

1q5brjneengrk3p6-HB

食材成本占比数据分析系统UI界面，16:9宽屏后台管理风格，蓝色科技商务主题。左侧导航栏包含成本总览、分类占比、趋势分析、学校对比、成本预警、报表导出，当前选中成本总览。顶部面包屑导航、学校选择器、时间范围筛选、搜索、通知、用户头像。主界面仪表盘布局：顶部4个核心数据卡片：本月食材总成本、成本占营收比例、环比变化、预警品类数，各配图标和趋势箭头；中上左侧：食材分类成本占比环形饼图，展示蔬菜类、肉类、禽蛋类、水产类、粮油类、调料类、干货类占比及金额；中上右侧：近12个月食材成本趋势折线图，叠加营收曲线显示占比波动；中部：各学校食材成本对比柱状图，横向对比多所学校的总成本和成本率；底部：食材成本明细表，包含食材名称、分类、规格、采购量、单价、总金额、占比、同比变化、预警状态，支持排序筛选；右下角：成本异常预警列表，显示价格波动大、超预算的食材提醒。蓝色渐变配色、卡片式布局、白色背景、现代SaaS后台高保真UI设计，界面精致专业

食材成本占比数据分析系统UI界面，16:9宽屏后台管理风格，蓝色科技商务主题。左侧导航栏包含成本总览、分类占比、趋势分析、学校对比、成本预警、报表导出，当前选中成本总览。顶部面包屑导航、学校选择器、时间范围筛选、搜索、通知、用户头像。主界面仪表盘布局：
顶部4个核心数据卡片：本月食材总成本、成本占营收比例、环比变化、预警品类数，各配图标和趋势箭头；
中上左侧：食材分类成本占比环形饼图，展示蔬菜类、肉类、禽蛋类、水产类、粮油类、调料类、干货类占比及金额；
中上右侧：近12个月食材成本趋势折线图，叠加营收曲线显示占比波动；
中部：各学校食材成本对比柱状图，横向对比多所学校的总成本和成本率；
底部：食材成本明细表，包含食材名称、分类、规格、采购量、单价、总金额、占比、同比变化、预警状态，支持排序筛选；
右下角：成本异常预警列表，显示价格波动大、超预算的食材提醒。
蓝色渐变配色、卡片式布局、白色背景、现代SaaS后台高保真UI设计，界面精致专业