创意预览图

校园餐县级管理平台角色权限管理页面UI设计,蓝色系政务风格,左侧导航菜单+顶部导航栏布局。主内容区:页面标题"角色权限管理",采用左右分栏布局。左侧是角色列表,顶部有"新增角色"按钮,列表展示角色名称

用户头像

1q5brjneeng...

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