diff --git a/pages/compare_price/index.js b/pages/compare_price/index.js index d975db7..73b061b 100644 --- a/pages/compare_price/index.js +++ b/pages/compare_price/index.js @@ -1,18 +1,287 @@ // 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: '' + selectedOption: '', + selectedCategory: '', + selectedSpec: '' }, onLoad: function (options) { // 页面加载 - console.log('对比价格页面加载'); + 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 () { @@ -120,12 +389,14 @@ Page({ 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 - })); + // 使用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]; } } @@ -135,6 +406,10 @@ Page({ if (media.url) { // 去除 URL 中的反引号和空格 media.url = media.url.trim().replace(/[`]/g, ''); + // 确保媒体类型正确 + if (!media.type) { + media.type = isVideoUrl(media.url) ? 'video' : 'image'; + } } return media; }); diff --git a/pages/compare_price/index.wxml b/pages/compare_price/index.wxml index 4b43172..9657f76 100644 --- a/pages/compare_price/index.wxml +++ b/pages/compare_price/index.wxml @@ -7,34 +7,15 @@ - 请选择想要了解的商品 + 请从商品详情页点击对比价格 - - - - - 绿壳 - - - - - - 粉壳 - - - - - - 褐壳 - - + + 此页面仅用于展示对比价格数据 + 请返回商品详情页 + 点击对比价格按钮 - - - - @@ -42,9 +23,10 @@ - + - {{selectedOption}}在售商品 + 选择的种类: {{selectedCategory}} + 选择的规格: {{selectedSpec}} @@ -62,26 +44,39 @@ - - - + + + + + + + + - - - + + + + + + + + { + const selectedCategoryIndex = categoryRes.tapIndex; + const selectedCategory = categoryOptions[selectedCategoryIndex]; + + // 构建规格选择列表 + const specList = currentSpecifications.map((spec, index) => { + return spec.display || spec.weightSpec || `规格${index + 1}`; + }); + + // 显示规格选择对话框 + wx.showActionSheet({ + itemList: specList, + success: (specRes) => { + const selectedSpecIndex = specRes.tapIndex; + const selectedSpec = currentSpecifications[selectedSpecIndex]; + + // 显示提示信息 + wx.showToast({ + title: `已选择${selectedCategory} ${selectedSpec.display}`, + icon: 'info', + duration: 1500, + success: () => { + setTimeout(() => { + // 构建要传递的数据 + const goodsData = { + id: currentGoods.id || currentGoods.productId, + name: currentGoods.name || '', + price: currentGoods.price || '', + imageUrls: currentGoods.imageUrls || [], + region: currentGoods.region || '', + weightQuantityData: currentGoods.weightQuantityData || [], + category: selectedCategory, + yolk: currentGoods.yolk || '', + sourceType: currentGoods.sourceType || '', + supplyStatus: currentGoods.supplyStatus || '', + mediaItems: currentGoods.mediaItems || [], + frequency: currentGoods.frequency || 0, + status: currentGoods.status || 'published', + totalStock: currentGoods.totalStock || '充足', + selectedSpec: selectedSpec + }; + + console.log('准备跳转到对比价格页面，传递的数据:', goodsData); + + // 跳转到对比价格页面 + wx.navigateTo({ + url: `/pages/compare_price/index?goodsData=${encodeURIComponent(JSON.stringify(goodsData))}`, + success: function () { + console.log('成功跳转到对比价格页面'); + }, + fail: function (error) { + console.error('跳转到对比价格页面失败:', error); + wx.showToast({ + title: '跳转失败，请稍后重试', + icon: 'none' + }); + } + }); + }, 1500); + } + }); + }, + fail: (res) => { + console.log('选择规格失败:', res); + } + }); + }, + fail: (res) => { + console.log('选择种类失败:', res); + } + }); }, // 关闭对比价格弹窗 @@ -3802,18 +3872,21 @@ Page({ }, // 加载首页商品数据 - loadHomeGoods: function () { + loadHomeGoods: function (selectedCategory, selectedSpec) { this.setData({ loadingHome: true }); // 获取当前商品的规格信息 const currentGoods = this.data.goodsDetail; const currentSpecifications = currentGoods.weightQuantityData || []; - // 提取当前商品的净重规格（如"净重41-42"） - const currentWeightSpecs = currentSpecifications.map(item => item.weightSpec.trim()) - .filter(spec => spec && (spec.includes('净重') || spec.includes('毛重'))); - // 提取当前商品的种类（category） - const currentCategory = currentGoods.category || ''; - console.log('当前商品的种类:', currentCategory); + + // 使用传入的参数或默认值 + const categoryToUse = selectedCategory || currentGoods.category || ''; + const specToUse = selectedSpec || (currentSpecifications.length > 0 ? currentSpecifications[0] : null); + + // 提取规格信息 + const currentWeightSpecs = specToUse ? [specToUse.weightSpec.trim()] : []; + console.log('当前选择的种类:', categoryToUse); + console.log('当前选择的规格:', specToUse); // 调用API获取首页商品列表 API.getProducts() @@ -3883,12 +3956,12 @@ Page({ isSoldOutLabel: isSoldOutLabel // 添加是否显示已售空标签的标记 }; }).filter(goods => { - // 1. 先过滤相同种类（category）的商品 - if (currentCategory && goods.category !== currentCategory) { + // 1. 先过滤种类（category）的商品 + if (categoryToUse && categoryToUse !== '全部' && goods.category !== categoryToUse) { return false; } - // 2. 只有当当前商品有明确的规格时才进行筛选 + // 2. 只有当有明确的规格时才进行筛选 if (currentWeightSpecs.length === 0) { return true; }