校园餐阳光公示小程序营养餐成本核算页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏-GD772623220-稿定 AI

创意预览图

校园餐阳光公示小程序营养餐成本核算页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏，标题"营养餐成本核算"，左侧返回，右侧分享。下方日期选择器和学校选择。主体内容：顶部数据

GD772623220

2026.08.18

营养餐成本核算UI界面设计，参考图例的蓝紫色渐变简约风格，顶部标题栏显示“营养餐成本核算”，左上角显示学年学期选择和日期筛选，顶部数据概览卡片展示本月总成本、人均成本、食材成本占比、人工成本占比等关键指标，中间区域为成本明细列表，包含日期、餐次（早餐/午餐/晚餐）、食材费用、人工费用、水电燃气、其他费用、合计成本、受益人数、人均成本等列，底部有成本趋势图表区域（折线图展示月度成本走势）和导出报表按钮，整体采用蓝紫色系配色，毛玻璃质感卡片，简洁现代的UI设计风格，高保真界面原型，移动端竖屏布局

营养餐成本核算UI界面设计，参考图例的蓝紫色渐变简约风格，顶部标题栏显示“营养餐成本核算”，左上角显示学年学期选择和日期筛选，顶部数据概览卡片展示本月总成本、人均成本、食材成本占比、人工成本占比等关键指标，中间区域为成本明细列表，包含日期、餐次（早餐/午餐/晚餐）、食材费用、人工费用、水电燃气、其他费用、合计成本、受益人数、人均成本等列，底部有成本趋势图表区域（折线图展示月度成本走势）和导出报表按钮，整体采用蓝紫色系配色，毛玻璃质感卡片，简洁现代的UI设计风格，高保真界面原型，移动端竖屏布局

1q5brjneengrk3p6-HB

校园餐阳光公示小程序食谱页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏，标题"每周食谱公示"，左侧返回，右侧分享。下方日期周选择栏（周一到周日横向切换），当前选中当天高亮。主体内容按餐次分块展示：早餐、午餐、晚餐，每个餐次一个长方形卡片。卡片内展示菜品名称列表，每个菜品带小图标和营养标签（如高蛋白、补钙、维生素等），部分菜品配缩略图。卡片底部显示餐次价格和营养成分概览（热量、蛋白质、脂肪等）。整体采用清新绿色+白色阳光公示风格，方正矩形设计，简洁明了，小程序高保真UI

校园餐阳光公示小程序食谱页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏，标题"每周食谱公示"，左侧返回，右侧分享。下方日期周选择栏（周一到周日横向切换），当前选中当天高亮。主体内容按餐次分块展示：早餐、午餐、晚餐，每个餐次一个长方形卡片。卡片内展示菜品名称列表，每个菜品带小图标和营养标签（如高蛋白、补钙、维生素等），部分菜品配缩略图。卡片底部显示餐次价格和营养成分概览（热量、蛋白质、脂肪等）。整体采用清新绿色+白色阳光公示风格，方正矩形设计，简洁明了，小程序高保真UI

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

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

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

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

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

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

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

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

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

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

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

校园餐校级管理移动端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

将这张食谱管理APP界面图片变得更加清晰，提升分辨率和画质，保持所有文字、图标、布局和颜色完全不变，增强细节锐度，让界面元素更清晰锐利

将这张食谱管理APP界面图片变得更加清晰，提升分辨率和画质，保持所有文字、图标、布局和颜色完全不变，增强细节锐度，让界面元素更清晰锐利

1q5brjneengrk3p6-HB

将界面中的"从人员信息及照片"文字修改为"人员信息"，其他所有内容和布局保持不变

将界面中的"从人员信息及照片"文字修改为"人员信息"，其他所有内容和布局保持不变

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

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

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

删除界面中所有的卫生评价相关内容，然后重新排版布局，保持整体设计风格不变，使界面布局协调美观

删除界面中所有的卫生评价相关内容，然后重新排版布局，保持整体设计风格不变，使界面布局协调美观

将界面中的"陪餐信息及照片"文字修改为"陪餐信息"，其他所有内容、布局和风格保持不变

将界面中的"陪餐信息及照片"文字修改为"陪餐信息"，其他所有内容、布局和风格保持不变

校园餐阳光公示小程序每日就餐人数页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏，标题"每日就餐人数"，左侧返回，右侧分享。下方日期选择器和食堂选择。主体内容：顶部数据汇总长方形卡片，显示今日总就餐人数、教师人数、学生人数，配环比数据。中间近7天就餐人数趋势柱状图，分早餐、午餐、晚餐三组柱状对比。下方各年级就餐人数分布列表，长方形卡片展示每个年级的就餐人数和占比进度条。底部各食堂就餐人数对比卡片列表。整体采用清新绿色+白色阳光公示风格，方正矩形设计，数据可视化清晰，小程序高保真UI

校园餐阳光公示小程序每日就餐人数页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏，标题"每日就餐人数"，左侧返回，右侧分享。下方日期选择器和食堂选择。主体内容：顶部数据汇总长方形卡片，显示今日总就餐人数、教师人数、学生人数，配环比数据。中间近7天就餐人数趋势柱状图，分早餐、午餐、晚餐三组柱状对比。下方各年级就餐人数分布列表，长方形卡片展示每个年级的就餐人数和占比进度条。底部各食堂就餐人数对比卡片列表。整体采用清新绿色+白色阳光公示风格，方正矩形设计，数据可视化清晰，小程序高保真UI

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

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

1q5brjneengrk3p6-HB

将界面中的"每日就餐信息及照片"文字修改为"每日就餐信息"，其他所有内容、布局和风格保持不变

将界面中的"每日就餐信息及照片"文字修改为"每日就餐信息"，其他所有内容、布局和风格保持不变

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

参考图例的UI设计风格，生成校园餐供应商移动端订单管理中心界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"订单管理"，右侧有同步图标按钮。下方有四个标签页：全部、待接单、配送中、已完成，当前选中"全部"。主体区域从上到下：1.接单合计统计卡片，白色圆角，分三列显示：本月接单数量、本月总金额、待处理订单，每列有图标和数值；2.功能操作栏，三个功能按钮横向排列：同步单据（带同步图标）、下载订单（带下载图标）、打印订单（带打印图标），均为蓝色图标配文字；3.筛选栏：日期范围选择、学校筛选下拉、搜索框；4.采购订单列表，每张订单卡片包含：学校名称图标、订单编号、下单时间、配送日期、订单状态标签（已接单/配送中/已完成）、食材简要列表、订单总金额，右下角有"查看详情"按钮。底部有底部导航栏。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角设计，蓝色主色调，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比例。顶部导航栏，标题"每日就餐信息及照片"，左侧返回，右侧日期选择按钮。下方餐次切换标签（早餐/午餐/晚餐）。主体内容为就餐信息卡片列表，每张卡片顶部显示食堂名称和就餐时间，中间左侧为就餐现场照片缩略图（学生就餐实拍图），右侧显示就餐人数（教师人数/学生人数）、就餐率、剩餐情况、异常说明。卡片底部有查看照片、编辑、上报三个操作按钮。底部有今日就餐汇总数据条。底部Tab导航栏：首页、就餐管理、食堂管理、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

校园餐校级管理移动端小程序每日就餐信息及照片UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"每日就餐信息及照片"，左侧返回，右侧日期选择按钮。下方餐次切换标签（早餐/午餐/晚餐）。主体内容为就餐信息卡片列表，每张卡片顶部显示食堂名称和就餐时间，中间左侧为就餐现场照片缩略图（学生就餐实拍图），右侧显示就餐人数（教师人数/学生人数）、就餐率、剩餐情况、异常说明。卡片底部有查看照片、编辑、上报三个操作按钮。底部有今日就餐汇总数据条。底部Tab导航栏：首页、就餐管理、食堂管理、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI