北京
住
12.15
离
12.16
位置/品牌/宴会厅
攻略
地图
附近
排序
排序
距离最近
店好评优先
位置距离
价格
1km内
神券
冰雪特惠
新品特惠
筛选
位置距离
500米内
1公里内
3公里内
5公里内
10公里内
不限距离
价格·星级
价格区间
¥0 - ¥500
¥500 - ¥1000
¥1000 - ¥2000
¥2000以上
星级
5星
4星
3星
筛选
宴会类型
寿宴
周岁宴
升学宴
婚宴
商务宴
团建聚会
设施服务
停车场
WiFi
投影设备
音响设备
舞台
桌数规模
10桌以下
10-20桌
20-30桌
30桌以上
重置
确定
美团住吧
冬季精选
金碧辉煌宴会厅(朝阳万达店)
经济型
5.0 超棒
商业街美食一站式搞定
火车头步行街游乐区内
积分抵¥2
停车场
影音宴会厅
新开业/装修
连续65位客户好评
3万+消费
¥1,288
¥1,188
起
神券
最高膨至100
冬季特惠
盛世华庭宴会中心(海淀店)
舒适型
5.0 超棒
大屏幕看电影很爽
近华北军区烈士陵园
住就送25元券包
影音宴会厅
近景点
新开业/装修
石家庄市舒适人气榜第1名
1000+消费
¥1,588
¥1,388
起
黄金8.5折
立减70
美团住吧
冬季特惠
雅致宴会厅(西城店)
经济型
5.0 超棒
旁边美食城夜市一应俱全
近孙村地铁站
积分抵¥2
叫醒服务
免费停车场
洗衣房
连续77位客户好评
看过的店
¥988
¥888
起
黄金7.5折
立减99
冬季特惠
叶与晨电竞电影宴会厅(裕华万达店)
经济型
5.0 超棒
电影种类齐全,投屏方便
火车头步行街游乐街区内
住就送25元券包
洗衣房
情侣约会
影音宴会厅
连续40位客户好评
1万+消费
¥1,200
¥1,000
起
黄金7.5折
立减160
广告
首页
地图
3
消息
订单
我的
let currentDistance = null; let currentPrice = null; let currentStar = null; let activeFilters = []; // 切换排序菜单 function toggleSortMenu() { const dropdown = document.getElementById('sortDropdown'); const arrow = document.getElementById('sortArrow'); const isHidden = dropdown.classList.contains('hidden'); // 关闭其他菜单 hideDistanceMenu(); hidePriceMenu(); hideFilterMenu(); if (isHidden) { dropdown.classList.remove('hidden'); arrow.classList.remove('fa-chevron-up'); arrow.classList.add('fa-chevron-down'); } else { dropdown.classList.add('hidden'); arrow.classList.remove('fa-chevron-down'); arrow.classList.add('fa-chevron-up'); } } // 选择排序方式 function selectSort(sortType) { currentSort = sortType; document.getElementById('sortText').textContent = sortType; // 更新选中状态 document.getElementById('check-distance').classList.add('text-transparent'); document.getElementById('check-distance').classList.remove('text-yellow-500'); document.getElementById('check-rating').classList.add('text-transparent'); document.getElementById('check-rating').classList.remove('text-yellow-500'); if (sortType === '距离最近') { document.getElementById('check-distance').classList.remove('text-transparent'); document.getElementById('check-distance').classList.add('text-yellow-500'); } else if (sortType === '店好评优先') { document.getElementById('check-rating').classList.remove('text-transparent'); document.getElementById('check-rating').classList.add('text-yellow-500'); } document.getElementById('sortDropdown').classList.add('hidden'); document.getElementById('sortArrow').classList.remove('fa-chevron-down'); document.getElementById('sortArrow').classList.add('fa-chevron-up'); // 执行排序 applySort(); } // 应用排序 function applySort() { console.log('应用排序:', currentSort); // 这里可以添加实际的排序逻辑 } // 附近筛选 function filterByNearby() { console.log('筛选附近商家'); // 可以跳转到地图页面或执行筛选 window.parent.loadPage('pages/map-search.html'); } // 距离筛选 function toggleDistanceMenu() { const dropdown = document.getElementById('distanceDropdown'); const arrow = document.getElementById('distanceArrow'); const isHidden = dropdown.classList.contains('hidden'); // 关闭其他菜单 document.getElementById('sortDropdown').classList.add('hidden'); document.getElementById('sortArrow').classList.remove('fa-chevron-down'); document.getElementById('sortArrow').classList.add('fa-chevron-up'); hidePriceMenu(); hideFilterMenu(); if (isHidden) { dropdown.classList.remove('hidden'); arrow.classList.remove('fa-chevron-down'); arrow.classList.add('fa-chevron-up'); } else { dropdown.classList.add('hidden'); arrow.classList.remove('fa-chevron-up'); arrow.classList.add('fa-chevron-down'); } } function filterByDistance(distance) { currentDistance = distance; document.getElementById('distanceText').textContent = distance; console.log('选择距离:', distance); // 执行距离筛选 } function hideDistanceMenu() { document.getElementById('distanceDropdown').classList.add('hidden'); document.getElementById('distanceArrow').classList.remove('fa-chevron-up'); document.getElementById('distanceArrow').classList.add('fa-chevron-down'); } function selectDistance(distance) { currentDistance = distance; document.getElementById('distanceText').textContent = distance === 'all' ? '位置距离' : distance; hideDistanceMenu(); console.log('选择距离:', distance); // 执行距离筛选 } // 价格筛选 function togglePriceMenu() { const dropdown = document.getElementById('priceDropdown'); const arrow = document.getElementById('priceArrow'); const isHidden = dropdown.classList.contains('hidden'); // 关闭其他菜单 document.getElementById('sortDropdown').classList.add('hidden'); document.getElementById('sortArrow').classList.remove('fa-chevron-down'); document.getElementById('sortArrow').classList.add('fa-chevron-up'); hideDistanceMenu(); hideFilterMenu(); if (isHidden) { dropdown.classList.remove('hidden'); arrow.classList.remove('fa-chevron-down'); arrow.classList.add('fa-chevron-up'); } else { dropdown.classList.add('hidden'); arrow.classList.remove('fa-chevron-up'); arrow.classList.add('fa-chevron-down'); } } function hidePriceMenu() { document.getElementById('priceDropdown').classList.add('hidden'); document.getElementById('priceArrow').classList.remove('fa-chevron-up'); document.getElementById('priceArrow').classList.add('fa-chevron-down'); } function selectPrice(priceRange) { currentPrice = priceRange; document.getElementById('priceText').textContent = priceRange === '0-500' ? '¥0-500' : priceRange === '500-1000' ? '¥500-1000' : priceRange === '1000-2000' ? '¥1000-2000' : '¥2000+'; hidePriceMenu(); console.log('选择价格:', priceRange); // 执行价格筛选 } function selectStar(star) { currentStar = star; document.getElementById('priceText').textContent = star + '星'; hidePriceMenu(); console.log('选择星级:', star); // 执行星级筛选 } // 筛选菜单 function toggleFilterMenu() { const dropdown = document.getElementById('filterDropdown'); const arrow = document.getElementById('filterArrow'); const isHidden = dropdown.classList.contains('hidden'); // 关闭其他菜单 document.getElementById('sortDropdown').classList.add('hidden'); document.getElementById('sortArrow').classList.remove('fa-chevron-down'); document.getElementById('sortArrow').classList.add('fa-chevron-up'); hideDistanceMenu(); hidePriceMenu(); if (isHidden) { dropdown.classList.remove('hidden'); arrow.classList.remove('fa-chevron-down'); arrow.classList.add('fa-chevron-up'); } else { dropdown.classList.add('hidden'); arrow.classList.remove('fa-chevron-up'); arrow.classList.add('fa-chevron-down'); } } function hideFilterMenu() { document.getElementById('filterDropdown').classList.add('hidden'); document.getElementById('filterArrow').classList.remove('fa-chevron-up'); document.getElementById('filterArrow').classList.add('fa-chevron-down'); } function toggleFilter(element, type) { if (element.classList.contains('bg-orange-100')) { element.classList.remove('bg-orange-100', 'text-orange-600'); element.classList.add('bg-gray-100', 'text-gray-700'); activeFilters = activeFilters.filter(f => f !== element.textContent); } else { element.classList.remove('bg-gray-100', 'text-gray-700'); element.classList.add('bg-orange-100', 'text-orange-600'); activeFilters.push(element.textContent); } } function resetFilter() { activeFilters = []; document.querySelectorAll('#filterDropdown .px-3').forEach(el => { el.classList.remove('bg-orange-100', 'text-orange-600'); el.classList.add('bg-gray-100', 'text-gray-700'); }); } function applyFilter() { hideFilterMenu(); console.log('应用筛选:', activeFilters); // 执行筛选 } // 优惠券筛选 function filterByCoupon() { console.log('筛选神券商家'); // 执行优惠券筛选 } // 特惠筛选 function filterBySpecial(type) { console.log('筛选特惠:', type); // 执行特惠筛选 } // 点击外部关闭菜单 document.addEventListener('click', function(e) { const sortBtn = document.getElementById('sortBtn'); const sortDropdown = document.getElementById('sortDropdown'); if (!sortBtn.contains(e.target) && !sortDropdown.contains(e.target)) { sortDropdown.classList.add('hidden'); document.getElementById('sortArrow').classList.remove('fa-chevron-down'); document.getElementById('sortArrow').classList.add('fa-chevron-up'); } }); // 从首页获取搜索参数 window.addEventListener('load', function() { // 可以从URL参数获取搜索条件 const urlParams = new URLSearchParams(window.location.search); const city = urlParams.get('city') || '北京'; const keyword = urlParams.get('keyword') || '位置/品牌/宴会厅'; const date = urlParams.get('date') || '12.15'; const time = urlParams.get('time') || '18:00'; document.getElementById('searchCity').textContent = city; document.getElementById('searchKeyword').textContent = keyword; // 解析日期 if (date.includes('月') && date.includes('日')) { const dateMatch = date.match(/(\d+)月(\d+)日/); if (dateMatch) { document.getElementById('checkInDate').textContent = `${dateMatch[1]}.${dateMatch[2]}`; // 假设离店日期是入住日期+1天 const nextDay = parseInt(dateMatch[2]) + 1; document.getElementById('checkOutDate').textContent = `${dateMatch[1]}.${nextDay}`; } }