参考图一的排版风格，重新设计图二供货商信息页面：手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标-1q5brjneengrk3p6-HB-稿定 AI

创意预览图

参考图一的排版风格，重新设计图二供货商信息页面：手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"供货商信息"，左侧返回箭头，右侧加号按钮，导航栏下方为白色圆角卡片

用户头像

1q5brjneeng...

2026.08.20

校园餐校级管理移动端小程序供货商信息管理UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"供货商信息管理"，左侧返回，右侧添加按钮。下方搜索栏和筛选标签（全部/合作中/已停用/待审核）。主体内容为供货商信息列表，卡片式布局，每张卡片显示供货商名称、供货商编号、供应品类、联系人、联系电话、合作状态、合作食堂数量，底部有编辑、查看详情、上传资质三个操作按钮。底部Tab导航栏：首页、食堂管理、供货商、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

校园餐校级管理移动端小程序供货商信息管理UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"供货商信息管理"，左侧返回，右侧添加按钮。下方搜索栏和筛选标签（全部/合作中/已停用/待审核）。主体内容为供货商信息列表，卡片式布局，每张卡片显示供货商名称、供货商编号、供应品类、联系人、联系电话、合作状态、合作食堂数量，底部有编辑、查看详情、上传资质三个操作按钮。底部Tab导航栏：首页、食堂管理、供货商、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

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

校园餐供应商移动端管理系统UI界面，竖屏手机端设计，蓝色商务风格。顶部蓝色导航栏标题为"供应商管理端"，左侧头像，右侧消息图标。页面顶部显示供应商名称"XX食材供应有限公司"，状态"已认证"。下方四个功能入口卡片：1.待接单红色角标数字；2.食材报价；3.订单管理；4.价格预警。中间主区域展示"今日待接单"列表，每张订单卡片显示学校名称、下单时间、食材明细（如大白菜50kg、猪肉30kg、大米100kg）、合计金额，底部两个按钮"拒绝""接单"。下方"食材报价管理"模块，显示食材列表：大白菜指导价2.5元/斤供应商报价2.3元/斤绿色正常标签；猪肉指导价15元/斤供应商报价16元/斤红色"超指导价"预警标签和警告图标；大米指导价3.0元/斤供应商报价2.8元/斤正常。每行右侧有"修改"按钮。底部Tab导航：首页、订单、报价、我的。整体UI清晰专业，蓝色主色调，卡片式布局，预警信息用红色高亮突出，移动端管理系统风格

校园餐供应商移动端管理系统UI界面，竖屏手机端设计，蓝色商务风格。顶部蓝色导航栏标题为"供应商管理端"，左侧头像，右侧消息图标。页面顶部显示供应商名称"XX食材供应有限公司"，状态"已认证"。下方四个功能入口卡片：1.待接单红色角标数字；2.食材报价；3.订单管理；4.价格预警。中间主区域展示"今日待接单"列表，每张订单卡片显示学校名称、下单时间、食材明细（如大白菜50kg、猪肉30kg、大米100kg）、合计金额，底部两个按钮"拒绝""接单"。下方"食材报价管理"模块，显示食材列表：大白菜指导价2.5元/斤供应商报价2.3元/斤绿色正常标签；猪肉指导价15元/斤供应商报价16元/斤红色"超指导价"预警标签和警告图标；大米指导价3.0元/斤供应商报价2.8元/斤正常。每行右侧有"修改"按钮。底部Tab导航：首页、订单、报价、我的。整体UI清晰专业，蓝色主色调，卡片式布局，预警信息用红色高亮突出，移动端管理系统风格

1q5brjneengrk3p6-HB

基于参考图的设计风格，重新绘制微信小程序供应商工作台首页，顶部深蓝色渐变导航栏，左侧显示公司小Logo（分子形状图标），中间标题'供应商工作台'，右上角消息铃铛和角色切换按钮。配色以深蓝#1E2A78为主色，紫色橙色点缀。中部数据概览卡片2x2排列：待审核、运输中、已完成、本月发货量。下方快捷功能宫格：新建发货、我的司机库、全部订单、地址管理。再下方最近订单列表。底部Tab导航：首页、订单、消息、我的。B端企业工具风格，手机竖屏比例，高保真UI设计图。

基于参考图的设计风格，重新绘制微信小程序供应商工作台首页，顶部深蓝色渐变导航栏，左侧显示公司小Logo（分子形状图标），中间标题'供应商工作台'，右上角消息铃铛和角色切换按钮。配色以深蓝#1E2A78为主色，紫色橙色点缀。中部数据概览卡片2x2排列：待审核、运输中、已完成、本月发货量。下方快捷功能宫格：新建发货、我的司机库、全部订单、地址管理。再下方最近订单列表。底部Tab导航：首页、订单、消息、我的。B端企业工具风格，手机竖屏比例，高保真UI设计图。

基于参考图的设计风格，设计微信小程序角色切换面板从导航栏左侧角色标签向下展开的效果。顶部深蓝色导航栏，左侧公司Logo + '供应商 ▼'角色标签，右侧空白避让胶囊。从角色标签下方弹出白色浮层面板，标题'切换角色'，列出6个角色：供应商（当前选中深蓝背景）、司机（紫色，已通过）、业务员（蓝色，已通过）、仓管（橙色，审核中）、品控（绿色，已通过）、管理员（灰色，已通过），底部'申请新角色'按钮。背景页面为供应商工作台（半透明遮罩）。整体风格与参考图一致。手机竖屏，高保真UI设计。

基于参考图的设计风格，设计微信小程序角色切换面板从导航栏左侧角色标签向下展开的效果。顶部深蓝色导航栏，左侧公司Logo + '供应商 ▼'角色标签，右侧空白避让胶囊。从角色标签下方弹出白色浮层面板，标题'切换角色'，列出6个角色：供应商（当前选中深蓝背景）、司机（紫色，已通过）、业务员（蓝色，已通过）、仓管（橙色，审核中）、品控（绿色，已通过）、管理员（灰色，已通过），底部'申请新角色'按钮。背景页面为供应商工作台（半透明遮罩）。整体风格与参考图一致。手机竖屏，高保真UI设计。

订货系统供应商多店绑定页面

订货系统供应商多店绑定页面

喜鹊帮帮姣姣

基于参考图的设计风格，设计微信小程序角色切换下拉面板。从页面右上角'切换角色'按钮向下展开的浮层面板，深蓝色半透明遮罩背景。面板内标题'切换角色'，下方列出6个角色选项：供应商（当前选中，深蓝色背景白色文字，右侧打勾）、司机（紫色图标）、业务员（蓝色图标）、仓管（橙色图标）、品控（绿色图标）、管理员（灰色图标），每个角色有图标+名称+状态标签（已通过/审核中）。底部有'申请新角色'按钮。整体风格与参考图一致：深蓝#1E2A78主色，紫橙点缀，圆角8px，B端企业风格。手机竖屏，高保真UI设计。

基于参考图的设计风格，设计微信小程序角色切换下拉面板。从页面右上角'切换角色'按钮向下展开的浮层面板，深蓝色半透明遮罩背景。面板内标题'切换角色'，下方列出6个角色选项：供应商（当前选中，深蓝色背景白色文字，右侧打勾）、司机（紫色图标）、业务员（蓝色图标）、仓管（橙色图标）、品控（绿色图标）、管理员（灰色图标），每个角色有图标+名称+状态标签（已通过/审核中）。底部有'申请新角色'按钮。整体风格与参考图一致：深蓝#1E2A78主色，紫橙点缀，圆角8px，B端企业风格。手机竖屏，高保真UI设计。

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

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

创意 × 9

1q2c8q3vwt2k7u4q2-HB

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

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

1q2c8q3vwt2k7u4q2-HB

校园餐校级管理移动端小程序从业人员信息管理UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"从业人员信息管理"，左侧返回，右侧添加按钮。下方搜索栏和筛选标签（全部/在职/离职/健康证到期）。主体内容为从业人员信息列表，卡片式布局，每张卡片左侧头像，右侧显示姓名、工号、岗位（厨师/服务员/保洁/管理员）、所属食堂、联系电话、健康证状态（正常/即将到期/已过期，用不同颜色标签），底部有编辑、查看详情、上传证件三个操作按钮。底部Tab导航栏：首页、人员管理、食堂管理、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

校园餐校级管理移动端小程序从业人员信息管理UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"从业人员信息管理"，左侧返回，右侧添加按钮。下方搜索栏和筛选标签（全部/在职/离职/健康证到期）。主体内容为从业人员信息列表，卡片式布局，每张卡片左侧头像，右侧显示姓名、工号、岗位（厨师/服务员/保洁/管理员）、所属食堂、联系电话、健康证状态（正常/即将到期/已过期，用不同颜色标签），底部有编辑、查看详情、上传证件三个操作按钮。底部Tab导航栏：首页、人员管理、食堂管理、数据上报、我的。整体蓝色商务风格，与参考图排版完全一致，简洁专业的管理端小程序设计，高保真UI

基于参考图的设计风格，设计微信小程序'我的'页面（个人中心）。顶部深蓝色渐变区域，左侧公司小Logo，右侧头像圆形占位，下方显示用户名和手机号。中部功能列表：我的角色（右侧显示'3个角色'小字）、消息通知设置、地址管理、帮助与反馈、关于我们、退出登录。每个列表项左侧有线性图标，右侧箭头。底部Tab导航停留在'我的'。整体风格与参考图完全一致：深蓝#1E2A78主色，紫色橙色点缀，白底卡片，圆角8px，B端企业工具风格。手机竖屏，高保真UI设计。

基于参考图的设计风格，设计微信小程序'我的'页面（个人中心）。顶部深蓝色渐变区域，左侧公司小Logo，右侧头像圆形占位，下方显示用户名和手机号。中部功能列表：我的角色（右侧显示'3个角色'小字）、消息通知设置、地址管理、帮助与反馈、关于我们、退出登录。每个列表项左侧有线性图标，右侧箭头。底部Tab导航停留在'我的'。整体风格与参考图完全一致：深蓝#1E2A78主色，紫色橙色点缀，白底卡片，圆角8px，B端企业工具风格。手机竖屏，高保真UI设计。

校园餐阳光公示小程序UI界面，供货商资质信息页面，手机竖屏比例9:16。顶部为小程序导航栏，标题"供货商资质公示"，左侧返回按钮，右侧分享图标。下方为搜索栏，可搜索供货商名称。主体内容为供货商资质列表卡片式布局，每个供货商一张卡片：顶部供货商名称和星级评分，中间展示资质证书缩略图（营业执照、食品经营许可证、质检报告等小图标），下方显示供应品类、合作学校数量、资质有效期、状态（正常/即将到期），底部有"查看详情"按钮。整体采用清新绿色+白色的阳光公示风格，简洁透明，卡片圆角设计，图文并茂，小程序高保真UI设计，界面精致专业

校园餐阳光公示小程序UI界面，供货商资质信息页面，手机竖屏比例9:16。顶部为小程序导航栏，标题"供货商资质公示"，左侧返回按钮，右侧分享图标。下方为搜索栏，可搜索供货商名称。主体内容为供货商资质列表卡片式布局，每个供货商一张卡片：顶部供货商名称和星级评分，中间展示资质证书缩略图（营业执照、食品经营许可证、质检报告等小图标），下方显示供应品类、合作学校数量、资质有效期、状态（正常/即将到期），底部有"查看详情"按钮。整体采用清新绿色+白色的阳光公示风格，简洁透明，卡片圆角设计，图文并茂，小程序高保真UI设计，界面精致专业

校园餐阳光公示小程序采购信息页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏，标题"采购信息公示"，左侧返回，右侧分享。下方日期选择器和搜索栏。主体内容为采购信息列表，长方形卡片布局：每张卡片顶部显示采购日期和供应商名称，中间展示采购食材明细（食材品种、数量、价格），底部有"索证索票"入口按钮（营业执照、食品经营许可证、质检报告、票据等图标）。卡片底部显示采购总金额和验收状态。整体采用清新绿色+白色阳光公示风格，方正矩形设计，简洁透明，小程序高保真UI

校园餐阳光公示小程序采购信息页面UI设计，手机竖屏9:16比例，长方形直角外体框架风格。顶部小程序导航栏，标题"采购信息公示"，左侧返回，右侧分享。下方日期选择器和搜索栏。主体内容为采购信息列表，长方形卡片布局：每张卡片顶部显示采购日期和供应商名称，中间展示采购食材明细（食材品种、数量、价格），底部有"索证索票"入口按钮（营业执照、食品经营许可证、质检报告、票据等图标）。卡片底部显示采购总金额和验收状态。整体采用清新绿色+白色阳光公示风格，方正矩形设计，简洁透明，小程序高保真UI

保持校园餐阳光公示小程序供货商资质信息页面的内容不变，将所有外体框架（卡片、按钮、搜索框等）改为长方形直角设计，去掉圆角，整体呈现方正简洁的矩形风格

保持校园餐阳光公示小程序供货商资质信息页面的内容不变，将所有外体框架（卡片、按钮、搜索框等）改为长方形直角设计，去掉圆角，整体呈现方正简洁的矩形风格

校园餐供应商移动端UI界面-采购订单管理页面。顶部蓝色导航栏，左侧返回箭头，中间白色标题“采购订单”，右侧搜索图标。顶部筛选栏：时间筛选、状态筛选、学校筛选下拉框。订单列表卡片，每个卡片包含：订单编号、学校名称、下单时间、食材明细、合计金额，底部操作按钮：下载、打印、查看详情。下载图标为向下箭头，打印图标为打印机图标。底部批量操作栏：全选复选框、批量下载、批量打印按钮。底部导航栏：首页、订单、报价、我的。整体蓝白配色，卡片式圆角设计，现代简约移动端APP风格，与参考供应商管理端界面排版风格完全一致

校园餐供应商移动端UI界面-采购订单管理页面。顶部蓝色导航栏，左侧返回箭头，中间白色标题“采购订单”，右侧搜索图标。顶部筛选栏：时间筛选、状态筛选、学校筛选下拉框。订单列表卡片，每个卡片包含：订单编号、学校名称、下单时间、食材明细、合计金额，底部操作按钮：下载、打印、查看详情。下载图标为向下箭头，打印图标为打印机图标。底部批量操作栏：全选复选框、批量下载、批量打印按钮。底部导航栏：首页、订单、报价、我的。整体蓝白配色，卡片式圆角设计，现代简约移动端APP风格，与参考供应商管理端界面排版风格完全一致

1q5brjneengrk3p6-HB

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

校园餐供应商移动端UI界面-接单合计页面。顶部蓝色导航栏，左侧返回箭头，中间白色标题“接单合计”，右侧筛选图标。下方数据概览卡片：本月接单总金额¥XXXXX.00，本月接单数量XX单，本月合作学校XX所，三个数据横向排列。下方标题“接单明细”右侧查看筛选。订单列表卡片，每个卡片包含：学校图标+学校名称+下单时间，食材明细（大白菜、猪肉、大米等重量），右侧红色合计金额，底部状态标签（已接单/待接单/已完成）。底部导航栏：首页、订单、报价、我的。整体蓝白配色，卡片式圆角设计，现代简约移动端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界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间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和电池图标，中间白色标题文字"数据同步"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"同步状态概览"标题，显示大型同步状态图标和文字"数据已同步"，上次同步时间"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界面设计，食堂基础信息数据录入维护上传功能页面，手机竖屏界面，顶部导航栏显示"食堂信息管理"标题，左侧返回箭头，右侧保存按钮，主体内容包含食堂名称输入框、食堂地址输入框、负责人姓名输入框、联系电话输入框、食堂类型下拉选择（自营/外包）、就餐人数输入框、营业时间选择器、食堂简介多行文本输入框、证件照片上传区域（带加号图标和"上传营业执照"提示）、食堂全景图上传区域，底部蓝色提交按钮，整体采用清新蓝白配色，简洁现代的移动端UI设计风格，卡片式布局，输入框带浅灰色边框和图标，界面整洁专业，适合校园后勤管理系统使用

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

1q5brjneengrk3p6-HB

企业级智慧农业App平台端告警中心页面设计，白色背景深绿顶部导航栏写着"告警中心"，右侧筛选图标。顶部统计概览卡片：四个数据胶囊横向排列，今日告警28红色背景、待处理12橙色背景、已处理16绿色背景、已忽略4灰色背景。下方Tab切换：全部告警(选中深绿下划线)/设备告警/策略告警/系统告警。告警筛选栏：级别筛选（全部/严重/重要/一般）、时间筛选、客户/基地筛选。告警列表卡片：每张卡片左侧有对应颜色的竖条标识级别（红色严重/橙色重要/黄色一般）。卡片内容：告警标题"1号棚温度过高"、所属客户和基地名称、告警时间、当前值/阈值。右侧状态标签（待处理橙色/已处理绿色）。严重告警卡片有红色边框高亮。底部有批量处理栏：全选、标记已处理、忽略、导出。底部Tab栏三个：导航/告警(选中)/我的。整体深绿主色调白色背景，专业告警中心风格，高保真移动端UI竖屏设计

企业级智慧农业App平台端告警中心页面设计，白色背景深绿顶部导航栏写着"告警中心"，右侧筛选图标。顶部统计概览卡片：四个数据胶囊横向排列，今日告警28红色背景、待处理12橙色背景、已处理16绿色背景、已忽略4灰色背景。下方Tab切换：全部告警(选中深绿下划线)/设备告警/策略告警/系统告警。告警筛选栏：级别筛选（全部/严重/重要/一般）、时间筛选、客户/基地筛选。告警列表卡片：每张卡片左侧有对应颜色的竖条标识级别（红色严重/橙色重要/黄色一般）。卡片内容：告警标题"1号棚温度过高"、所属客户和基地名称、告警时间、当前值/阈值。右侧状态标签（待处理橙色/已处理绿色）。严重告警卡片有红色边框高亮。底部有批量处理栏：全选、标记已处理、忽略、导出。底部Tab栏三个：导航/告警(选中)/我的。整体深绿主色调白色背景，专业告警中心风格，高保真移动端UI竖屏设计

企业级智慧农业App平台端客户管理页面设计，白色背景深绿顶部导航栏写着"客户管理"，左侧返回，右侧+新增客户按钮。顶部搜索栏：搜索框输入客户名称/手机号，右侧筛选按钮。下方统计卡片横向排列：总客户数128、本月新增8、在线客户96、告警客户12。主体是客户列表卡片：每张卡片左侧客户名称和公司名，中间状态标签（正常绿色/已过期橙色/已停用灰色），右侧箭头。卡片下方小字：联系人、联系电话、基地数量3个、设备总数86台、到期时间2026-12-31。卡片右上角有更多操作按钮（编辑/禁用/删除）。列表中第一个客户标注"VIP"金色标签。底部有分页加载。整体深绿主色调白色背景，企业级客户管理列表风格，高保真移动端UI竖屏设计

企业级智慧农业App平台端客户管理页面设计，白色背景深绿顶部导航栏写着"客户管理"，左侧返回，右侧+新增客户按钮。顶部搜索栏：搜索框输入客户名称/手机号，右侧筛选按钮。下方统计卡片横向排列：总客户数128、本月新增8、在线客户96、告警客户12。主体是客户列表卡片：每张卡片左侧客户名称和公司名，中间状态标签（正常绿色/已过期橙色/已停用灰色），右侧箭头。卡片下方小字：联系人、联系电话、基地数量3个、设备总数86台、到期时间2026-12-31。卡片右上角有更多操作按钮（编辑/禁用/删除）。列表中第一个客户标注"VIP"金色标签。底部有分页加载。整体深绿主色调白色背景，企业级客户管理列表风格，高保真移动端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