校园餐校级管理移动端UI界面设计，数据同步管理页面，手机竖屏界…
校园餐校级管理移动端UI界面设计，数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"数据同步"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡
1q5brjneeng...
2026.08.20校园餐校级管理移动端UI界面设计，数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"数据同步"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡
1q5brjneeng...
2026.08.20
![[第6张] 订单管理系统展示页——订单列表与数据统计。本张使用【图5】作为订单列表界面主体展示。
[氛围/风格] 数据清晰管理风，突出订单一目了然、便于对账，商务SaaS质感。
[元素布局] 左侧展示手机订单列表界面，占比约60%，包含顶部扫码点餐/退款订单切换、日报/周报/月报/自定义日期选择、已结账订单列表（001桌多笔订单、订单编号、下单日期、流水号、金额）、底部首页/订单/我的导航；右侧为订单管理功能说明区，配4个功能点。
[光影质感] 均匀柔光，界面清晰，手机模型带自然投影。
[配色色系] 全局底色 #F7F9FC 浅灰白；主色 #00B4D8 青蓝色；辅助色 #FF8C42 橙色（订单图标）、#FF6B6B 红色（金额）；文字深灰 #2D3748。
[视角构图] 正面平视，手机界面居中偏左，右侧功能说明区，阅读动线从左到右。
[文字版式] 右上主标题「订单全记录 对账无忧」，副标题「多维度查询 每笔订单清晰可追溯」；右侧四个功能点：「扫码点餐订单」「退款订单管理」「日报/周报/月报」「订单详情可查」，每个配青蓝色渐变图标+标题+说明；左下角标注页码「06」；文字清晰可读。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 订单数据错误，界面变形，文字错乱，水印，界面模糊，金额错误。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/54271a6d-2002-4043-8f3f-f478500afa2838806.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[详情页-9 智能远程监控系统二] 升降款制冷售货机智能远程监控系统详情页第二张（手机管理页面详细展示），9:16竖版，浅白/浅灰背景，全中文。
[氛围风格] 数字科技风，黑银配色，简洁现代；
[画质] 商业设计质感、界面UI清晰精致、操作流程直观、文字清晰锐利、画面干净高级。
[元素] 页面主体为手机端管理APP多页面展示：三台手机屏幕并排/阶梯排列，显示中文管理界面：左侧手机显示"登录首页/店铺总览"（今日营收大数字、订单数、设备在线台数、快捷入口图标）；中间手机显示"商品管理"页面（商品列表、图片、价格、库存数量、上下架开关、添加商品按钮）；右侧手机显示"订单与报表"页面（订单记录列表、收款明细、日/周/月报表切换、营收趋势曲线图）。手机界面白底卡片式现代化UI，蓝色主题，中文界面。手机周围有悬浮的功能标签和小图标环绕。页面上下有标题和卖点文字。
[配色] 主色纯浅白 #FFFFFF；辅色黑色、银灰色、蓝色界面主题色、绿色数据色、橙色强调；数字科技感。
[排版结构] 从上到下依次为：
1. 顶部大标题"一部手机 管好整店"，深蓝色超粗体超大号字，非常醒目，下方有橙色装饰线条；
2. 副标题"PC端 + 手机小程序双端管理 数据实时同步"，深灰色大号字；
3. 三台手机管理界面展示图（店铺总览、商品管理、订单与报表）；
4. 四大管理功能图标+文字，两列两行排列，文字大，全中文：
- 左上："多设备统一管理"配多设备图标，深蓝色粗体大标题+灰色小字"多台机器同屏查看 在线状态一目了然"；
- 右上："商品远程上下架"配商品图标，深蓝色粗体大标题+灰色小字"商品信息、价格、库存 手机随时修改"；
- 左下："营收明细可查"配账本图标，橙色粗体大标题+灰色小字"每笔订单可追溯 日/周/月报表导出"；
- 右下："4G/WIFI/网线接入"配信号图标，深蓝色粗体大标题+灰色小字"多种网络自由选择 数据实时同步云端"；
5. 底部橙色横幅："远程监控 · 数据可查 · 省心经营"，白色粗体大字。
所有文字清晰可读，层级分明，手机界面必须为中文，全中文无英文。
[输出要求] 9:16竖版比例，文字清晰锐利，超高清商业设计质感。
[负向提示词] 英文，黑色背景，深色背景，暗色调，变形，文字错乱，模糊，水印，电商平台Logo，机器变形，颜色偏差。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/111bf967-b49c-4cde-830c-230cc84c9aab66324.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
