参考图例的UI设计风格，生成校园餐供应商移动端订单管理中心界面… - 图片创意预览

参考图例的UI设计风格，生成校园餐供应商移动端订单管理中心界面…

参考图例的UI设计风格，生成校园餐供应商移动端订单管理中心界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"订单管理"，右侧有同步图标按钮。下方有四个标签页：全部、待接单、

用户头像

1q5brjneeng...

2026.08.19

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

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

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

校园餐供应商移动端UI界面-全部单据同步页面。顶部蓝色导航栏，左侧返回箭头，中间白色标题“全部单据”，右侧同步图标带刷新标识。顶部同步状态条：显示“数据已同步至 2024-05-20 10:30”，绿色同步成功标识。下方单据分类标签栏：全部、采购订单、配送单、对账单、发票，横向可滑动。单据列表卡片，每个卡片包含：单据编号、学校名称、单据类型标签、日期、金额，右侧箭头。底部悬浮同步按钮，蓝色圆形带同步图标。底部导航栏：首页、订单、报价、我的。整体蓝白配色，卡片式圆角设计，现代简约移动端APP风格，与参考供应商管理端界面排版风格完全一致

校园餐供应商移动端UI界面-全部单据同步页面。顶部蓝色导航栏，左侧返回箭头，中间白色标题“全部单据”，右侧同步图标带刷新标识。顶部同步状态条：显示“数据已同步至 2024-05-20 10:30”，绿色同步成功标识。下方单据分类标签栏：全部、采购订单、配送单、对账单、发票，横向可滑动。单据列表卡片，每个卡片包含：单据编号、学校名称、单据类型标签、日期、金额，右侧箭头。底部悬浮同步按钮，蓝色圆形带同步图标。底部导航栏：首页、订单、报价、我的。整体蓝白配色，卡片式圆角设计，现代简约移动端APP风格，与参考供应商管理端界面排版风格完全一致

1q5brjneengrk3p6-HB

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

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

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

[第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 分辨率，文字清晰可辨，高清画质。
[负向提示词] 订单数据错误，界面变形，文字错乱，水印，界面模糊，金额错误。

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

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

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

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

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

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

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

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

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

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

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

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

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

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

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

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

1q5brjneengrk3p6-HB

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

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

喜鹊帮帮姣姣

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

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

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

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

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

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

1q5brjneengrk3p6-HB

重新设计拾光智伴大学生服务者端微信小程序首页，简洁年轻化设计风格，顶部展示个人接单状态，核心板块订单大厅、我的接单、服务记录、收益结算、培训中心排列整齐，侧边增加服务指南和应急处理入口，清晰现代，适配小程序竖屏尺寸。

重新设计拾光智伴大学生服务者端微信小程序首页，简洁年轻化设计风格，顶部展示个人接单状态，核心板块订单大厅、我的接单、服务记录、收益结算、培训中心排列整齐，侧边增加服务指南和应急处理入口，清晰现代，适配小程序竖屏尺寸。

6adhucitqSFIi0g-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

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

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

1q5brjneengrk3p6-HB