套餐录入 - 功能详情

📁 文件信息

主目录： /pages/home/menu-input/

核心文件： menu-input.js、menu-output.js、group-input.js

样式文件： menu-input.css、menu-output.css、group-input.css

后端文件： db.py、router.py

🔧 子模块功能

👨‍🍳 厨房出品

对应JS文件： menu-output.js

菜单名称： 厨房出品

厨房实际出品菜品的管理和展示

早餐/中餐/晚餐分区
拖拽和选择模式
菜品标签管理

👥 团餐录菜

对应JS文件： group-input.js

菜单名称： 团餐录菜

团餐菜品录入和管理功能

分组数据管理
权限控制
批量导入导出

🏢 社餐录菜

对应JS文件： public-input.js

菜单名称： 社餐录菜

社餐菜品录入和管理功能

套餐选择功能
菜品显示管理
社餐发送处理

📅 当日菜单

对应JS文件： menu-daily.js

菜单名称： 当日菜单

当日菜品查询和展示功能

日期选择功能
模式切换支持
菜品数据加载

🗓️ 菜单日历

对应JS文件： menu-calendar.js

菜单名称： 菜单日历

菜单日历显示和管理功能

月份切换功能
日期显示管理
日历网格生成

✨ 厨房出品模块分析

// 厨房出品模块核心对象
const menuOutput = {
    init: function() { /* 初始化函数 */ },
    handleKitchenOutput: function() { /* 厨房出品处理 */ },
    cleanup: function() { /* 清理函数 */ }
};

// 全局函数调用
window.menuOutput_handleKitchenOutput = function() {
    // 厨房出品菜单点击处理
};
            

编码规范符合性： ✅ 完全符合

对象定义： 使用menuOutput_前缀命名所有函数和对象
内容输出： 通过innerHTML动态生成交互区HTML内容
现场清理： 提供cleanup函数用于清理创建的DOM对象
事件绑定： 在handleKitchenOutput函数中绑定所有事件监听器
命令响应： 实现自定义命令处理函数

🎯 使用流程

点击母菜单"套餐录入"
选择子菜单"套餐录入"、"厨房出品"或"分组录入"
在交互区查看对应功能界面
使用拖拽/选择模式管理菜品
通过发送按钮执行相关操作
切换功能时自动清理现场

🍽️ 套餐录入功能详情