tourism-wxapp/nova-tourism/components/collect/index.js

// nova-tourism/components/collect/index.js
let Parse = getApp().Parse;
const company = getApp().globalData.company
Component({
    /**
     * 组件的属性列表
     */
    properties: {

    },

    /**
     * 组件的初始数据
     */
    data: {
        statusBarHeight: 0,
        screenHeight: 0,
        customHeight: 0,
        bottomNavHeight: 0,
        contentHeight: 0,

        active: 0,

        taps: [{
                url: 'https://file-cloud.fmode.cn/EbxZUK5lBI/20241126/511ua1025435972.png',
                tex: '望仙礼遇',
            },
            {
                url: 'https://file-cloud.fmode.cn/EbxZUK5lBI/20241126/opk1db025446786.png',
                tex: '妆造旅拍',
            },
            {
                url: 'https://file-cloud.fmode.cn/EbxZUK5lBI/20241126/f12978025423947.png',
                tex: '望仙果蔬',
            },
            {
                url: 'https://file-cloud.fmode.cn/EbxZUK5lBI/20241126/365p16025500910.png',
                tex: '房务服务',
            },
        ],
        imageUrls: ['https://file-cloud.fmode.cn//tmp/srFPqGFAzeT5958c828d985e451ed4c0b452e39ff57a.jpeg',
            'https://file-cloud.fmode.cn//tmp/P7YTTX6XuEZC607368e1f9745abc429c7c25cbef4c5a.jpeg',
            'https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/jc17lo114657420.jpg'
        ]
    },
    lifetimes: {
        detached: function () {},
        attached: async function () {
            const systemInfo = wx.getSystemInfoSync();
            const statusBarHeight = systemInfo.statusBarHeight || 0;
            const screenHeight = systemInfo.screenHeight || 0;
            const custom = wx.getMenuButtonBoundingClientRect();
            const customHeight = custom.height + 10 + 2 || 0;
            const bottomNavHeight = systemInfo.screenHeight - systemInfo.safeArea.bottom || 0;

            const contentHeight = (screenHeight - bottomNavHeight - 50 - statusBarHeight - customHeight) * 750 / systemInfo.windowWidth;
            this.setData({
                statusBarHeight,
                screenHeight,
                customHeight,
                bottomNavHeight,
                contentHeight
            });
            this.gethomestar()
        },
    },

    /**
     * 组件的方法列表
     */
    methods: {
        //获取收藏店铺消息
        async gethomestar() {
            const currentUser = Parse.User.current();
            console.log(currentUser);
            let ShopStore = new Parse.Query('DramaShopCollect');
            ShopStore.equalTo('company', company);
            ShopStore.equalTo('user', currentUser.id);
            ShopStore.equalTo('isCollect', 'true');
            ShopStore.notEqualTo('isDeleted', "true");
            ShopStore.include('homestayStore');
            let store = await ShopStore.find();
            let storeList = store.map(item => item.toJSON());
            this.setData({
                storeList
            });

            console.log('123', this.data.storeList);
        },
        //点击取消
        async cancle(e) {
            const object = e.currentTarget.dataset.id
            const currentUser = Parse.User.current();
            let Collect = new Parse.Query('DramaShopCollect');
            Collect.equalTo('company', company);
            Collect.equalTo('user', currentUser.id);
            Collect.equalTo('isCollect', true);
            Collect.equalTo('homestayStore', object);
            Collect.notEqualTo('isDeleted', "true");
            let collect = await Collect.first();

            await this.changeiscollect(object)
            if (collect) {
                collect.set('isCollect', false)
                try {
                    let saveDate = await collect.save();
                    console.log(saveDate);
                    console.log("取消成功");
                } catch (error) {
                    console.error("保存数据时出现错误:", error);
                }
            }
        },
        // 点击收藏后把storeList中对应的isCollect变成true
        changeiscollect(objectId) {
            // 创建一个新的 storeList 数组，以确保视图更新
            const updatedStoreList = this.data.storeList.map(item => {
                if (item.homestayStore.objectId === objectId) {
                    return {
                        ...item,
                        isCollect: !item.isCollect // 切换 iscollect 的值
                    };
                }
                return item; // 返回未修改的项
            });

            // 更新 storeList
            this.setData({
                storeList: updatedStoreList
            });

            console.log('修改成功', objectId);
        },
    }
})