SwtTt29
/
Mini-Program
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

数据添加售空内容

Xfy
User 5 days ago
parent
84e6dc19bd
commit
8964bd5f90
4 changed files with 356 additions and 278 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 599
      pages/compare_price/index.js
  2. 9
      pages/compare_price/index.wxml
  3. 24
      pages/compare_price/index.wxss
  4. 2
      pages/goods-detail/goods-detail.wxml

599
pages/compare_price/index.js
View File

@ -65,11 +65,14 @@ Page({
showTips: true, showTips: true,
goods: [], goods: [],
loading: false, loading: false,
loadingMore: false,
selectedOption: '', selectedOption: '',
selectedCategory: '', selectedCategory: '',
selectedSpec: '', selectedSpec: '',
currentGoods: null, currentGoods: null,
currentSwiperIndex: 0 currentSwiperIndex: 0,
currentPage: 1,
hasMore: true
}, },
onLoad: function (options) { onLoad: function (options) {
@ -146,282 +149,15 @@ Page({
currentGoods: goodsData currentGoods: goodsData
}); });
// 调用 API 获取符合条件的商品 // 初始化商品数据
API.getProducts(1, 20, 'all', '') this.setData({
.then(res => { goods: [],
console.log('获取商品列表成功:', res); currentPage: 1,
console.log('选择的种类:', selectedCategory); hasMore: true
console.log('选择的规格:', specWeight);
let filteredGoods = [];
if (res && res.products) {
console.log('原始商品数量:', res.products.length);
// 获取当前商品的唯一标识符
const currentGoodsId = goodsData.productId || goodsData.id || goodsData._id;
console.log('当前商品ID:', currentGoodsId);
// 过滤商品
filteredGoods = res.products.filter(item => {
// 1. 排除当前商品
const itemId = item.productId || item.id || item._id;
if (currentGoodsId && itemId && currentGoodsId === itemId) {
console.log('排除当前商品:', itemId);
return false;
}
// 2. 检查商品状态和价格
if (item.status !== 'published' || item.price === null || item.price === undefined) {
return false;
}
// 3. 过滤种类
if (selectedCategory && selectedCategory !== '全部' && item.category !== selectedCategory) {
return false;
}
// 4. 过滤规格
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); this.loadGoodsData(1, selectedCategory, specWeight, goodsData);
// 确保图片优先显示：将图片类型的媒体项移到数组前面
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;
});
}
// 处理商品价格，使用选中规格的价格
if (specWeight) {
if (item.weightQuantityData && Array.isArray(item.weightQuantityData)) {
// 尝试从weightQuantityData中找到对应规格的价格
const matchingSpec = item.weightQuantityData.find(spec => {
if (spec.weightSpec) {
return spec.weightSpec.trim() === specWeight;
}
return false;
});
if (matchingSpec && matchingSpec.price) {
// 确保价格是一个单一的值，而不是多个价格的组合
item.price = matchingSpec.price;
}
}
}
// 清理价格字段，确保只显示单一价格
if (item.price) {
// 如果价格是字符串且包含逗号，只取第一个价格
if (typeof item.price === 'string' && item.price.includes(',')) {
item.price = item.price.split(',')[0].trim();
}
// 如果价格是数组，只取第一个价格
if (Array.isArray(item.price)) {
item.price = item.price[0];
}
}
// 处理规格信息，将多个净重信息分割成数组
item.processedSpecs = [];
if (item.specification) {
item.processedSpecs = processSpecifications(item.specification);
} else if (item.weightSpec) {
item.processedSpecs = processSpecifications(item.weightSpec);
} else if (item.grossWeight) {
item.processedSpecs = processSpecifications(item.grossWeight);
} else if (selectedSpec) {
item.processedSpecs = processSpecifications(selectedSpec);
}
// 处理库存显示逻辑
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;
// 添加当前对比的规格信息
if (specWeight) {
item.currentSpec = specWeight;
}
// 处理地区信息，只显示省份
if (item.region) {
// 提取省份信息
const provinceRegex = /^([^省]+省|[^自治区]+自治区|[^直辖市]+直辖市|[^特别行政区]+特别行政区)/;
const match = item.region.match(provinceRegex);
if (match) {
item.region = match[1];
}
}
// 计算价格涨幅
if (goodsData.price) {
const currentPrice = parseFloat(goodsData.price);
const itemPrice = parseFloat(item.price);
if (!isNaN(currentPrice) && !isNaN(itemPrice)) {
const priceDiff = itemPrice - currentPrice;
const pricePercent = ((priceDiff / currentPrice) * 100).toFixed(1);
item.priceDiff = priceDiff;
item.pricePercent = pricePercent;
}
}
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) { } catch (error) {
console.error('解析商品数据失败:', error); console.error('解析商品数据失败:', error);
this.setData({ this.setData({
@ -539,7 +275,7 @@ Page({
// 过滤出 category 匹配且 price 不为 null 的商品 // 过滤出 category 匹配且 price 不为 null 的商品
const filteredGoods = res.products.filter(item => const filteredGoods = res.products.filter(item =>
item.category === option && item.category === option &&
item.status === 'published' && (item.status === 'published' || item.status === 'sold_out') &&
item.price !== null && item.price !== null &&
item.price !== undefined item.price !== undefined
); );
@ -682,6 +418,317 @@ Page({
} }
}, },
// 加载商品数据
loadGoodsData: function (page, selectedCategory, specWeight, goodsData) {
if (this.data.loadingMore || (page !== 1 && !this.data.hasMore)) {
return;
}
this.setData({
loading: page === 1 ? true : false,
loadingMore: page > 1 ? true : false
});
API.getProducts(page, 20, 'all', '')
.then(res => {
console.log('获取商品列表成功:', res);
console.log('选择的种类:', selectedCategory);
console.log('选择的规格:', specWeight);
let filteredGoods = [];
if (res && res.products) {
console.log('原始商品数量:', res.products.length);
// 获取当前商品的唯一标识符
const currentGoodsId = goodsData.productId || goodsData.id || goodsData._id;
console.log('当前商品ID:', currentGoodsId);
// 过滤商品
filteredGoods = res.products.filter(item => {
// 1. 排除当前商品
const itemId = item.productId || item.id || item._id;
if (currentGoodsId && itemId && currentGoodsId === itemId) {
console.log('排除当前商品:', itemId);
return false;
}
// 2. 检查商品状态和价格
if ((item.status !== 'published' && item.status !== 'sold_out') || item.price === null || item.price === undefined) {
return false;
}
// 3. 过滤种类
if (selectedCategory && selectedCategory !== '全部' && item.category !== selectedCategory) {
return false;
}
// 4. 过滤规格
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;
});
}
// 处理商品价格，使用选中规格的价格
if (specWeight) {
if (item.weightQuantityData && Array.isArray(item.weightQuantityData)) {
// 尝试从weightQuantityData中找到对应规格的价格
const matchingSpec = item.weightQuantityData.find(spec => {
if (spec.weightSpec) {
return spec.weightSpec.trim() === specWeight;
}
return false;
});
if (matchingSpec && matchingSpec.price) {
// 确保价格是一个单一的值，而不是多个价格的组合
item.price = matchingSpec.price;
}
}
}
// 清理价格字段，确保只显示单一价格
if (item.price) {
// 如果价格是字符串且包含逗号，只取第一个价格
if (typeof item.price === 'string' && item.price.includes(',')) {
item.price = item.price.split(',')[0].trim();
}
// 如果价格是数组，只取第一个价格
if (Array.isArray(item.price)) {
item.price = item.price[0];
}
}
// 处理规格信息，将多个净重信息分割成数组
item.processedSpecs = [];
if (item.specification) {
item.processedSpecs = processSpecifications(item.specification);
} else if (item.weightSpec) {
item.processedSpecs = processSpecifications(item.weightSpec);
} else if (item.grossWeight) {
item.processedSpecs = processSpecifications(item.grossWeight);
} else if (selectedSpec) {
item.processedSpecs = processSpecifications(selectedSpec);
}
// 处理库存显示逻辑
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;
// 处理地区信息，只显示省份
if (item.region) {
// 提取省份信息
const provinceRegex = /^([^省]+省|[^自治区]+自治区|[^直辖市]+直辖市|[^特别行政区]+特别行政区)/;
const match = item.region.match(provinceRegex);
if (match) {
item.region = match[1];
}
}
// 计算价格涨幅
if (goodsData.price) {
const currentPrice = parseFloat(goodsData.price);
const itemPrice = parseFloat(item.price);
if (!isNaN(currentPrice) && !isNaN(itemPrice)) {
const priceDiff = itemPrice - currentPrice;
const pricePercent = ((priceDiff / currentPrice) * 100).toFixed(1);
item.priceDiff = priceDiff;
item.pricePercent = pricePercent;
}
}
return item;
});
// 合并商品数据
const newGoods = page === 1 ? processedGoods : [...this.data.goods, ...processedGoods];
// 检查是否还有更多数据
const hasMore = res && res.products && res.products.length >= 20;
// 设置商品数据
this.setData({
goods: newGoods,
loading: false,
loadingMore: false,
currentPage: page,
hasMore: hasMore,
selectedOption: selectedCategory || '对比价格',
showTips: false
});
console.log('对比价格数据加载完成:', newGoods);
// 如果符合条件的数据少于5条，自动加载更多数据
if (newGoods.length < 5 && hasMore) {
console.log('符合条件的数据少于5条，自动加载更多数据');
this.loadGoodsData(page + 1, selectedCategory, specWeight, goodsData);
} else if (page === 1) {
// 显示提示信息
wx.showToast({
title: `找到${newGoods.length}个符合条件的商品`,
icon: 'success',
duration: 2000
});
}
})
.catch(err => {
console.error('获取商品列表失败:', err);
this.setData({
loading: false,
loadingMore: false
});
wx.showToast({
title: '获取商品失败，请稍后重试',
icon: 'none'
});
});
},
// 加载更多数据
loadMore: function () {
if (this.data.loadingMore || !this.data.hasMore) {
return;
}
const { currentPage, selectedCategory, selectedSpec, currentGoods } = this.data;
const specWeight = selectedSpec;
this.loadGoodsData(currentPage + 1, selectedCategory, specWeight, currentGoods);
},
// 返回上一页 // 返回上一页
navigateBack: function () { navigateBack: function () {
wx.navigateBack({ wx.navigateBack({

9
pages/compare_price/index.wxml
View File

@ -88,6 +88,13 @@
</view> </view>
</view> </view>
<!-- 加载更多按钮 -->
<view wx:if="{{!loading && goods.length > 0 && hasMore}}" class="load-more">
<button class="load-more-btn" bindtap="loadMore" loading="{{loadingMore}}">
{{loadingMore ? '加载中...' : '加载更多'}}
</button>
</view>
<!-- 价格趋势图 --> <!-- 价格趋势图 -->
<view class="trend-section"> <view class="trend-section">
<view class="section-title"> <view class="section-title">
@ -115,7 +122,7 @@
</view> </view>
<!-- 加载完成提示 --> <!-- 加载完成提示 -->
<view wx:if="{{!loading && goods.length > 0}}" class="load-complete"> <view wx:if="{{!loading && goods.length > 0 && !hasMore}}" class="load-complete">
<text>已经加载全部符合的商品</text> <text>已经加载全部符合的商品</text>
</view> </view>
</view> </view>

24
pages/compare_price/index.wxss
View File

@ -470,6 +470,30 @@
color: #666666; color: #666666;
} }
/* 加载更多按钮 */
.load-more {
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
}
.load-more-btn {
width: 80%;
height: 40px;
background-color: #FFFFFF;
border: 1px solid #D1D5DB;
border-radius: 20px;
font-size: 14px;
color: #374151;
display: flex;
align-items: center;
justify-content: center;
}
.load-more-btn:active {
background-color: #F3F4F6;
}
/* 加载完成提示 */ /* 加载完成提示 */
.load-complete { .load-complete {
margin-top: 15px; margin-top: 15px;

2
pages/goods-detail/goods-detail.wxml
View File

@ -100,7 +100,7 @@
<view <view
class="compare-button" class="compare-button"
bindtap="onCompareClick" bindtap="onCompareClick"
style="display: flex; align-items: left; margin-right: 20rpx; padding: 8rpx 16rpx; border: 2rpx solid #4a90e2; border-radius: 20rpx; position: relative; left: 84rpx; top: 0rpx" style="display: flex; align-items: left; margin-right: 20rpx; padding: 8rpx 16rpx; border: 2rpx solid #4a90e2; border-radius: 20rpx; position: relative; left: 68rpx; top: 0rpx"
> >
<text style="font-size: 32rpx; color: #4a90e2; margin-right: 8rpx;">对比价格</text> <text style="font-size: 32rpx; color: #4a90e2; margin-right: 8rpx;">对比价格</text>
<text style="font-size: 28rpx; color: #4a90e2;">></text> <text style="font-size: 28rpx; color: #4a90e2;">></text>

Write Preview
Loading…
Cancel
Save