外卖餐具智能推荐

问题1

javascript 复制代码
// 智能推荐餐具数量
        const recommendedCount = computed(() => {
            // TODO :目标 1 待补充代码 Start
            // 初始化空数组
            let category = []
            // 初始化推荐餐具数为0
            let count = 0
            // 遍历当前已选中的菜品数组
            cartItems.value.forEach(item => {
                // 用for循环使每一份菜品都单独存入数组
                for (let i = 0; i < item.count; i++) {
                    category.push(item.category)
                }
            })
            // 用if语句判断菜品全是主食或全是热菜,则按照主食或热菜的数量赋值给推荐餐具数
            if ((category.includes('主食') && !category.includes('热菜')) || (!category.includes('主食') && category.includes('热菜'))) {
                count = category.length
            } else {
                // 若既有主食又有热菜
                // 则通过比较两者数量,数量较多的一者,赋值给推荐餐具数
                if (category.filter(item => item === '主食').length > category.filter(item => item === '热菜').length) {
                    count = category.filter(item => item === '主食').length
                } else if (category.filter(item => item === '主食').length < category.filter(item => item === '热菜').length) {
                    count = category.filter(item => item === '热菜').length
                }
            }
            // 输出推荐餐具数
            return count
            // TODO :目标 1 待补充代码 End
        });

问题2

javascript 复制代码
// 选择餐具模式
        const selectUtensilsMode = (mode) => {
            // TODO :目标 2 待补充代码 Start
            // 根据题目意思将选择模式赋值给utensilsMode
            utensilsMode.value = mode
            // 判断mode为auto或custom
            if (mode === 'auto') {
                // mode为auto时,
                // 给utensilsMode新赋值auto
                // 将 utensilsCount 设置为 recommendedCount
                utensilsMode.value = 'auto'
                utensilsCount.value = recommendedCount.value
            } else if (mode === 'custom') {
                // mode为custom时
                // 给utensilsMode新赋值custom
                // 将 utensilsCount 设置为 customUtensilsCount
                utensilsMode.value = 'custom'
                utensilsCount.value = customUtensilsCount.value
            }
            // TODO :目标 2 待补充代码 End
        };


// 选择具体餐具数量
        const selectUtensilsCount = (count) => {
            // TODO :目标 2 待补充代码 Start
            // 判断推荐餐具数为1、2、3时
            // 给 utensilsMode新赋值manual
            // 更新utensilsCount.value
            if (count === 1 || count === 2 || count === 3) {
                utensilsMode.value = 'manual'
                utensilsCount.value = count
            }
            // TODO :目标 2 待补充代码 End
        };


 <!-- TODO :目标 2 待补充代码 Start -->
                     <el-input-number v-model="utensilsCount" max=4 min=1></el-input-number>
<!-- TODO :目标 2 待补充代码 End -->
相关推荐
T量子永生几秒前
Unisoc(紫光展锐) Kernel 6.18 DDK 编译框架详解
linux·运维·spring
niuyueyang3 分钟前
MCP `/mcp/status` Lifecycle 技术方案
java·服务器·数据库
tryCbest35 分钟前
Vue3——第 13 篇:计算属性与侦听器——computed 与 watch 的进化
前端·javascript·vue.js
曦夜日长39 分钟前
主从 Reactor 高并发服务器实战 (三):服务器套接字Socket模块详解与实现
运维·服务器·网络
怒放的生命19911 小时前
本地用 pnpm 省磁盘,团队继续用 npm:极简实践
前端·npm·node.js
z06.1 小时前
Linux系统中MySQL的安装
linux·mysql
believed_breadfruit1 小时前
我开源了一个HTML 分页导出工具,解决了复杂页面的内容截断、跨页错乱和长文档白屏问题
前端·javascript·github
wzg20161 小时前
ubuntu通过docker镜像部署安装onlyoffice
linux·ubuntu·docker
福狼1 小时前
从“网墙”到柔性曲面:一次 WebGPU 波浪的逆向分析与重建
前端·逆向
宝哥聊编程1 小时前
主流 Agent 平台对比:Coze、Dify、飞书、扣子、OpenClaw 落地实操手册
前端·人工智能·飞书