Mini-Program/pages/compare_price/index.js

// pages/compare_price/index.js
const API = require('../../utils/api.js');

Page({
  data: {
    // 页面数据
    showTips: true,
    goods: [],
    loading: false,
    selectedOption: ''
  },

  onLoad: function (options) {
    // 页面加载
    console.log('对比价格页面加载');
  },

  onShow: function () {
    // 页面显示
  },

  onHide: function () {
    // 页面隐藏
  },

  onUnload: function () {
    // 页面卸载
  },

  onPullDownRefresh: function () {
    // 下拉刷新
  },

  onReachBottom: function () {
    // 上拉触底
  },

  // 图片加载完成事件
  onImageLoad: function (e) {
    // 图片加载完成后的处理逻辑
    console.log('图片加载完成:', e);
  },

  // 跳转到商品详情页面
  navigateToGoodsDetail: function (e) {
    const item = e.currentTarget.dataset.item;
    if (!item) {
      console.error('商品信息为空');
      return;
    }

    console.log('跳转到商品详情页面，商品信息:', item);

    // 传递完整的商品数据，避免API调用失败
    const goodsData = encodeURIComponent(JSON.stringify(item));
    
    // 跳转到商品详情页面，传递完整的商品数据
    wx.navigateTo({
      url: `/pages/goods-detail/goods-detail?goodsData=${goodsData}`,
      success: function () {
        console.log('成功跳转到商品详情页面');
      },
      fail: function (error) {
        console.error('跳转到商品详情页面失败:', error);
        wx.showToast({
          title: '跳转失败，请稍后重试',
          icon: 'none'
        });
      }
    });
  },

  // 重置选择，返回类别选择页面
  resetSelection: function () {
    this.setData({
      selectedOption: '',
      goods: [],
      loading: false
    });
    console.log('已重置选择，返回类别选择页面');
  },

  // 关闭提示弹窗
  closeTips: function () {
    this.setData({
      showTips: false
    });
  },

  // 选择选项
  selectOption: function (e) {
    const option = e.currentTarget.dataset.option;
    console.log('选择了:', option);
    
    // 显示加载状态
    this.setData({
      loading: true,
      selectedOption: option
    });
    
    // 调用 API 获取符合条件的商品
    API.getProducts(1, 20, 'all', '')
      .then(res => {
        console.log('获取商品列表成功:', res);
        // 过滤出 category 匹配且 price 不为 null 的商品
        const filteredGoods = res.products.filter(item => 
          item.category === option && 
          item.status === 'published' && 
          item.price !== null && 
          item.price !== undefined
        );
        
        // 清理 mediaItems 中的 URL，去除反引号和空格
        // 同时处理 imageUrls 字段，将其转换为 mediaItems 格式
        // 处理库存显示逻辑
        const cleanedGoods = filteredGoods.map(item => {
          // 首先清理 imageUrls 字段（如果存在）
          if (item.imageUrls && Array.isArray(item.imageUrls)) {
            item.imageUrls = item.imageUrls.map(url => {
              return url.trim().replace(/[`]/g, '');
            });
            
            // 如果没有 mediaItems 字段，将 imageUrls 转换为 mediaItems 格式
            if (!item.mediaItems || !Array.isArray(item.mediaItems) || item.mediaItems.length === 0) {
              item.mediaItems = item.imageUrls.map(url => ({
                type: 'image',
                url: url
              }));
            }
          }
          
          // 清理 mediaItems 中的 URL
          if (item.mediaItems && Array.isArray(item.mediaItems)) {
            item.mediaItems = item.mediaItems.map(media => {
              if (media.url) {
                // 去除 URL 中的反引号和空格
                media.url = media.url.trim().replace(/[`]/g, '');
              }
              return media;
            });
          }
          
          // 处理库存显示逻辑（参考首页的处理方式）
          const quantity = item.quantity || item.minOrder || item.stock || item.inventory || item.availableStock || item.totalAvailable;
          const totalStock = quantity;
          
          let displayStock;
          if (totalStock >= 10000) {
            // 库存>=10000时显示"库存充足"
            displayStock = '充足';
          } else if (totalStock === 0) {
            // 库存=0时显示"暂无"
            displayStock = '暂无';
          } else {
            // 其他情况显示具体数字
            displayStock = totalStock;
          }
          
          // 更新商品的库存显示
          item.totalStock = displayStock;
          item.originalTotalStock = totalStock;
          
          return item;
        });
        
        console.log('过滤后的商品列表:', cleanedGoods);
        // 检查商品数据结构
        if (cleanedGoods.length > 0) {
          console.log('第一个商品的媒体数据:', cleanedGoods[0].mediaItems);
        }
        this.setData({
          goods: cleanedGoods,
          loading: false
        });
      })
      .catch(err => {
        console.error('获取商品列表失败:', err);
        this.setData({
          loading: false
        });
        wx.showToast({
          title: '获取商品失败，请稍后重试',
          icon: 'none'
        });
      });
  }
});