微信小程序-点餐小程序

// dishes.js Page({ data: { zuoxx: [{ id: 1, name: '热销菜品' }, { id: 2, name: '热菜' }, { id: 3, name: '凉菜' },{ id: 4, name: '套餐'}], dishesList: [ // 假设每个类别下都有一些菜品 [{ id: 101, name: '宫保鸡丁', price: 45.0, status: false // 假设初始状态是没有添加到购物车的 }, { id: 104, name: '红烧肉', price: 58.0, status: false }, { id: 105, name: '清蒸鲈鱼', price: 88.0, status: false }, { id: 106, name: '干锅菜花', price: 28.0, status: false }], [ { id: 102, name: '麻婆豆腐', price: 38.0, status: false }, { id: 103, name: '鱼香茄子', price: 32.0, status: false }], [{ id: 107, name: '水煮牛肉', price: 68.0, status: false }, { id: 108, name: '辣子鸡', price: 55.0, status: false }] ], curIndex: 0, // 当前选中的类别索引 cartCount: 0, // 购物车商品数量 cartItems: [], // 购物车中的商品列表 }, onLoad: function(options) { const title = decodeURIComponent(options.title); const dc = title + '--xxxxx点餐'; wx.setNavigationBarTitle({ title: dc }); setTimeout(() => { // 完成操作 console.log("操作完成"); // 操作完成后隐藏loading this.setData({ hidden: true }); }, 2000); // 假设这个操作需要4秒 }, selectNav: function(e) { const id = e.currentTarget.dataset.id; this.setData({ curIndex: this.data.zuoxx.findIndex(item => item.id === id), fcurNav: id }); }, selectDish: function(event) { let dishId = event.currentTarget.dataset.dish; // 获取点击的菜品ID let cart = this.data.cartItems; // 获取当前购物车数据 let foundIndex = cart.findIndex(item => item.id === dishId); // 查找该菜品是否已经在购物车中 let dish = this.data.dishesList[this.data.curIndex].find(item => item.id === dishId); // 从当前类别的菜品列表中找到这道菜 if (foundIndex > -1) { // 如果找到了，说明这道菜已经在购物车里，我们将其移除 cart.splice(foundIndex, 1); // 移除操作 dish.status = false; // 更新菜品状态为未选中 } else { // 如果没有找到，说明这道菜不在购物车里，我们将其添加 cart.push(dish); // 添加到购物车 dish.status = true; // 更新菜品状态为已选中 } // 更新购物车数据和总数 this.setData({ cartItems: cart, cartCount: cart.length // 使用正确的属性名更新购物车数量 }); // 更新菜品的状态 this.setstatus(dishId, foundIndex > -1); // 传递是否之前已选中的状态 }, setstatus: function(dishId, selected) { let dishList = this.data.dishesList[this.data.curIndex]; // 获取当前类别的菜品列表 let dishIndex = dishList.findIndex(item => item.id === dishId); // 找到菜品的索引 if (dishIndex !== -1) { let dish = dishList[dishIndex]; dish.status = !selected; // 切换状态 this.setData({ [`dishesList[${this.data.curIndex}][${dishIndex}].status`]: dish.status }); } } });