houseworking/miniapp/app/pages/cart/index.js

const $ = global;
new $.Page({
    data: {
        goodsList: [],
        selectedAmount: 0,
        totalPrice: 0,
        isEditing: false, // 是否正在编辑
        hasAmountModify: false
    },

    onShow() {
        $.wx.showToast({
            title: '加载中'
        }, 'loading');
        this.setData({
            hasAmountModify: false,
            isEditing: false
        });
        this.getCarts();
    },

    getCarts() {
        $.request('shop/getCartList', 'GET', {}).then((res) => {
            $.wx.hideToast('loading');
            if (res.data && res.data.length > 0) {
                this.setData({
                    goodsList: res.data
                });
                this.calAmount();
            } else {
                this.setData({
                    goodsList: [],
                    isEditing: false,
                    selectedAmount: 0,
                    totalPrice: 0
                });
            }
        });
    },

    changeEditStatus() {
        this.setData({
            isEditing: !this.data.isEditing
        });
        if (!this.data.isEditing && this.data.hasAmountModify) {
            this.confirmModify();
        }
    },

    // 删除指定商品
    deleteGoods(e) {
        const idx = e.currentTarget.dataset.index;
        const id = e.currentTarget.dataset.id;
        const goodsList = this.data.goodsList;
        $.wx.showToast({
            title: '删除中'
        }, 'loading');
        $.request('shop/deleteCart', 'POST', {
            cart: id
        }).then(() => {
            $.wx.hideToast('loading');
            if (goodsList.length > 0) {
                goodsList.splice(idx, 1);
                this.setData({
                    goodsList
                });
                if (goodsList.length === 0) {
                    this.setData({
                        isEditing: false
                    });
                }
                this.calAmount();
            }
        });
    },

    // 删除选中的商品
    deleteSelected() {
        let ids = '';
        const goodsList = this.data.goodsList;
        goodsList.forEach((g) => {
            if (g.checked) {
                ids = ids + (ids === '' ? g.cartId : (';' + g.cartId));
            }
        });
        if (ids.length > 0) {
            $.wx.showToast({
                title: '删除中'
            }, 'loading');
            $.request('shop/deleteCart', 'POST', {
                cart: ids
            }).then(() => {
                this.getCarts();
            });
        } else {
            $.wx.showToast({
                title: '请选择需要删除的商品'
            });
        }
    },

    changeSelect(e) {
        const idx = e.currentTarget.dataset.index;
        const goodsList = this.data.goodsList;
        goodsList[idx].checked = !goodsList[idx].checked;
        this.setData({
            goodsList
        });
        this.calAmount();
    },

    changeSelectAll() {
        let goodsList = this.data.goodsList;
        let selectCount = 0;
        for (let goods of goodsList) {
            if (goods.checked) {
                selectCount++;
            }
        }
        if (selectCount < goodsList.length) {
            // 切到全选
            goodsList = goodsList.map((g) => {
                g.checked = true;
                return g;
            });
        } else {
            // 全不选
            goodsList = goodsList.map((g) => {
                g.checked = false;
                return g;
            });
        }
        this.setData({
            goodsList
        });
        this.calAmount();
    },

    minusAmount(e) {
        const idx = e.currentTarget.dataset.index;
        const goodsList = this.data.goodsList;
        if (goodsList[idx].number > 1) {
            goodsList[idx].number--;
            this.setData({
                goodsList,
                hasAmountModify: true
            });
            this.calAmount();
        }
    },

    addAmount(e) {
        const idx = e.currentTarget.dataset.index;
        const goodsList = this.data.goodsList;
        goodsList[idx].number++;
        this.setData({
            goodsList,
            hasAmountModify: true
        });
        this.calAmount();
    },

    calAmount() {
        const goodsList = this.data.goodsList;
        let totalPrice = 0;
        let selectedAmount = 0;
        goodsList.forEach((g) => {
            if (g.checked) {
                selectedAmount++;
                totalPrice += g.price * g.number;
            }
        });
        this.setData({
            selectedAmount,
            totalPrice
        });
    },

    confirmModify() {
        let carts = [];
        const goodsList = this.data.goodsList;
        if (goodsList.length === 0) return;
        goodsList.forEach((g) => {
            carts.push({
                [`${g.cartId}`]: g.number
            });
        });
        $.request('shop/updateCart', 'POST', {
            cart: JSON.stringify(carts)
        }).then(() => {
            this.setData({
                hasAmountModify: false
            });
        });
    },

    toSettle() {
        const products = [];
        const goodsList = this.data.goodsList;
        if (goodsList.length === 0) return;
        goodsList.forEach((g) => {
            if (g.checked) {
                g.amount = g.number;
                products.push(g);
            }
        });
        if (products.length === 0) {
            return $.wx.showToast({
                title: '请先选择购买商品'
            });
        }
        $.router.goto({
            path: '/pages/orderDetail/index',
            params: {
                isCabinet: false,
                products
            },
            query: {
                source: 'cart'
            }
        });
    }
});