校园餐校级管理移动端UI界面设计，人员信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09-1q5brjneengrk3p6-HB-稿定 AI

创意预览图

校园餐校级管理移动端UI界面设计，人员信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"人员信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方

用户头像

1q5brjneeng...

2026.08.20

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

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

1q5brjneengrk3p6-HB

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

校园餐校级管理移动端UI界面设计，陪餐信息（照片）管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"陪餐信息管理"，左侧返回箭头，右侧保存按钮，导航栏下方为白色圆角卡片内容区域，第一部分为"陪餐信息录入"标题，包含陪餐日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐，带餐具图标）、陪餐人员姓名输入框（带用户图标）、陪餐人员职务输入框（带工牌图标）、陪餐人员联系电话输入框（带电话图标）、陪餐评价下拉选择（优秀/良好/一般/较差，带星星图标）、陪餐意见多行文本输入框（带文档图标，提示文字"请输入陪餐意见和建议..."），第二部分为"陪餐照片上传"标题，包含陪餐人员现场照片上传区域（带加号图标和"上传陪餐现场照片"提示）、餐食照片上传区域（带加号图标和"上传陪餐餐食照片"提示）、陪餐记录签字上传区域（带加号图标和"上传签字确认照片"提示），底部蓝色圆角"确认提交"按钮，底部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设计，尺寸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，轻微柔和阴影。

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

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

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

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

优化简化这个考勤数据页面，保持蓝色政务OA风格。简化内容：顶部蓝色导航栏更简洁，本月统计只保留3个核心数据卡片（出勤、迟到、请假），日历区域简化，去掉复杂的打卡记录，只保留今日打卡状态。整体更清爽简洁，卡片大圆角，浅灰背景，底部Tab导航栏。移动端UI设计，iPhone界面。

优化简化这个考勤数据页面，保持蓝色政务OA风格。简化内容：顶部蓝色导航栏更简洁，本月统计只保留3个核心数据卡片（出勤、迟到、请假），日历区域简化，去掉复杂的打卡记录，只保留今日打卡状态。整体更清爽简洁，卡片大圆角，浅灰背景，底部Tab导航栏。移动端UI设计，iPhone界面。

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

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

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"数据同步"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"同步状态概览"标题，显示大型同步状态图标和文字"数据已同步"，上次同步时间"2026-08-20 10:05:32"，同步进度条显示100%，下方显示三个终端设备卡片：PC端（电脑图标，在线/已同步）、移动端（手机图标，当前设备/已同步）、小程序（小程序图标，在线/已同步），每个卡片右侧有绿色对勾状态标识，第二部分为"同步数据项管理"标题，显示可同步的数据项列表，每项带开关按钮，包括：食堂基础信息（开启）、供货商信息（开启）、人员信息（开启）、每日就餐信息（开启）、陪餐记录（开启）、食谱营养数据（开启）、采购订单数据（开启）、财务报表数据（开启），第三部分为"同步设置"标题，包含同步模式选择（自动同步/手动同步，带刷新图标）、同步频率设置（实时/每小时/每天，带时钟图标）、流量同步开关（仅WiFi下同步，带WiFi图标），底部蓝色圆角"立即同步所有数据"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"数据同步"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"同步状态概览"标题，显示大型同步状态图标和文字"数据已同步"，上次同步时间"2026-08-20 10:05:32"，同步进度条显示100%，下方显示三个终端设备卡片：PC端（电脑图标，在线/已同步）、移动端（手机图标，当前设备/已同步）、小程序（小程序图标，在线/已同步），每个卡片右侧有绿色对勾状态标识，第二部分为"同步数据项管理"标题，显示可同步的数据项列表，每项带开关按钮，包括：食堂基础信息（开启）、供货商信息（开启）、人员信息（开启）、每日就餐信息（开启）、陪餐记录（开启）、食谱营养数据（开启）、采购订单数据（开启）、财务报表数据（开启），第三部分为"同步设置"标题，包含同步模式选择（自动同步/手动同步，带刷新图标）、同步频率设置（实时/每小时/每天，带时钟图标）、流量同步开关（仅WiFi下同步，带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界面设计，采购订单创建与发送页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"创建采购订单"，左侧返回箭头，右侧草稿图标，导航栏下方为白色圆角卡片内容区域，第一部分为"订单基本信息"标题，包含订单编号（自动生成，带单据图标）、采购食堂下拉选择（带建筑图标）、期望送达日期选择器（带日历图标）、供货商选择（带店铺图标，可搜索选择）、采购人员姓名（带用户图标，自动填充），第二部分为"采购商品列表"标题，显示已添加商品列表，每项包含商品名称、规格、数量、单价、小计金额，如"大白菜 50kg ¥3.5/kg ¥175""猪肉 30kg ¥28/kg ¥840""大米 80kg ¥5.2/kg ¥416"，每行右侧有删除图标，底部有"+ 添加商品"按钮，第三部分为"订单汇总"标题，显示商品总件数、总重量、总金额¥1431.00，备注输入框（带文档图标，提示文字"请输入备注信息..."），底部蓝色圆角"发送采购单给供货商"按钮，按钮上方有"预计送达时间：明日上午8:00前"提示文字，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，采购订单创建与发送页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"创建采购订单"，左侧返回箭头，右侧草稿图标，导航栏下方为白色圆角卡片内容区域，第一部分为"订单基本信息"标题，包含订单编号（自动生成，带单据图标）、采购食堂下拉选择（带建筑图标）、期望送达日期选择器（带日历图标）、供货商选择（带店铺图标，可搜索选择）、采购人员姓名（带用户图标，自动填充），第二部分为"采购商品列表"标题，显示已添加商品列表，每项包含商品名称、规格、数量、单价、小计金额，如"大白菜 50kg ¥3.5/kg ¥175""猪肉 30kg ¥28/kg ¥840""大米 80kg ¥5.2/kg ¥416"，每行右侧有删除图标，底部有"+ 添加商品"按钮，第三部分为"订单汇总"标题，显示商品总件数、总重量、总金额¥1431.00，备注输入框（带文档图标，提示文字"请输入备注信息..."），底部蓝色圆角"发送采购单给供货商"按钮，按钮上方有"预计送达时间：明日上午8:00前"提示文字，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

参考图一的排版风格，重新设计图二供货商信息页面：手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"供货商信息"，左侧返回箭头，右侧加号按钮，导航栏下方为白色圆角卡片内容区域，顶部搜索栏带放大镜图标和"搜索供货商名称"提示文字，下方供货商列表，每个列表项包含供货商名称、供货品类标签（蔬菜/肉类/粮油）、联系人及电话、合作状态标签（合作中/已暂停）、右侧箭头，列表采用卡片式设计，底部有Tab导航栏（首页/Management/数据/设置），整体配色和排版与图一完全一致，蓝色主色调，白色卡片背景，圆角设计，简洁现代的移动端UI风格

参考图一的排版风格，重新设计图二供货商信息页面：手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"供货商信息"，左侧返回箭头，右侧加号按钮，导航栏下方为白色圆角卡片内容区域，顶部搜索栏带放大镜图标和"搜索供货商名称"提示文字，下方供货商列表，每个列表项包含供货商名称、供货品类标签（蔬菜/肉类/粮油）、联系人及电话、合作状态标签（合作中/已暂停）、右侧箭头，列表采用卡片式设计，底部有Tab导航栏（首页/Management/数据/设置），整体配色和排版与图一完全一致，蓝色主色调，白色卡片背景，圆角设计，简洁现代的移动端UI风格

1q5brjneengrk3p6-HB

校园餐校级管理移动端小程序UI界面，食堂基础信息管理页面，手机竖屏9:16比例。顶部导航栏，标题"食堂基础信息管理"，左侧返回，右侧添加按钮。下方搜索栏和筛选标签（全部/营业中/停业/待审核）。主体内容为食堂信息列表，卡片式布局，每张卡片显示食堂名称、食堂编号、食堂类型（学生食堂/教师食堂/清真食堂）、负责人、联系电话、经营状态、地址，底部有编辑、查看、上传资料三个操作按钮。底部Tab导航栏：首页、食堂管理、数据上报、我的。整体蓝色商务风格，简洁专业的管理端小程序设计，高保真UI

校园餐校级管理移动端小程序UI界面，食堂基础信息管理页面，手机竖屏9:16比例。顶部导航栏，标题"食堂基础信息管理"，左侧返回，右侧添加按钮。下方搜索栏和筛选标签（全部/营业中/停业/待审核）。主体内容为食堂信息列表，卡片式布局，每张卡片显示食堂名称、食堂编号、食堂类型（学生食堂/教师食堂/清真食堂）、负责人、联系电话、经营状态、地址，底部有编辑、查看、上传资料三个操作按钮。底部Tab导航栏：首页、食堂管理、数据上报、我的。整体蓝色商务风格，简洁专业的管理端小程序设计，高保真UI

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

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

1q5brjneengrk3p6-HB

政务类OA办公系统微信小程序流程管理首页设计，顶部返回箭头和流程管理标题，蓝色渐变发起流程卡片（带图标和创建新的审批流程文字），下方待我审批列表（显示5条，每条有申请类型标签、申请人、申请时间、右侧驳回和同意按钮），再下方已发起流程和审批轨迹两个入口卡片，底部Tab导航：首页、工作台、消息、我的，政务蓝色主题，新拟态卡片设计，高质量UI设计图，手机竖屏比例

政务类OA办公系统微信小程序流程管理首页设计，顶部返回箭头和流程管理标题，蓝色渐变发起流程卡片（带图标和创建新的审批流程文字），下方待我审批列表（显示5条，每条有申请类型标签、申请人、申请时间、右侧驳回和同意按钮），再下方已发起流程和审批轨迹两个入口卡片，底部Tab导航：首页、工作台、消息、我的，政务蓝色主题，新拟态卡片设计，高质量UI设计图，手机竖屏比例

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

1q2c8q3vwt2k7u4q2-HB

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

参考图片风格，生成移动端小程序企业需求提交表单页UI设计稿，蓝色主色调，主色#165DFF，简洁政务风格，现代扁平化UI，白色背景，浅蓝色卡片分区。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间深蓝色标题文字"企业需求点单"。2.需求分类选择区，五个横向排列的圆角分类卡片，分别是"技术攻关"、"技能培训"、"工艺改进"、"管理咨询"、"其他"，每个卡片配对应线性图标，选中态为蓝色填充。3.表单区域，白色圆角卡片内包含多个表单项：需求标题输入框；联系人、联系电话输入框左右并排；需求详情多行文本输入框，提示文字"请详细描述您的需求..."；期望完成时间选择器。4.附件上传区，标题"相关附件"，下方多个虚线方框上传占位，支持图纸、文档、视频，显示"+ 添加附件"文字。5.优先级选择区，标题"需求优先级"，三个横向排列的单选按钮，分别是红色"紧急"、橙色"重要"、绿色"一般"。6.底部固定提交按钮，蓝色渐变圆角大按钮，文字"提交需求"。整体风格：延续参考图的政务类小程序清爽简洁风格，表单布局规整，输入框有浅灰边框，卡片有轻微阴影，留白充足，高分辨率UI设计稿

创意 × 9

1q2c8q3vwt2k7u4q2-HB

[第6张] 订单管理系统展示页——订单列表与数据统计。本张使用【图5】作为订单列表界面主体展示。 [氛围/风格] 数据清晰管理风，突出订单一目了然、便于对账，商务SaaS质感。 [元素布局] 左侧展示手机订单列表界面，占比约60%，包含顶部扫码点餐/退款订单切换、日报/周报/月报/自定义日期选择、已结账订单列表（001桌多笔订单、订单编号、下单日期、流水号、金额）、底部首页/订单/我的导航；右侧为订单管理功能说明区，配4个功能点。 [光影质感] 均匀柔光，界面清晰，手机模型带自然投影。 [配色色系] 全局底色 #F7F9FC 浅灰白；主色 #00B4D8 青蓝色；辅助色 #FF8C42 橙色（订单图标）、#FF6B6B 红色（金额）；文字深灰 #2D3748。 [视角构图] 正面平视，手机界面居中偏左，右侧功能说明区，阅读动线从左到右。 [文字版式] 右上主标题「订单全记录对账无忧」，副标题「多维度查询每笔订单清晰可追溯」；右侧四个功能点：「扫码点餐订单」「退款订单管理」「日报/周报/月报」「订单详情可查」，每个配青蓝色渐变图标+标题+说明；左下角标注页码「06」；文字清晰可读。 [比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。 [负向提示词] 订单数据错误，界面变形，文字错乱，水印，界面模糊，金额错误。

[第6张] 订单管理系统展示页——订单列表与数据统计。本张使用【图5】作为订单列表界面主体展示。
[氛围/风格] 数据清晰管理风，突出订单一目了然、便于对账，商务SaaS质感。
[元素布局] 左侧展示手机订单列表界面，占比约60%，包含顶部扫码点餐/退款订单切换、日报/周报/月报/自定义日期选择、已结账订单列表（001桌多笔订单、订单编号、下单日期、流水号、金额）、底部首页/订单/我的导航；右侧为订单管理功能说明区，配4个功能点。
[光影质感] 均匀柔光，界面清晰，手机模型带自然投影。
[配色色系] 全局底色 #F7F9FC 浅灰白；主色 #00B4D8 青蓝色；辅助色 #FF8C42 橙色（订单图标）、#FF6B6B 红色（金额）；文字深灰 #2D3748。
[视角构图] 正面平视，手机界面居中偏左，右侧功能说明区，阅读动线从左到右。
[文字版式] 右上主标题「订单全记录对账无忧」，副标题「多维度查询每笔订单清晰可追溯」；右侧四个功能点：「扫码点餐订单」「退款订单管理」「日报/周报/月报」「订单详情可查」，每个配青蓝色渐变图标+标题+说明；左下角标注页码「06」；文字清晰可读。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 订单数据错误，界面变形，文字错乱，水印，界面模糊，金额错误。

运动数据app

运动数据app

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

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