Browse Source

优化侧边栏按钮恢复逻辑:只有返回时恢复,刷新保持隐藏

pull/1/head
徐飞洋 2 months ago
parent
commit
f45ac86917
  1. 210
      pages/index/index.js

210
pages/index/index.js

@ -20,6 +20,7 @@ Page({
currentY: 0, currentY: 0,
sidebarBtnTop: 500, sidebarBtnTop: 500,
sidebarBtnHidden: false, sidebarBtnHidden: false,
isPageHidden: false,
// 搜索区域相关 // 搜索区域相关
searchSectionVisible: true, searchSectionVisible: true,
@ -41,7 +42,6 @@ Page({
filteredGoods: [], filteredGoods: [],
leftColumnGoods: [], leftColumnGoods: [],
rightColumnGoods: [], rightColumnGoods: [],
categorizedGoods: {}, // 按品种分类存储的商品数据
selectedCategory: '全部', selectedCategory: '全部',
categories: ['全部', '粉壳', '红壳', '绿壳', '白壳'], categories: ['全部', '粉壳', '红壳', '绿壳', '白壳'],
loadingMore: false, loadingMore: false,
@ -238,25 +238,8 @@ Page({
lastScrollTop: 0 lastScrollTop: 0
}); });
this.checkAndRestoreLoginStatus() this.checkAndRestoreLoginStatus()
this.loadCategories()
API.getProductCategories().then(categories => { this.loadGoods()
console.log('加载分类成功, categories:', JSON.stringify(categories));
if (categories && categories.length > 0) {
this.setData({
categories: categories
});
console.log('分类列表已设置到data, categories:', this.data.categories);
} else {
console.log('分类列表为空,使用默认分类');
}
// 确保有分类数据后再加载商品
this.loadGoods();
}).catch(err => {
console.error('加载分类失败:', err);
// 即使分类加载失败也加载商品,使用默认分类
this.loadGoods();
});
// 计算搜索区域高度 // 计算搜索区域高度
setTimeout(() => { setTimeout(() => {
@ -327,9 +310,17 @@ Page({
const savedBtnHidden = wx.getStorageSync('sidebarBtnHidden'); const savedBtnHidden = wx.getStorageSync('sidebarBtnHidden');
console.log('onShow - savedBtnHidden:', savedBtnHidden); console.log('onShow - savedBtnHidden:', savedBtnHidden);
console.log('onShow - isPageHidden:', this.data.isPageHidden);
// 只有在返回时才恢复按钮状态(刷新页面不恢复)
if (this.data.isPageHidden) {
this.setData({ this.setData({
sidebarBtnHidden: savedBtnHidden || false, sidebarBtnHidden: savedBtnHidden || false,
isPageHidden: false
});
}
this.setData({
isSearchBarFullyHidden: false, isSearchBarFullyHidden: false,
lastScrollTop: 0 lastScrollTop: 0
}); });
@ -341,7 +332,8 @@ Page({
onHide: function () { onHide: function () {
this.setData({ this.setData({
sidebarBtnHidden: true sidebarBtnHidden: true,
isPageHidden: true
}); });
}, },
@ -527,65 +519,26 @@ Page({
updatedGoods = newGoods updatedGoods = newGoods
} }
// 按品种分类存储商品数据 const filteredGoods = this.applyFilters(updatedGoods, false)
const categorizedGoods = this.data.categorizedGoods || {}; console.log('===== 筛选结果 =====')
const categories = this.data.categories; console.log('当前选中的分类:', this.data.selectedCategory)
const selectedCategory = this.data.selectedCategory; console.log('filteredGoods 数量:', filteredGoods.length)
console.log('filteredGoods[0]:', filteredGoods[0] ? JSON.stringify(filteredGoods[0], null, 2) : 'N/A')
// 如果是首次加载全部数据,需要把返回的所有数据按实际分类存储 if (filteredGoods.length > 0) {
if (selectedCategory === '全部' && !isLoadMore) { console.log('filteredGoods[0].category:', filteredGoods[0] ? filteredGoods[0].category : 'N/A')
categories.forEach(cat => {
if (cat === '全部') {
categorizedGoods[cat] = updatedGoods;
} else {
categorizedGoods[cat] = updatedGoods.filter(item => item.isAd || item.category === cat);
}
});
} else {
// 只更新当前选中的分类
categories.forEach(cat => {
if (cat === '全部') {
categorizedGoods[cat] = updatedGoods;
} else if (cat === selectedCategory) {
categorizedGoods[cat] = updatedGoods.filter(item => item.isAd || !item.category || item.category === cat);
}
});
}
// 应用地区筛选后的分类数据
const filteredByRegion = this.applyRegionFilter(updatedGoods);
if (selectedCategory === '全部' && !isLoadMore) {
categories.forEach(cat => {
if (cat !== '全部') {
categorizedGoods[cat + '_filtered'] = filteredByRegion.filter(item => item.isAd || item.category === cat);
}
});
} else {
categories.forEach(cat => {
if (cat !== '全部') {
if (cat === selectedCategory) {
categorizedGoods[cat + '_filtered'] = filteredByRegion.filter(item => item.isAd || !item.category || item.category === cat);
} else {
categorizedGoods[cat + '_filtered'] = [];
}
}
});
} }
if (filteredGoods.length > 1) {
// 根据当前选中的分类和地区筛选获取商品 console.log('filteredGoods[1].category:', filteredGoods[1] ? filteredGoods[1].category : 'N/A')
let filteredGoods;
if (this.data.selectedRegion !== '全国') {
filteredGoods = categorizedGoods[this.data.selectedCategory + '_filtered'] || [];
} else {
filteredGoods = categorizedGoods[this.data.selectedCategory] || [];
} }
const { leftColumnGoods, rightColumnGoods } = this.distributeToColumns(filteredGoods) const { leftColumnGoods, rightColumnGoods } = this.distributeToColumns(filteredGoods)
console.log('leftColumnGoods 数量:', leftColumnGoods.length)
console.log('rightColumnGoods 数量:', rightColumnGoods.length)
console.log('leftColumnGoods[0]:', leftColumnGoods[0])
console.log('rightColumnGoods[0]:', rightColumnGoods[0])
this.setData({ this.setData({
goods: updatedGoods, goods: updatedGoods,
categorizedGoods: categorizedGoods,
filteredGoods: filteredGoods, filteredGoods: filteredGoods,
leftColumnGoods: leftColumnGoods, leftColumnGoods: leftColumnGoods,
rightColumnGoods: rightColumnGoods, rightColumnGoods: rightColumnGoods,
@ -738,16 +691,13 @@ Page({
const timestamp = new Date().getTime(); const timestamp = new Date().getTime();
const currentPage = isLoadMore ? this.data.page : 1 const currentPage = isLoadMore ? this.data.page : 1
// 首次加载时获取全部数据,在本地进行分类
const shouldLoadAll = !isLoadMore && this.data.selectedCategory === '全部';
API.getProductList('published', { API.getProductList('published', {
timestamp: timestamp, timestamp: timestamp,
viewMode: 'shopping', viewMode: 'shopping',
page: currentPage, page: currentPage,
pageSize: this.data.pageSize, pageSize: this.data.pageSize,
keyword: this.data.searchKeyword, keyword: this.data.searchKeyword,
category: shouldLoadAll ? '' : this.data.selectedCategory category: this.data.selectedCategory === '全部' ? '' : this.data.selectedCategory
}) })
.then(res => { .then(res => {
wx.hideLoading(); wx.hideLoading();
@ -777,15 +727,6 @@ Page({
}) })
}, },
// 应用地区筛选
applyRegionFilter: function(goods) {
if (this.data.selectedRegion === '全国') {
return goods;
}
const selectedRegion = this.data.selectedRegion;
return goods.filter(item => item.isAd || (item.region && item.region.includes(selectedRegion)));
},
// 刷新商品列表 // 刷新商品列表
refreshGoodsList: function() { refreshGoodsList: function() {
this.setData({ this.setData({
@ -981,37 +922,15 @@ Page({
app.globalData.showTabBar = true; app.globalData.showTabBar = true;
} }
// 从本地分类数据中获取基础商品列表 const filteredGoods = this.applyFilters(this.data.goods, false)
const categorizedGoods = this.data.categorizedGoods || {}; const groupedGoods = this.groupGoodsForStaggeredLayout(filteredGoods)
let baseGoods; const { leftColumnGoods, rightColumnGoods } = this.distributeToColumns(filteredGoods)
if (this.data.selectedRegion !== '全国') {
baseGoods = categorizedGoods[this.data.selectedCategory + '_filtered'] || [];
} else {
baseGoods = categorizedGoods[this.data.selectedCategory] || [];
}
// 在本地数据上进行关键词搜索
let filteredGoods = [...baseGoods];
if (this.data.searchKeyword) {
const keyword = this.data.searchKeyword.toLowerCase();
filteredGoods = filteredGoods.filter(item =>
item.isAd ||
(item.name || '').toLowerCase().includes(keyword) ||
(item.region || '').toLowerCase().includes(keyword)
);
}
const groupedGoods = this.groupGoodsForStaggeredLayout(filteredGoods);
const { leftColumnGoods, rightColumnGoods } = this.distributeToColumns(filteredGoods);
this.setData({ this.setData({
filteredGoods: filteredGoods, filteredGoods: filteredGoods,
groupedGoods: groupedGoods, groupedGoods: groupedGoods,
leftColumnGoods: leftColumnGoods, leftColumnGoods: leftColumnGoods,
rightColumnGoods: rightColumnGoods rightColumnGoods: rightColumnGoods
}); })
}, },
// 切换地区选择器 // 切换地区选择器
@ -1025,42 +944,34 @@ Page({
selectRegion: function(e) { selectRegion: function(e) {
const region = e.currentTarget.dataset.region const region = e.currentTarget.dataset.region
// 立即关闭弹窗
this.setData({ this.setData({
selectedRegion: region, selectedRegion: region,
showRegionPicker: false showRegionPicker: false
}) })
// 重新显示tabBar
const app = getApp(); const app = getApp();
if (app && app.globalData) { if (app && app.globalData) {
app.globalData.showTabBar = true; app.globalData.showTabBar = true;
} }
const categorizedGoods = this.data.categorizedGoods || {}; // 如果从局部地区切换到全国地区,重新加载所有商品
let filteredGoods; if (region === '全国' && this.data.selectedCategory === '全部' && !this.data.searchKeyword) {
// 重新加载商品数据
if (region === '全国') { this.refreshGoodsList();
filteredGoods = categorizedGoods[this.data.selectedCategory] || [];
} else { } else {
filteredGoods = categorizedGoods[this.data.selectedCategory + '_filtered'] || []; // 否则仅对本地商品进行筛选
} const filteredGoods = this.applyFilters(this.data.goods, false)
const groupedGoods = this.groupGoodsForStaggeredLayout(filteredGoods)
if (filteredGoods.length === 0 && Object.keys(categorizedGoods).length === 0) {
this.setData({
page: 1,
hasMoreData: true
}, () => {
this.loadGoods();
});
return;
}
const { leftColumnGoods, rightColumnGoods } = this.distributeToColumns(filteredGoods) const { leftColumnGoods, rightColumnGoods } = this.distributeToColumns(filteredGoods)
this.setData({ this.setData({
filteredGoods: filteredGoods, filteredGoods: filteredGoods,
groupedGoods: groupedGoods,
leftColumnGoods: leftColumnGoods, leftColumnGoods: leftColumnGoods,
rightColumnGoods: rightColumnGoods rightColumnGoods: rightColumnGoods
}) })
}
}, },
// 阻止事件冒泡 // 阻止事件冒泡
@ -1070,6 +981,7 @@ Page({
// 选择品种 // 选择品种
selectCategory: function(e) { selectCategory: function(e) {
// 重新显示tabBar
const app = getApp(); const app = getApp();
if (app && app.globalData) { if (app && app.globalData) {
app.globalData.showTabBar = true; app.globalData.showTabBar = true;
@ -1077,37 +989,23 @@ Page({
const category = e.currentTarget.dataset.category const category = e.currentTarget.dataset.category
if (category === this.data.selectedCategory) { if (category === this.data.selectedCategory) {
return return // 如果选择的分类和当前相同,不重复加载
}
const categorizedGoods = this.data.categorizedGoods || {};
let filteredGoods;
if (this.data.selectedRegion !== '全国') {
filteredGoods = categorizedGoods[category + '_filtered'] || [];
} else {
filteredGoods = categorizedGoods[category] || [];
} }
if (filteredGoods.length === 0 && Object.keys(categorizedGoods).length === 0) {
this.setData({ this.setData({
selectedCategory: category, selectedCategory: category,
page: 1, page: 1,
hasMoreData: true hasMoreData: true,
}, () => { goods: [],
this.loadGoods(); filteredGoods: [],
}); leftColumnGoods: [],
return; rightColumnGoods: [],
} loadingMore: false,
isLoading: true
const { leftColumnGoods, rightColumnGoods } = this.distributeToColumns(filteredGoods)
this.setData({
selectedCategory: category,
filteredGoods: filteredGoods,
leftColumnGoods: leftColumnGoods,
rightColumnGoods: rightColumnGoods
}) })
// 重新从服务器加载数据
this.loadGoods(false)
}, },
// 查看商品详情 // 查看商品详情

Loading…
Cancel
Save