Mini-Program/pages/compare_price/index.js

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

// 媒体类型判断函数
function isVideoUrl(url) {
  if (!url || typeof url !== 'string') {
    return false;
  }
  // 转换为小写，确保大小写不敏感
  const lowerUrl = url.toLowerCase();
  // 支持的视频格式
  const videoExtensions = ['.mp4', '.mov', '.avi', '.wmv', '.flv', '.webm', '.m4v', '.3gp'];
  // 检查URL是否以视频扩展名结尾
  for (const ext of videoExtensions) {
    if (lowerUrl.endsWith(ext)) {
      return true;
    }
  }
  return false;
}

// 预处理媒体URL，返回包含type字段的媒体对象数组
function processMediaUrls(urls) {
  if (!urls || !Array.isArray(urls)) {
    return [];
  }
  return urls.map(url => {
    return {
      url: url,
      type: isVideoUrl(url) ? 'video' : 'image'
    };
  });
}

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

  onLoad: function (options) {
    // 页面加载
    console.log('对比价格页面加载，接收参数:', options);
    
    // 检查是否有传递过来的商品数据
    if (options.goodsData) {
      try {
        // 解析传递过来的商品数据
        const goodsData = JSON.parse(decodeURIComponent(options.goodsData));
        console.log('解析得到的商品数据:', goodsData);
        
        // 显示加载状态
        this.setData({
          loading: true
        });
        
        // 提取选择的种类和规格
        const selectedCategory = goodsData.category || '';
        const selectedSpec = goodsData.selectedSpec || null;
        const specWeight = selectedSpec ? selectedSpec.weightSpec.trim() : '';
        
        console.log('选择的种类:', selectedCategory);
        console.log('选择的规格:', selectedSpec);
        
        // 保存选择的种类和规格到页面数据
        this.setData({
          selectedCategory: selectedCategory,
          selectedSpec: specWeight
        });
        
        // 调用 API 获取符合条件的商品
        API.getProducts(1, 20, 'all', '')
          .then(res => {
            console.log('获取商品列表成功:', res);
            console.log('选择的种类:', selectedCategory);
            console.log('选择的规格:', specWeight);
            
            let filteredGoods = [];
            if (res && res.products) {
              console.log('原始商品数量:', res.products.length);
              // 过滤商品
              filteredGoods = res.products.filter(item => {
                // 1. 检查商品状态和价格
                if (item.status !== 'published' || item.price === null || item.price === undefined) {
                  return false;
                }
                
                // 2. 过滤种类
                if (selectedCategory && selectedCategory !== '全部' && item.category !== selectedCategory) {
                  return false;
                }
                
                // 3. 过滤规格
                if (specWeight) {
                  // 检查多个可能存储重量信息的字段
                  const fieldsToCheck = [
                    item.specification,
                    item.grossWeight,
                    item.weightQuantityData,
                    item.spec // 检查spec字段
                  ];
                  
                  let hasMatchingSpec = false;
                  for (const field of fieldsToCheck) {
                    if (!field) continue;
                    
                    if (typeof field === 'string') {
                      // 处理字符串格式的规格数据
                      console.log('检查字符串规格:', field, '是否包含', specWeight);
                      // 处理逗号分隔的规格字符串
                      const specs = field.split(/[,，、]/).map(s => s.trim());
                      if (specs.some(spec => spec.includes(specWeight))) {
                        hasMatchingSpec = true;
                        break;
                      }
                    } else if (Array.isArray(field)) {
                      // 处理数组格式的规格数据
                      console.log('检查数组规格:', field);
                      if (field.some(spec => {
                        if (typeof spec === 'string') {
                          console.log('检查数组元素(字符串):', spec, '是否包含', specWeight);
                          return spec.includes(specWeight);
                        } else if (typeof spec === 'object') {
                          // 检查对象格式的规格数据
                          const specStr = spec.weightSpec || spec.display || spec.spec || '';
                          console.log('检查数组元素(对象):', specStr, '是否包含', specWeight);
                          return specStr.includes(specWeight);
                        }
                        return false;
                      })) {
                        hasMatchingSpec = true;
                        break;
                      }
                    } else if (typeof field === 'object') {
                      // 处理对象格式的规格数据
                      console.log('检查对象规格:', field);
                      const specStr = field.weightSpec || field.display || field.spec || '';
                      console.log('检查对象规格值:', specStr, '是否包含', specWeight);
                      if (specStr.includes(specWeight)) {
                        hasMatchingSpec = true;
                        break;
                      }
                    }
                  }
                  
                  // 如果没有找到匹配的规格，尝试进行更宽松的匹配
                  if (!hasMatchingSpec) {
                    console.log('尝试更宽松的匹配...');
                    // 提取规格中的数字部分进行匹配
                    const weightNum = specWeight.replace(/[^0-9-]/g, '');
                    console.log('提取的重量数字:', weightNum);
                    
                    for (const field of fieldsToCheck) {
                      if (!field) continue;
                      
                      if (typeof field === 'string') {
                        if (field.includes(weightNum)) {
                          hasMatchingSpec = true;
                          break;
                        }
                      } else if (Array.isArray(field)) {
                        if (field.some(spec => {
                          const specStr = typeof spec === 'string' ? spec : (spec.weightSpec || spec.display || '');
                          return specStr.includes(weightNum);
                        })) {
                          hasMatchingSpec = true;
                          break;
                        }
                      }
                    }
                  }
                  
                  if (!hasMatchingSpec) {
                    return false;
                  }
                }
                
                return true;
              });
              console.log('过滤后的商品数量:', filteredGoods.length);
              console.log('过滤后的商品:', filteredGoods);
            }
            
            // 处理商品数据
            const processedGoods = filteredGoods.map(item => {
              // 首先清理 imageUrls 字段（如果存在）
              if (item.imageUrls && Array.isArray(item.imageUrls)) {
                item.imageUrls = item.imageUrls.map(url => {
                  return url.trim().replace(/[`]/g, '');
                });
                
                // 使用processMediaUrls函数处理媒体数据
                item.mediaItems = processMediaUrls(item.imageUrls);
                
                // 确保图片优先显示：将图片类型的媒体项移到数组前面
                if (item.mediaItems && item.mediaItems.length > 1) {
                  const imageItems = item.mediaItems.filter(media => media.type === 'image');
                  const videoItems = item.mediaItems.filter(media => media.type === 'video');
                  item.mediaItems = [...imageItems, ...videoItems];
                }
              }
              
              // 清理 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, '');
                    // 确保媒体类型正确
                    if (!media.type) {
                      media.type = isVideoUrl(media.url) ? 'video' : 'image';
                    }
                  }
                  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;
            });
            
            // 显示提示信息
            wx.showToast({
              title: `找到${processedGoods.length}个符合条件的商品`,
              icon: 'success',
              duration: 2000
            });
            
            // 设置商品数据
            this.setData({
              goods: processedGoods,
              loading: false,
              selectedOption: selectedCategory || '对比价格',
              showTips: false
            });
            
            console.log('对比价格数据加载完成:', processedGoods);
          })
          .catch(err => {
            console.error('获取商品列表失败:', err);
            this.setData({
              loading: false
            });
            wx.showToast({
              title: '获取商品失败，请稍后重试',
              icon: 'none'
            });
          });
      } catch (error) {
        console.error('解析商品数据失败:', error);
        this.setData({
          loading: false
        });
        wx.showToast({
          title: '数据解析失败，请重试',
          icon: 'none',
          duration: 2000
        });
      }
    }
  },

  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, '');
            });
            
            // 使用processMediaUrls函数处理媒体数据
            item.mediaItems = processMediaUrls(item.imageUrls);
            
            // 确保图片优先显示：将图片类型的媒体项移到数组前面
            if (item.mediaItems && item.mediaItems.length > 1) {
              const imageItems = item.mediaItems.filter(media => media.type === 'image');
              const videoItems = item.mediaItems.filter(media => media.type === 'video');
              item.mediaItems = [...imageItems, ...videoItems];
            }
          }
          
          // 清理 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, '');
                // 确保媒体类型正确
                if (!media.type) {
                  media.type = isVideoUrl(media.url) ? 'video' : 'image';
                }
              }
              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'
        });
      });
  }
});