-
今日（4月28日）
-
明日（4月29日）
-
4月30日
+
+ 4月30日 周五 ｜ 11:00-12:00
+ ▼
-
选择时段
-
-
早餐 07:00-08:00
-
午餐 11:00-12:00
-
晚餐 17:00-18:00
+
+
+
+
07:00-08:00
+
08:00-09:00
+
09:00-10:00
+
10:00-11:00
+
11:00-12:00
+
12:00-13:00
+
13:00-14:00
+
14:00-15:00
+
15:00-16:00
+
16:00-17:00
+
17:00-18:00
+
18:00-19:00
+
19:00-20:00
+
@@ -371,7 +418,8 @@
var orderAmount = document.getElementById('orderAmount');
var actionBtns = document.getElementById('actionBtns');
- /* 取货方式切换：联动地址组/自提组显示 */
+ /* 取货方式切换：联动地址组/自提组 + 时间标签文本 */
+ var timeLabel = document.querySelectorAll('.fulfill-card .fg-label')[1];
document.querySelectorAll('.pickup-method').forEach(function(m) {
m.addEventListener('click', function() {
document.querySelectorAll('.pickup-method').forEach(function(x) { x.classList.remove('active'); });
@@ -379,22 +427,63 @@
var isDelivery = m.dataset.method === 'delivery';
document.getElementById('addressGroup').classList.toggle('hidden', !isDelivery);
document.getElementById('pickupGroup').classList.toggle('hidden', isDelivery);
+ /* 切换标签文本 */
+ if (isDelivery) {
+ timeLabel.innerHTML = '期望配送时间
*';
+ } else {
+ timeLabel.innerHTML = '自提时间
*';
+ }
});
});
- /* 日期 chip 单选切换 */
- document.querySelectorAll('.date-chip').forEach(function(c) {
- c.addEventListener('click', function() {
- document.querySelectorAll('.date-chip').forEach(function(x) { x.classList.remove('active'); });
+ /* 下拉面板展开/收起 */
+ var timePickerTrigger = document.getElementById('timePickerTrigger');
+ var timePickerPanel = document.getElementById('timePickerPanel');
+ var tptText = document.getElementById('tptText');
+ var tptArrow = document.getElementById('tptArrow');
+
+ timePickerTrigger.addEventListener('click', function(e) {
+ e.stopPropagation();
+ var isOpen = timePickerPanel.classList.toggle('show');
+ if (isOpen) { tptArrow.classList.add('open'); }
+ else { tptArrow.classList.remove('open'); }
+ });
+
+ /* 点击面板外部关闭 */
+ document.addEventListener('click', function(e) {
+ if (!timePickerTrigger.contains(e.target) && !timePickerPanel.contains(e.target)) {
+ timePickerPanel.classList.remove('show');
+ tptArrow.classList.remove('open');
+ }
+ });
+
+ /* 更新触发区显示文本 */
+ function updateTriggerText() {
+ var activeDate = document.querySelector('.tp-date-card.active');
+ var activeTime = document.querySelector('.tp-time-item.active');
+ var week = activeDate ? activeDate.dataset.week : '';
+ var day = activeDate ? activeDate.dataset.day : '';
+ var time = activeTime ? activeTime.textContent : '';
+ tptText.textContent = day + ' ' + week + ' ｜ ' + time;
+ }
+
+ /* 日期卡片单选切换 */
+ document.querySelectorAll('.tp-date-card').forEach(function(c) {
+ c.addEventListener('click', function(e) {
+ e.stopPropagation();
+ document.querySelectorAll('.tp-date-card').forEach(function(x) { x.classList.remove('active'); });
c.classList.add('active');
+ updateTriggerText();
});
});
- /* 时段 chip 单选切换 */
- document.querySelectorAll('.time-chip').forEach(function(c) {
- c.addEventListener('click', function() {
- document.querySelectorAll('.time-chip').forEach(function(x) { x.classList.remove('active'); });
+ /* 时段列表项单选切换 */
+ document.querySelectorAll('.tp-time-item').forEach(function(c) {
+ c.addEventListener('click', function(e) {
+ e.stopPropagation();
+ document.querySelectorAll('.tp-time-item').forEach(function(x) { x.classList.remove('active'); });
c.classList.add('active');
+ updateTriggerText();
});
});
@@ -473,7 +562,7 @@
/* 净菜包订单：改为"确认订单"页，隐藏取餐码，展示履约表单 */
successIcon.textContent = '📝';
successTitle.textContent = '确认订单信息';
- successDesc.textContent = '请补充履约信息后提交订单';
+ successDesc.textContent = '请先选择配送方式后再提交订单';
pickupBlock.classList.add('hidden');
fulfillBlock.classList.remove('hidden');
orderItems.innerHTML =
diff --git a/other-module/mini-program/nutrition/eat-order.html b/other-module/mini-program/nutrition/eat-order.html
index 561415f..f4a52d7 100644
--- a/other-module/mini-program/nutrition/eat-order.html
+++ b/other-module/mini-program/nutrition/eat-order.html
@@ -68,9 +68,15 @@
.menu-item .food-icon {
width: 56px; height: 56px; border-radius: 10px; background: #f5f5f5;
display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0;
+ cursor: pointer;
}
.menu-item .food-info { flex: 1; min-width: 0; }
- .menu-item .food-name { font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
+ .menu-item .food-name {
+ font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 4px; flex-wrap: wrap;
+ cursor: pointer;
+ }
+ .menu-item .food-name:hover { color: #1677ff; }
+ .menu-item .food-desc { cursor: pointer; }
.food-tag {
font-size: 10px; font-weight: 600; padding: 1px 5px; border-radius: 3px;
white-space: nowrap; line-height: 16px;
@@ -236,7 +242,7 @@