创意预览图

参考提供的管理系统UI界面风格,生成营养餐资金花费查询界面。顶部蓝色导航栏,下方有查询筛选区:日期范围选择、餐次下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片:总资金花费、营养餐

用户头像

1q5brjneeng...

2026.08.21
参考图中的UI管理系统界面布局风格,生成一个“校园餐校级管理平台 - 成本核算”页面,支持各项数据查询及台账报表导出打印功能。保持完全一致的排版结构:顶部蓝色导航栏含Leniu乐牛logo、智慧食堂/供应链/智慧后勤菜单、右上角用户头像及手机号;左侧侧边栏含数据总览、基础设置、移动端、设备管理、菜品菜谱、订单管理、营销中心、通知中心等菜单;顶部多标签页栏,当前标签为“成本核算”;页面顶部显示“校园餐校级管理平台”标题;下方筛选查询区域含:核算日期范围选择框、学校名称下拉选择、年级下拉选择、核算类型下拉选择(日核算/周核算/月核算/学期核算)、蓝色查询按钮,查询按钮旁有绿色“导出报表”按钮和灰色“打印”按钮;下方有数据统计卡片区域,展示总餐费收入、食材总成本、人工成本、运营成本、总支出、总利润、成本率等核心指标数据;中间数据表格,表头为序号、核算日期、学校名称、年级、供餐人次、餐费收入、食材成本、人工成本、运营成本、其他成本、总成本、利润、利润率、操作(查看详情/导出),表格内填充8行示例成本核算数据;底部分页栏含总条数、每页条数选择、页码按钮、前往输入框。整体为蓝色系企业级后台管理系统风格,界面清晰专业,UI元素完整规范,保持与参考图一致的视觉风格和布局比例参考图中的UI管理系统界面布局风格,生成一个“校园餐校级管理平台 - 成本核算”页面,支持各项数据查询及台账报表导出打印功能。保持完全一致的排版结构:顶部蓝色导航栏含Leniu乐牛logo、智慧食堂/供应链/智慧后勤菜单、右上角用户头像及手机号;左侧侧边栏含数据总览、基础设置、移动端、设备管理、菜品菜谱、订单管理、营销中心、通知中心等菜单;顶部多标签页栏,当前标签为“成本核算”;页面顶部显示“校园餐校级管理平台”标题;下方筛选查询区域含:核算日期范围选择框、学校名称下拉选择、年级下拉选择、核算类型下拉选择(日核算/周核算/月核算/学期核算)、蓝色查询按钮,查询按钮旁有绿色“导出报表”按钮和灰色“打印”按钮;下方有数据统计卡片区域,展示总餐费收入、食材总成本、人工成本、运营成本、总支出、总利润、成本率等核心指标数据;中间数据表格,表头为序号、核算日期、学校名称、年级、供餐人次、餐费收入、食材成本、人工成本、运营成本、其他成本、总成本、利润、利润率、操作(查看详情/导出),表格内填充8行示例成本核算数据;底部分页栏含总条数、每页条数选择、页码按钮、前往输入框。整体为蓝色系企业级后台管理系统风格,界面清晰专业,UI元素完整规范,保持与参考图一致的视觉风格和布局比例
[第1屏] 详情页头图-K12校园餐管系统产品宣传。本屏使用【图1】作为系统界面参考,参考【图2】的蓝白配色和版式风格。 [氛围/风格] 简约专业科技风,蓝白配色,商务清晰设计,参考图的版式信息层级,专业可信的科技服务视觉效果。 [元素布局] 画面顶部放置大标题区,标题下方功能模块分为四行四列排列整齐,保留所有功能文字清晰可见。整体布局简洁明了,信息层级清晰,系统界面参考【图1】的蓝色顶栏和模块化卡片设计风格。 [光影质感] 整体光线均匀明亮,清晰展示所有文字和模块结构,蓝色区域柔和过渡,白色背景干净通透,模块阴影自然柔和。 [配色色系] 全局底色:#FFFFFF(纯白);主体配色:#1677FF(品牌蓝)+ #333333(深灰文字);辅助色:#F5F7FA(浅灰模块背景),和参考图【图2】保持一致的蓝白配色风格。 [视角构图] 正面竖向构图,从上到下阅读动线清晰,顶部标题占比约1/5,功能列表占比约4/5,上下留白均匀。 [文字版式] 顶部大标题:"一站式满足您的全部需求,操作简单轻松使用",蓝色加粗大字体,居中对齐;下方分四行排列功能文字,每行四个功能,深灰色常规字体,文字清晰可辨,不拥挤不重叠。完整文案:第一行排菜管理、营养分析、充值冲红、活动配置;第二行在线订餐、取餐查询、档口屏显、便捷收银;第三行离线收银、菜品评价、问卷调查、自动开票;第四行订餐计划、手持核销、账单收费、数据报表。所有文字必须和用户提供的一致,不能修改。 [比例分辨率] 4:3 比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 文字错乱,文字缺失,文字变形,结构混乱,颜色偏差,水印,背景杂乱,模块重叠[第1屏] 详情页头图-K12校园餐管系统产品宣传。本屏使用【图1】作为系统界面参考,参考【图2】的蓝白配色和版式风格。
[氛围/风格] 简约专业科技风,蓝白配色,商务清晰设计,参考图的版式信息层级,专业可信的科技服务视觉效果。
[元素布局] 画面顶部放置大标题区,标题下方功能模块分为四行四列排列整齐,保留所有功能文字清晰可见。整体布局简洁明了,信息层级清晰,系统界面参考【图1】的蓝色顶栏和模块化卡片设计风格。
[光影质感] 整体光线均匀明亮,清晰展示所有文字和模块结构,蓝色区域柔和过渡,白色背景干净通透,模块阴影自然柔和。
[配色色系] 全局底色:#FFFFFF(纯白);主体配色:#1677FF(品牌蓝)+ #333333(深灰文字);辅助色:#F5F7FA(浅灰模块背景),和参考图【图2】保持一致的蓝白配色风格。
[视角构图] 正面竖向构图,从上到下阅读动线清晰,顶部标题占比约1/5,功能列表占比约4/5,上下留白均匀。
[文字版式] 顶部大标题:"一站式满足您的全部需求,操作简单轻松使用",蓝色加粗大字体,居中对齐;下方分四行排列功能文字,每行四个功能,深灰色常规字体,文字清晰可辨,不拥挤不重叠。完整文案:第一行排菜管理、营养分析、充值冲红、活动配置;第二行在线订餐、取餐查询、档口屏显、便捷收银;第三行离线收银、菜品评价、问卷调查、自动开票;第四行订餐计划、手持核销、账单收费、数据报表。所有文字必须和用户提供的一致,不能修改。
[比例分辨率] 4:3 比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 文字错乱,文字缺失,文字变形,结构混乱,颜色偏差,水印,背景杂乱,模块重叠