上海站列表fix

master
赵鹏 9 months ago
parent b61fc0eecd
commit c7fec7cf26

@ -1,23 +1,8 @@
<div class="filter-box">
<div class="filter-left">
<div class="filter-item">
<div class="filter-nav">Category</div>
<div class="filter-popup">
<p class="popup-title">Tours</p>
<ul id="category-list">
<?php foreach ($allTypeList->type as $ltItem) { ?>
<li><a href="javascript:;" data-id="<?php echo $ltItem->SYC_SN ?>"><?php echo $ltItem->SYC2_CodeDiscribe ?></a></li>
<?php } ?>
</ul>
<div class="popup-bottom">
<a href="javascript:;" class="clearbtn" id="clear-category"><strong>Clear</strong></a>
</div>
</div>
</div>
<div class="filter-item">
<div class="filter-nav">THEME</div>
<div class="filter-popup">
<p class="popup-title">Tours</p>
<div class="filter-popup">
<ul id="theme-list">
<?php foreach ($allTypeList->extendType as $ltItem) { ?>
<li><a href="javascript:;" data-id="<?php echo $ltItem->SYC_SN ?>"><?php echo $ltItem->SYC2_CodeDiscribe ?></a></li>
@ -32,11 +17,10 @@
<div class="filter-nav">Hours</div>
<div class="filter-popup">
<ul id="hours-list">
<li><a href="javascript:;" data-day="1-2">1-2 Hours</a></li>
<li><a href="javascript:;" data-day="3-4">3-4 Hours</a></li>
<li><a href="javascript:;" data-day="5-6">5-6 Hours</a></li>
<li><a href="javascript:;" data-day="7-8">7-8 Hours</a></li>
<li><a href="javascript:;" data-day="9-20">more then 8 Hours</a></li>
<li><a href="javascript:;" data-day="1-3">1-3 Hours</a></li>
<li><a href="javascript:;" data-day="4-5">4-5 Hours</a></li>
<li><a href="javascript:;" data-day="6-8">6-8 Hours</a></li>
<li><a href="javascript:;" data-day="9-10">9-10 Hours</a></li>
</ul>
<div class="popup-bottom">
<a href="javascript:;" class="clearbtn" id="clear-hours"><strong>Clear</strong></a>
@ -48,11 +32,11 @@
<div class="filter-popup">
<p class="popup-title"></p>
<ul id="price-list">
<li><a href="javascript:;" data-price="0-99">< $100</a></li>
<li><a href="javascript:;" data-price="100-200">$100-$200</a></li>
<li><a href="javascript:;" data-price="0-49">< $50</a></li>
<li><a href="javascript:;" data-price="50-100">$50-$100</a></li>
<li><a href="javascript:;" data-price="101-200">$101-$200</a></li>
<li><a href="javascript:;" data-price="201-300">$201-$300</a></li>
<li><a href="javascript:;" data-price="301-400">$301-$400</a></li>
<li><a href="javascript:;" data-price="401-10000">> $400</a></li>
<li><a href="javascript:;" data-price="301-10000">> $300</a></li>
</ul>
<div class="popup-bottom">
<a href="javascript:;" class="clearbtn" id="clear-price"><strong>Clear</strong></a>
@ -89,7 +73,6 @@
const allCountSpan = document.getElementById('all-count');
// 初始化筛选器
setupFilter('category-list', 'clear-category');
setupFilter('theme-list', 'clear-theme');
setupFilter('hours-list', 'clear-hours');
setupFilter('price-list', 'clear-price');
@ -122,11 +105,6 @@
// 筛选并显示旅游项目
function filterAndDisplayTours() {
// 获取选中的分类
const selectedCategories = [];
document.querySelectorAll('#category-list li.active a').forEach(a => {
selectedCategories.push(a.getAttribute('data-id'));
});
// 获取选中的主题
const selectedThemes = [];
@ -148,9 +126,6 @@
// 筛选旅游数据
const filteredTours = TourData.filter(tour => {
// 检查分类
const categoryMatch = selectedCategories.length === 0 ||
selectedCategories.includes(tour.type);
// 检查主题
const themeMatch = selectedThemes.length === 0 ||
@ -181,7 +156,7 @@
return !isNaN(price) && price >= min && price <= max;
});
return categoryMatch && themeMatch && hourMatch && priceMatch;
return themeMatch && hourMatch && priceMatch;
});
// 更新总计数

@ -1,9 +1,8 @@
<div class="filter-box">
<div class="filter-left">
<div class="filter-item">
<div class="filter-nav">Category</div>
<div class="filter-popup">
<p class="popup-title">Tours</p>
<div class="filter-nav">Theme</div>
<div class="filter-popup">
<ul id="category-list">
<?php foreach ($lineTypeList as $ltItem) { ?>
<li><a href="javascript:;" data-id="<?php echo $ltItem->SYC_SN ?>"><?php echo $ltItem->SYC2_CodeDiscribe ?></a></li>

Loading…
Cancel
Save