营养餐成本核算UI界面设计，参考图例的蓝紫色渐变简约风格，顶部标题栏显示“营养餐成本核算”，左上角显示学年学期选择和日期筛选-1q5brjneengrk3p6-HB-稿定 AI

创意预览图

营养餐成本核算UI界面设计，参考图例的蓝紫色渐变简约风格，顶部标题栏显示“营养餐成本核算”，左上角显示学年学期选择和日期筛选，顶部数据概览卡片展示本月总成本、人均成本、食材成本占比、人工成本占比等关键

用户头像

1q5brjneeng...

2026.08.19

校园餐阳光公示小程序营养餐成本核算页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏，标题"营养餐成本核算"，左侧返回，右侧分享。下方日期选择器和学校选择。主体内容：顶部数据汇总长方形卡片，显示营养餐标准、人均成本、总成本、就餐人数。中间成本构成环形图，展示食材成本、人工成本、水电燃气、其他费用占比。下方成本明细长方形卡片列表，按食材分类展示：蔬菜类、肉类、禽蛋类、粮油类、调料类等，每项显示金额和占比。底部显示财政补贴和自付部分对比。整体采用清新绿色+白色阳光公示风格，方正矩形设计，数据清晰透明，小程序高保真UI

校园餐阳光公示小程序营养餐成本核算页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏，标题"营养餐成本核算"，左侧返回，右侧分享。下方日期选择器和学校选择。主体内容：顶部数据汇总长方形卡片，显示营养餐标准、人均成本、总成本、就餐人数。中间成本构成环形图，展示食材成本、人工成本、水电燃气、其他费用占比。下方成本明细长方形卡片列表，按食材分类展示：蔬菜类、肉类、禽蛋类、粮油类、调料类等，每项显示金额和占比。底部显示财政补贴和自付部分对比。整体采用清新绿色+白色阳光公示风格，方正矩形设计，数据清晰透明，小程序高保真UI

参考提供的管理系统UI界面风格，生成营养餐资金花费查询界面。顶部蓝色导航栏，下方有查询筛选区：日期范围选择、餐次下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片：总资金花费、营养餐花费、非营养餐花费、人均顿值，每个卡片有图标、数值、较上月变化百分比。下方是数据表格，列包括序号、日期、餐次、营养餐人数、非营养餐人数、营养餐金额、非营养餐金额、人均顿值、操作（查看详情/导出）。底部分页组件。整体风格与参考图完全一致：蓝色主题、白色卡片、简洁现代的后台管理系统UI设计，清晰的表格布局，专业的企业管理系统界面

参考提供的管理系统UI界面风格，生成营养餐资金花费查询界面。顶部蓝色导航栏，下方有查询筛选区：日期范围选择、餐次下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片：总资金花费、营养餐花费、非营养餐花费、人均顿值，每个卡片有图标、数值、较上月变化百分比。下方是数据表格，列包括序号、日期、餐次、营养餐人数、非营养餐人数、营养餐金额、非营养餐金额、人均顿值、操作（查看详情/导出）。底部分页组件。整体风格与参考图完全一致：蓝色主题、白色卡片、简洁现代的后台管理系统UI设计，清晰的表格布局，专业的企业管理系统界面

1q5brjneengrk3p6-HB

参考提供的管理系统UI界面风格，生成营养餐资金花费查询界面。顶部蓝色导航栏，下方有查询筛选区：日期范围选择、餐次下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片：总资金花费、营养餐花费、非营养餐花费、人均顿值，每个卡片有图标、数值、较上月变化百分比。下方是数据表格，列包括序号、日期、餐次、营养餐人数、非营养餐人数、营养餐金额、非营养餐金额、人均顿值、操作（查看详情/导出）。底部分页组件。整体风格与参考图完全一致：蓝色主题、白色卡片、简洁现代的后台管理系统UI设计，清晰的表格布局，专业的企业管理系统界面

参考提供的管理系统UI界面风格，生成营养餐资金花费查询界面。顶部蓝色导航栏，下方有查询筛选区：日期范围选择、餐次下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片：总资金花费、营养餐花费、非营养餐花费、人均顿值，每个卡片有图标、数值、较上月变化百分比。下方是数据表格，列包括序号、日期、餐次、营养餐人数、非营养餐人数、营养餐金额、非营养餐金额、人均顿值、操作（查看详情/导出）。底部分页组件。整体风格与参考图完全一致：蓝色主题、白色卡片、简洁现代的后台管理系统UI设计，清晰的表格布局，专业的企业管理系统界面

1q5brjneengrk3p6-HB

参考提供的管理系统UI界面风格，生成营养餐资金花费查询界面。顶部蓝色导航栏，下方有查询筛选区：日期范围选择、餐次下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片：总资金花费、营养餐花费、非营养餐花费、人均顿值，每个卡片有图标、数值、较上月变化百分比。下方是数据表格，列包括序号、日期、餐次、营养餐人数、非营养餐人数、营养餐金额、非营养餐金额、人均顿值、操作（查看详情/导出）。底部分页组件。整体风格与参考图完全一致：蓝色主题、白色卡片、简洁现代的后台管理系统UI设计，清晰的表格布局，专业的企业管理系统界面

参考提供的管理系统UI界面风格，生成营养餐资金花费查询界面。顶部蓝色导航栏，下方有查询筛选区：日期范围选择、餐次下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片：总资金花费、营养餐花费、非营养餐花费、人均顿值，每个卡片有图标、数值、较上月变化百分比。下方是数据表格，列包括序号、日期、餐次、营养餐人数、非营养餐人数、营养餐金额、非营养餐金额、人均顿值、操作（查看详情/导出）。底部分页组件。整体风格与参考图完全一致：蓝色主题、白色卡片、简洁现代的后台管理系统UI设计，清晰的表格布局，专业的企业管理系统界面

1q5brjneengrk3p6-HB

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

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

非营养餐饭菜价格管理UI界面设计，参考图例的蓝紫色渐变简约风格，顶部标题栏显示“非营养餐饭菜价格”，左上角有分类筛选标签（主食/热菜/凉菜/汤品/饮品/小吃），顶部搜索栏支持菜品名称搜索，中间区域为菜品价格列表，每行展示菜品图片缩略图、菜品名称、菜品分类、原价、现价、库存状态、上下架状态，右侧有编辑和删除操作按钮，底部有新增菜品按钮和批量操作功能，整体采用蓝紫色系配色，毛玻璃质感卡片，简洁现代的UI设计风格，高保真界面原型，移动端竖屏布局

非营养餐饭菜价格管理UI界面设计，参考图例的蓝紫色渐变简约风格，顶部标题栏显示“非营养餐饭菜价格”，左上角有分类筛选标签（主食/热菜/凉菜/汤品/饮品/小吃），顶部搜索栏支持菜品名称搜索，中间区域为菜品价格列表，每行展示菜品图片缩略图、菜品名称、菜品分类、原价、现价、库存状态、上下架状态，右侧有编辑和删除操作按钮，底部有新增菜品按钮和批量操作功能，整体采用蓝紫色系配色，毛玻璃质感卡片，简洁现代的UI设计风格，高保真界面原型，移动端竖屏布局

1q5brjneengrk3p6-HB

校园餐供应商移动端UI界面-接单合计页面。顶部蓝色导航栏，左侧返回箭头，中间白色标题“接单合计”，右侧筛选图标。下方数据概览卡片：本月接单总金额¥XXXXX.00，本月接单数量XX单，本月合作学校XX所，三个数据横向排列。下方标题“接单明细”右侧查看筛选。订单列表卡片，每个卡片包含：学校图标+学校名称+下单时间，食材明细（大白菜、猪肉、大米等重量），右侧红色合计金额，底部状态标签（已接单/待接单/已完成）。底部导航栏：首页、订单、报价、我的。整体蓝白配色，卡片式圆角设计，现代简约移动端APP风格，与参考供应商管理端界面排版风格完全一致

校园餐供应商移动端UI界面-接单合计页面。顶部蓝色导航栏，左侧返回箭头，中间白色标题“接单合计”，右侧筛选图标。下方数据概览卡片：本月接单总金额¥XXXXX.00，本月接单数量XX单，本月合作学校XX所，三个数据横向排列。下方标题“接单明细”右侧查看筛选。订单列表卡片，每个卡片包含：学校图标+学校名称+下单时间，食材明细（大白菜、猪肉、大米等重量），右侧红色合计金额，底部状态标签（已接单/待接单/已完成）。底部导航栏：首页、订单、报价、我的。整体蓝白配色，卡片式圆角设计，现代简约移动端APP风格，与参考供应商管理端界面排版风格完全一致

1q5brjneengrk3p6-HB

营养餐资金花费查询与台账报表管理系统UI界面，全中文，完全按照图例的排版风格和布局设计。左侧深色侧边导航栏，中文菜单项，当前选中"营养餐资金"高亮。顶部页面标题为营养餐资金管理，面包屑导航，右侧搜索框和用户头像。主内容区上半部分筛选操作区：日期范围选择器（开始日期、结束日期）、餐次筛选（全部/早餐/午餐/晚餐）、食堂选择下拉框、年级班级筛选，以及功能按钮：查询、重置、导出Excel、打印报表、生成台账，蓝色圆角按钮。筛选区下方数据汇总卡片：营养餐总花费、补助标准、就餐人次、人均顿值、环比变化。下半部分数据表格区，中文表头加粗，表格列包括：记录编号、日期、餐次、食堂、就餐人数、营养餐标准、总花费金额、人均顿值、财政补贴、自付部分、操作（查看详情/打印/导出）。表格有多行中文模拟数据，底部有分页控件和合计统计。整体白色背景、配色、间距比例、布局结构严格参照参考图，全部中文界面，简洁专业的后台管理风格，高保真UI设计

营养餐资金花费查询与台账报表管理系统UI界面，全中文，完全按照图例的排版风格和布局设计。左侧深色侧边导航栏，中文菜单项，当前选中"营养餐资金"高亮。顶部页面标题为营养餐资金管理，面包屑导航，右侧搜索框和用户头像。主内容区上半部分筛选操作区：日期范围选择器（开始日期、结束日期）、餐次筛选（全部/早餐/午餐/晚餐）、食堂选择下拉框、年级班级筛选，以及功能按钮：查询、重置、导出Excel、打印报表、生成台账，蓝色圆角按钮。筛选区下方数据汇总卡片：营养餐总花费、补助标准、就餐人次、人均顿值、环比变化。下半部分数据表格区，中文表头加粗，表格列包括：记录编号、日期、餐次、食堂、就餐人数、营养餐标准、总花费金额、人均顿值、财政补贴、自付部分、操作（查看详情/打印/导出）。表格有多行中文模拟数据，底部有分页控件和合计统计。整体白色背景、配色、间距比例、布局结构严格参照参考图，全部中文界面，简洁专业的后台管理风格，高保真UI设计

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

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

1q5brjneengrk3p6-HB

参考图例的UI设计风格，生成校园餐供应商移动端订单管理中心界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"订单管理"，右侧有同步图标按钮。下方有四个标签页：全部、待接单、配送中、已完成，当前选中"全部"。主体区域从上到下：1.接单合计统计卡片，白色圆角，分三列显示：本月接单数量、本月总金额、待处理订单，每列有图标和数值；2.功能操作栏，三个功能按钮横向排列：同步单据（带同步图标）、下载订单（带下载图标）、打印订单（带打印图标），均为蓝色图标配文字；3.筛选栏：日期范围选择、学校筛选下拉、搜索框；4.采购订单列表，每张订单卡片包含：学校名称图标、订单编号、下单时间、配送日期、订单状态标签（已接单/配送中/已完成）、食材简要列表、订单总金额，右下角有"查看详情"按钮。底部有底部导航栏。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角设计，蓝色主色调，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机移动端竖屏布局。

参考图例的UI设计风格，生成校园餐供应商移动端订单管理中心界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"订单管理"，右侧有同步图标按钮。下方有四个标签页：全部、待接单、配送中、已完成，当前选中"全部"。主体区域从上到下：1.接单合计统计卡片，白色圆角，分三列显示：本月接单数量、本月总金额、待处理订单，每列有图标和数值；2.功能操作栏，三个功能按钮横向排列：同步单据（带同步图标）、下载订单（带下载图标）、打印订单（带打印图标），均为蓝色图标配文字；3.筛选栏：日期范围选择、学校筛选下拉、搜索框；4.采购订单列表，每张订单卡片包含：学校名称图标、订单编号、下单时间、配送日期、订单状态标签（已接单/配送中/已完成）、食材简要列表、订单总金额，右下角有"查看详情"按钮。底部有底部导航栏。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角设计，蓝色主色调，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机移动端竖屏布局。

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，自主食谱制定与营养分析页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"食谱管理"，左侧返回箭头，右侧保存图标，导航栏下方为白色圆角卡片内容区域，第一部分为"食谱基本信息"标题，包含食谱名称输入框（带书本图标）、适用餐次选择（早餐/午餐/晚餐，带餐具图标）、适用人群选择（学生/教师/全体，带用户图标）、制定日期选择器（带日历图标），第二部分为"食谱菜品列表"标题，显示已添加菜品列表，每项带菜品名称、份量、加号添加按钮，如"红烧肉 200g""清炒时蔬 150g""米饭 100g"，底部有"+ 添加菜品"按钮，第三部分为"营养分析结果"标题，显示营养成分数据：热量、蛋白质、脂肪、碳水、钠含量，每项带数值和参考值对比，第四部分为"健康预警"标题，红色预警卡片显示"⚠️ 高油预警：本食谱脂肪含量超标35%，建议减少油炸类菜品"，橙色预警显示"⚠️ 高盐预警：钠含量超标20%，建议减少酱油和盐的使用量"，底部蓝色圆角"保存并生成报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，自主食谱制定与营养分析页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"食谱管理"，左侧返回箭头，右侧保存图标，导航栏下方为白色圆角卡片内容区域，第一部分为"食谱基本信息"标题，包含食谱名称输入框（带书本图标）、适用餐次选择（早餐/午餐/晚餐，带餐具图标）、适用人群选择（学生/教师/全体，带用户图标）、制定日期选择器（带日历图标），第二部分为"食谱菜品列表"标题，显示已添加菜品列表，每项带菜品名称、份量、加号添加按钮，如"红烧肉 200g""清炒时蔬 150g""米饭 100g"，底部有"+ 添加菜品"按钮，第三部分为"营养分析结果"标题，显示营养成分数据：热量、蛋白质、脂肪、碳水、钠含量，每项带数值和参考值对比，第四部分为"健康预警"标题，红色预警卡片显示"⚠️ 高油预警：本食谱脂肪含量超标35%，建议减少油炸类菜品"，橙色预警显示"⚠️ 高盐预警：钠含量超标20%，建议减少酱油和盐的使用量"，底部蓝色圆角"保存并生成报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，健康管理与营养推荐页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"营养健康管理"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"营养概览"标题，显示今日营养摄入环形进度图，包含热量（千卡）、蛋白质（克）、脂肪（克）、碳水化合物（克）、维生素（毫克）、矿物质（毫克）六项指标，每项显示摄入量和达标百分比，进度条用不同颜色区分，第二部分为"食材摄入分析"标题，显示食材分类摄入量柱状图或列表，包含谷薯类、蔬菜水果类、畜禽肉蛋类、大豆坚果类、油脂类五大类，每类显示实际摄入量/推荐摄入量，带对应食材图标，第三部分为"营养推荐"标题，显示AI智能推荐卡片，如"今日建议增加蔬菜摄入，推荐添加西兰花、菠菜等绿叶蔬菜"，带灯泡图标，底部蓝色圆角"查看详细报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，健康管理与营养推荐页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"营养健康管理"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"营养概览"标题，显示今日营养摄入环形进度图，包含热量（千卡）、蛋白质（克）、脂肪（克）、碳水化合物（克）、维生素（毫克）、矿物质（毫克）六项指标，每项显示摄入量和达标百分比，进度条用不同颜色区分，第二部分为"食材摄入分析"标题，显示食材分类摄入量柱状图或列表，包含谷薯类、蔬菜水果类、畜禽肉蛋类、大豆坚果类、油脂类五大类，每类显示实际摄入量/推荐摄入量，带对应食材图标，第三部分为"营养推荐"标题，显示AI智能推荐卡片，如"今日建议增加蔬菜摄入，推荐添加西兰花、菠菜等绿叶蔬菜"，带灯泡图标，底部蓝色圆角"查看详细报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

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

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

校园餐校级管理移动端UI界面设计，每日就餐信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"每日就餐信息"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"就餐信息录入"标题，包含日期选择器（带日历图标，显示当天日期）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐，带餐具图标）、就餐人数输入框（带用户图标）、实际用餐人数输入框（带人群图标）、剩余餐食数量输入框（带饭盒图标）、餐费标准输入框（带钱币图标），第二部分为"现场照片上传"标题，包含就餐现场照片上传区域（带加号图标和"上传就餐现场照片"提示）、餐食留样照片上传区域（带加号图标和"上传餐食留样照片"提示）、食堂环境照片上传区域（带加号图标和"上传食堂环境照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，每日就餐信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"每日就餐信息"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"就餐信息录入"标题，包含日期选择器（带日历图标，显示当天日期）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐，带餐具图标）、就餐人数输入框（带用户图标）、实际用餐人数输入框（带人群图标）、剩余餐食数量输入框（带饭盒图标）、餐费标准输入框（带钱币图标），第二部分为"现场照片上传"标题，包含就餐现场照片上传区域（带加号图标和"上传就餐现场照片"提示）、餐食留样照片上传区域（带加号图标和"上传餐食留样照片"提示）、食堂环境照片上传区域（带加号图标和"上传食堂环境照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

参考图例的UI设计风格，生成小程序端与校级公示端数据同步界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"数据同步"，右侧显示同步状态按钮。下方有三个标签页：同步设置、同步记录、设备管理，当前选中"同步设置"。主体区域从上到下依次排列四个白色圆角卡片模块：1.多端同步概览模块，展示PC端和校级公示端两个设备图标，校级公示端使用公示/公告栏图标，均显示在线、已同步状态及最后同步时间；2.同步数据类型模块，左右两列排列开关选项：采购订单、供货商信息、食材库、食谱数据、营养分析、库存数据、财务数据，全部为蓝色开启状态；3.同步设置模块，包含自动同步开关、仅WiFi下同步开关、同步频率下拉选择、同步提醒开关；4.上次同步记录模块，显示同步时间、同步数据量、同步状态成功（绿色）、耗时，右侧配有记录清单图标。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机小程序竖屏布局。

参考图例的UI设计风格，生成小程序端与校级公示端数据同步界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"数据同步"，右侧显示同步状态按钮。下方有三个标签页：同步设置、同步记录、设备管理，当前选中"同步设置"。主体区域从上到下依次排列四个白色圆角卡片模块：1.多端同步概览模块，展示PC端和校级公示端两个设备图标，校级公示端使用公示/公告栏图标，均显示在线、已同步状态及最后同步时间；2.同步数据类型模块，左右两列排列开关选项：采购订单、供货商信息、食材库、食谱数据、营养分析、库存数据、财务数据，全部为蓝色开启状态；3.同步设置模块，包含自动同步开关、仅WiFi下同步开关、同步频率下拉选择、同步提醒开关；4.上次同步记录模块，显示同步时间、同步数据量、同步状态成功（绿色）、耗时，右侧配有记录清单图标。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机小程序竖屏布局。

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

[第2屏] 产品特色介绍页-K12校园餐管系统四大优势展示。参考【图2】的蓝白配色和模块化设计风格。 [氛围/风格] 专业清晰商务科技风，蓝白配色，模块卡片式设计，信息层级分明，和整体风格保持统一。 [元素布局] 顶部放置大标题"产品特色"蓝色加粗居中，下方分为四个独立模块，从上到下依次排列：（一）多就餐场景，（二）智能排餐，（三）营养分析，（四）自动开票。每个模块有小标题和详细说明文字，文字排版工整，不遮挡不重叠。 [光影质感] 整体光线均匀明亮，每个模块有柔和浅灰色背景衬托，蓝色标题清晰突出，正文文字清晰易读，页面干净通透。 [配色色系] 全局底色：#FFFFFF（纯白）；标题色：#1677FF（品牌蓝）；正文文字：#333333（深灰）；模块背景：#F5F7FA（浅灰），和参考图配色保持一致。 [视角构图] 正面竖向4:3构图，从上到下依次排列四个模块，每个模块高度均匀，标题在模块上方，正文在模块内部，左右留白合适。 [文字版式] 主标题"产品特色"蓝色大字体居中；每个模块小标题加粗黑色，正文说明文字常规黑色，严格保留用户提供的所有原文内容，所有文字不得修改，必须完整保留。 [比例分辨率] 4:3 比例，4K分辨率，文字清晰可辨，超高清。 [负向提示词] 文字错乱，文字缺失，文字变形，模块重叠，颜色偏差，水印，背景杂乱，内容缺失

[第2屏] 产品特色介绍页-K12校园餐管系统四大优势展示。参考【图2】的蓝白配色和模块化设计风格。
[氛围/风格] 专业清晰商务科技风，蓝白配色，模块卡片式设计，信息层级分明，和整体风格保持统一。
[元素布局] 顶部放置大标题"产品特色"蓝色加粗居中，下方分为四个独立模块，从上到下依次排列：（一）多就餐场景，（二）智能排餐，（三）营养分析，（四）自动开票。每个模块有小标题和详细说明文字，文字排版工整，不遮挡不重叠。
[光影质感] 整体光线均匀明亮，每个模块有柔和浅灰色背景衬托，蓝色标题清晰突出，正文文字清晰易读，页面干净通透。
[配色色系] 全局底色：#FFFFFF（纯白）；标题色：#1677FF（品牌蓝）；正文文字：#333333（深灰）；模块背景：#F5F7FA（浅灰），和参考图配色保持一致。
[视角构图] 正面竖向4:3构图，从上到下依次排列四个模块，每个模块高度均匀，标题在模块上方，正文在模块内部，左右留白合适。
[文字版式] 主标题"产品特色"蓝色大字体居中；每个模块小标题加粗黑色，正文说明文字常规黑色，严格保留用户提供的所有原文内容，所有文字不得修改，必须完整保留。
[比例分辨率] 4:3 比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 文字错乱，文字缺失，文字变形，模块重叠，颜色偏差，水印，背景杂乱，内容缺失

参考图例的UI设计风格，生成校园餐供应商移动端接单与食材报价界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"订单报价"，右侧有消息图标。下方有两个标签页：待接单、已接单，当前选中"待接单"。主体区域从上到下：1.顶部预警提示卡片，橙色背景，显示"价格预警：县教育主管部门指导价为最高限价，超出将自动预警"；2.订单列表卡片，每张订单卡片包含：学校名称、订单编号、下单时间、配送日期，下方食材列表每行显示：食材名称、规格、县指导价（灰色小字标注）、供应商报价输入框（可修改单价），若报价高于指导价则输入框边框变红并显示红色预警图标和"超出指导价"提示；3.订单底部操作区：左侧显示订单总金额，右侧有"拒绝"和"确认接单"两个按钮。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角设计，蓝色主色调，橙色预警色，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机移动端竖屏布局。

参考图例的UI设计风格，生成校园餐供应商移动端接单与食材报价界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"订单报价"，右侧有消息图标。下方有两个标签页：待接单、已接单，当前选中"待接单"。主体区域从上到下：1.顶部预警提示卡片，橙色背景，显示"价格预警：县教育主管部门指导价为最高限价，超出将自动预警"；2.订单列表卡片，每张订单卡片包含：学校名称、订单编号、下单时间、配送日期，下方食材列表每行显示：食材名称、规格、县指导价（灰色小字标注）、供应商报价输入框（可修改单价），若报价高于指导价则输入框边框变红并显示红色预警图标和"超出指导价"提示；3.订单底部操作区：左侧显示订单总金额，右侧有"拒绝"和"确认接单"两个按钮。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角设计，蓝色主色调，橙色预警色，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机移动端竖屏布局。

1q5brjneengrk3p6-HB

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐智慧预算管理UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"智慧预算采购计划"，左侧返回，右侧生成计划按钮。下方日期选择器和食堂选择。主体内容：顶部预算参数设置卡片，显示预计就餐人数、人均摄入量标准、预算周期。中间自动生成的采购计划单列表，卡片式布局，每张卡片显示食材名称、分类、规格、建议采购量、参考单价、预估金额，底部有调整数量、确认采购操作。底部有计划汇总卡片：食材总类数、总采购量、预估总金额，以及生成采购单、导出计划按钮。底部Tab导航栏：首页、预算管理、采购管理、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

校园餐智慧预算管理UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"智慧预算采购计划"，左侧返回，右侧生成计划按钮。下方日期选择器和食堂选择。主体内容：顶部预算参数设置卡片，显示预计就餐人数、人均摄入量标准、预算周期。中间自动生成的采购计划单列表，卡片式布局，每张卡片显示食材名称、分类、规格、建议采购量、参考单价、预估金额，底部有调整数量、确认采购操作。底部有计划汇总卡片：食材总类数、总采购量、预估总金额，以及生成采购单、导出计划按钮。底部Tab导航栏：首页、预算管理、采购管理、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI