校园餐校级管理移动端小程序陪餐信息及照片管理UI界面，完全按照… - 图片创意预览

校园餐校级管理移动端小程序陪餐信息及照片管理UI界面，完全按照…

校园餐校级管理移动端小程序陪餐信息及照片管理UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"陪餐信息及照片"，左侧返回，右侧添加按钮。下方日期选择和餐次筛选标签（全部/

GD772623220

2026.08.18

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

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

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

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

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

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

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

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

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

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

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

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

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，陪餐信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"陪餐信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"陪餐信息录入"标题，包含陪餐日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐，带餐具图标）、陪餐人员姓名输入框（带用户图标）、陪餐人员职务输入框（带工牌图标）、陪餐人员联系电话输入框（带电话图标）、陪餐评价下拉选择（优秀/良好/一般/较差，带星星图标）、陪餐意见多行文本输入框（带文档图标，提示文字"请输入陪餐意见和建议..."），第二部分为"陪餐照片上传"标题，包含陪餐人员现场照片上传区域（带加号图标和"上传陪餐现场照片"提示）、餐食照片上传区域（带加号图标和"上传陪餐餐食照片"提示）、陪餐记录签字上传区域（带加号图标和"上传签字确认照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，陪餐信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"陪餐信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"陪餐信息录入"标题，包含陪餐日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐，带餐具图标）、陪餐人员姓名输入框（带用户图标）、陪餐人员职务输入框（带工牌图标）、陪餐人员联系电话输入框（带电话图标）、陪餐评价下拉选择（优秀/良好/一般/较差，带星星图标）、陪餐意见多行文本输入框（带文档图标，提示文字"请输入陪餐意见和建议..."），第二部分为"陪餐照片上传"标题，包含陪餐人员现场照片上传区域（带加号图标和"上传陪餐现场照片"提示）、餐食照片上传区域（带加号图标和"上传陪餐餐食照片"提示）、陪餐记录签字上传区域（带加号图标和"上传签字确认照片"提示），底部蓝色圆角"确认提交"按钮，底部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界面设计，食堂基础信息数据录入维护上传功能页面，手机竖屏界面，顶部导航栏显示"食堂信息管理"标题，左侧返回箭头，右侧保存按钮，主体内容包含食堂名称输入框、食堂地址输入框、负责人姓名输入框、联系电话输入框、食堂类型下拉选择（自营/外包）、就餐人数输入框、营业时间选择器、食堂简介多行文本输入框、证件照片上传区域（带加号图标和"上传营业执照"提示）、食堂全景图上传区域，底部蓝色提交按钮，整体采用清新蓝白配色，简洁现代的移动端UI设计风格，卡片式布局，输入框带浅灰色边框和图标，界面整洁专业，适合校园后勤管理系统使用

校园餐校级管理移动端UI界面设计，食堂基础信息数据录入维护上传功能页面，手机竖屏界面，顶部导航栏显示"食堂信息管理"标题，左侧返回箭头，右侧保存按钮，主体内容包含食堂名称输入框、食堂地址输入框、负责人姓名输入框、联系电话输入框、食堂类型下拉选择（自营/外包）、就餐人数输入框、营业时间选择器、食堂简介多行文本输入框、证件照片上传区域（带加号图标和"上传营业执照"提示）、食堂全景图上传区域，底部蓝色提交按钮，整体采用清新蓝白配色，简洁现代的移动端UI设计风格，卡片式布局，输入框带浅灰色边框和图标，界面整洁专业，适合校园后勤管理系统使用

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

参考图中的营养健康管理APP界面风格，设计一个自制食谱管理与营养分析的手机UI界面，保持相同的蓝色医疗健康风格、顶部导航栏、底部tab栏（首页、营养分析、健康发现、我的）和卡片式布局。界面顶部标题为"食谱管理"，日期选择2023-11-20。包含三个tab："我的食谱"、"营养分析"、"健康预警"。当前在"营养分析"页面。页面内容：1. 顶部显示今日自制食谱概览卡片，显示食谱名称"家常午餐套餐"，包含菜品列表；2. 营养分析环形图，显示碳水化合物、蛋白质、脂肪占比；3. 详细营养数据列表：热量、蛋白质、脂肪、碳水化合物、维生素、矿物质的摄入值与推荐值；4. 健康预警模块，用红色/橙色警示卡片标注"高油预警""高盐预警""高糖预警"，显示超出比例和建议；5. 底部有"添加新食谱"按钮。整体风格清新专业，医疗健康类APP设计，界面清晰易读，圆角卡片，浅蓝主色调。

参考图中的营养健康管理APP界面风格，设计一个自制食谱管理与营养分析的手机UI界面，保持相同的蓝色医疗健康风格、顶部导航栏、底部tab栏（首页、营养分析、健康发现、我的）和卡片式布局。界面顶部标题为"食谱管理"，日期选择2023-11-20。包含三个tab："我的食谱"、"营养分析"、"健康预警"。当前在"营养分析"页面。页面内容：1. 顶部显示今日自制食谱概览卡片，显示食谱名称"家常午餐套餐"，包含菜品列表；2. 营养分析环形图，显示碳水化合物、蛋白质、脂肪占比；3. 详细营养数据列表：热量、蛋白质、脂肪、碳水化合物、维生素、矿物质的摄入值与推荐值；4. 健康预警模块，用红色/橙色警示卡片标注"高油预警""高盐预警""高糖预警"，显示超出比例和建议；5. 底部有"添加新食谱"按钮。整体风格清新专业，医疗健康类APP设计，界面清晰易读，圆角卡片，浅蓝主色调。

1q5brjneengrk3p6-HB

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

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

微信小程序UI设计，尺寸750×1624px，首页核心页面「加班用餐填报」，顶部适配微信原生胶囊导航栏，下方通栏导航背景#409EFF，标题为“加班用餐填报”，右侧消息铃铛图标带小红点；页面内容为白底圆角表单卡片；包含加班日期模块：默认显示当日日期，右侧有日历图标；是否加班用餐单选模块，选项是和否，选中态圆点用#409EFF；用餐人数默认1人，带±增减按钮，下方有“添加同行同事”按钮；加班时段三选一：晚加班、周末加班、节假日加班；备注输入框占位文字为“特殊饮食、同行人员、其他说明”；下方双快捷按钮，左侧“一键复制昨日填报”边框#409EFF文字蓝色，右侧“一键撤回当日提交”灰色边框；底部固定通栏提交按钮背景#409EFF，白色文字“提交填报”；页面背景色#F5F7FA，卡片底色#FFFFFF，文字颜色正文#303133，次要文字#606266；整体风格简约清新，符合微信小程序设计规范，卡片圆角8rpx，按钮圆角10rpx，轻微柔和阴影。

微信小程序UI设计，尺寸750×1624px，首页核心页面「加班用餐填报」，顶部适配微信原生胶囊导航栏，下方通栏导航背景#409EFF，标题为“加班用餐填报”，右侧消息铃铛图标带小红点；页面内容为白底圆角表单卡片；包含加班日期模块：默认显示当日日期，右侧有日历图标；是否加班用餐单选模块，选项是和否，选中态圆点用#409EFF；用餐人数默认1人，带±增减按钮，下方有“添加同行同事”按钮；加班时段三选一：晚加班、周末加班、节假日加班；备注输入框占位文字为“特殊饮食、同行人员、其他说明”；下方双快捷按钮，左侧“一键复制昨日填报”边框#409EFF文字蓝色，右侧“一键撤回当日提交”灰色边框；底部固定通栏提交按钮背景#409EFF，白色文字“提交填报”；页面背景色#F5F7FA，卡片底色#FFFFFF，文字颜色正文#303133，次要文字#606266；整体风格简约清新，符合微信小程序设计规范，卡片圆角8rpx，按钮圆角10rpx，轻微柔和阴影。

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

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

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，人员信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"人员信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"基础信息录入"标题，包含姓名输入框（带用户图标）、工号输入框（带工牌图标）、所属食堂下拉选择（带建筑图标）、岗位类型下拉选择（厨师/服务员/管理员，带岗位图标）、联系电话输入框（带电话图标）、入职日期选择器（带日历图标）、健康证有效期选择器（带医疗图标），第二部分为"相关证件上传"标题，包含证件照片上传区域（带加号图标和"上传身份证照片"提示）、健康证照片上传区域（带加号图标和"上传健康证照片"提示）、人员头像上传区域（带加号图标和"上传个人照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前食堂信息管理页面排版风格完全一致

校园餐校级管理移动端UI界面设计，人员信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"人员信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"基础信息录入"标题，包含姓名输入框（带用户图标）、工号输入框（带工牌图标）、所属食堂下拉选择（带建筑图标）、岗位类型下拉选择（厨师/服务员/管理员，带岗位图标）、联系电话输入框（带电话图标）、入职日期选择器（带日历图标）、健康证有效期选择器（带医疗图标），第二部分为"相关证件上传"标题，包含证件照片上传区域（带加号图标和"上传身份证照片"提示）、健康证照片上传区域（带加号图标和"上传健康证照片"提示）、人员头像上传区域（带加号图标和"上传个人照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前食堂信息管理页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，人员信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"人员信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"基础信息录入"标题，包含姓名输入框（带用户图标）、工号输入框（带工牌图标）、所属食堂下拉选择（带建筑图标）、岗位类型下拉选择（厨师/服务员/管理员，带岗位图标）、联系电话输入框（带电话图标）、入职日期选择器（带日历图标）、健康证有效期选择器（带医疗图标），第二部分为"相关证件上传"标题，包含证件照片上传区域（带加号图标和"上传身份证照片"提示）、健康证照片上传区域（带加号图标和"上传健康证照片"提示）、人员头像上传区域（带加号图标和"上传个人照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前食堂信息管理页面排版风格完全一致

校园餐校级管理移动端UI界面设计，人员信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"人员信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"基础信息录入"标题，包含姓名输入框（带用户图标）、工号输入框（带工牌图标）、所属食堂下拉选择（带建筑图标）、岗位类型下拉选择（厨师/服务员/管理员，带岗位图标）、联系电话输入框（带电话图标）、入职日期选择器（带日历图标）、健康证有效期选择器（带医疗图标），第二部分为"相关证件上传"标题，包含证件照片上传区域（带加号图标和"上传身份证照片"提示）、健康证照片上传区域（带加号图标和"上传健康证照片"提示）、人员头像上传区域（带加号图标和"上传个人照片"提示），底部蓝色圆角"确认提交"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前食堂信息管理页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐阳光公示小程序陪餐人信息页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格，参考图的整体设计风格。顶部小程序导航栏，标题"陪餐信息公示"，左侧返回，右侧分享。下方日期选择器和餐次筛选。主体内容：顶部陪餐统计长方形卡片，显示今日陪餐人数、陪餐完成率、问题反馈数。中间陪餐人信息列表，长方形卡片布局，每张卡片左侧陪餐人头像，右侧显示姓名、职务、所属单位、陪餐日期、陪餐餐次。卡片底部显示菜品评价星级、总体评价、陪餐照片缩略图入口。部分卡片有问题反馈标签。底部有陪餐制度说明入口。整体采用清新绿色+白色阳光公示风格，方正矩形设计，信息透明公开，小程序高保真UI

校园餐阳光公示小程序陪餐人信息页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格，参考图的整体设计风格。顶部小程序导航栏，标题"陪餐信息公示"，左侧返回，右侧分享。下方日期选择器和餐次筛选。主体内容：顶部陪餐统计长方形卡片，显示今日陪餐人数、陪餐完成率、问题反馈数。中间陪餐人信息列表，长方形卡片布局，每张卡片左侧陪餐人头像，右侧显示姓名、职务、所属单位、陪餐日期、陪餐餐次。卡片底部显示菜品评价星级、总体评价、陪餐照片缩略图入口。部分卡片有问题反馈标签。底部有陪餐制度说明入口。整体采用清新绿色+白色阳光公示风格，方正矩形设计，信息透明公开，小程序高保真UI