wsh5485/carwash_order
Archived
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects 1 Releases 8 Wiki Activity

删除重复的时长输入框：1)将customDuration_xxx输入框修改为同时用于显示和提交；2)删除独立的duration_xxx输入框；3)更新相关的JavaScript函数和label引用

Browse Source
This commit is contained in:
吴展鹏
2025-12-06 01:56:05 +08:00
parent 5ace9b86d8
commit 5c0132a209
1 changed files with 10 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pending_bookings.php
+10 -31
View File
@@ -682,7 +682,7 @@ try {
<div class="form-row">
<div class="form-group">
<label for="duration_<?php echo $submission['id']; ?>">服务时长（分钟）</label>
<label for="customDuration_<?php echo $submission['id']; ?>">服务时长（分钟）</label>
<div class="quick-duration">
<button type="button" class="duration-btn" data-duration="60" onclick="selectDuration(<?php echo $submission['id']; ?>, 60)">1小时</button>
<button type="button" class="duration-btn" data-duration="90" onclick="selectDuration(<?php echo $submission['id']; ?>, 90)">1.5小时</button>
@@ -692,10 +692,9 @@ try {
<button type="button" class="duration-btn" data-duration="480" onclick="selectDuration(<?php echo $submission['id']; ?>, 480)">8小时</button>
<button type="button" class="duration-btn" data-duration="600" onclick="selectDuration(<?php echo $submission['id']; ?>, 600)">10小时</button>
<button type="button" class="duration-btn" data-duration="720" onclick="selectDuration(<?php echo $submission['id']; ?>, 720)">12小时</button>
<input type="number" id="customDuration_<?php echo $submission['id']; ?>" min="30" step="30" value="60" style="width: 80px; margin-left: 10px;">
<input type="number" id="customDuration_<?php echo $submission['id']; ?>" name="duration" min="30" step="30" value="60" style="width: 80px; margin-left: 10px; margin-top: 10px;" required>
<button type="button" class="btn btn-sm" onclick="applyCustomDuration(<?php echo $submission['id']; ?>)">确定</button>
</div>
<input type="number" id="duration_<?php echo $submission['id']; ?>" name="duration" min="30" step="30" value="60" required style="margin-top: 10px;">
</div>
</div>
@@ -932,7 +931,7 @@ try {
}
// 使用两种方式获取时长输入框，确保万无一失
const durationInputById = document.getElementById('duration_' + submissionId);
const durationInputById = document.getElementById('customDuration_' + submissionId);
const durationInputByName = form.querySelector('input[name="duration"]');
console.log('Duration inputs found - by ID:', durationInputById ? 'Yes' : 'No', 'by Name:', durationInputByName ? 'Yes' : 'No');
@@ -992,7 +991,7 @@ try {
return;
}
// 使用两种方式获取表单，确保找到正确的表单
// 使用多种方式获取表单，确保找到正确的表单
let form = null;
// 方式1：通过套餐选择元素获取表单
@@ -1004,10 +1003,10 @@ try {
// 方式2：如果方式1失败，通过时长输入框获取表单
if (!form) {
const durationInputById = document.getElementById('duration_' + submissionId);
if (durationInputById) {
form = durationInputById.closest('form');
console.log('Form found via durationInputById:', form ? 'Yes' : 'No');
const durationInput = document.getElementById('customDuration_' + submissionId);
if (durationInput) {
form = durationInput.closest('form');
console.log('Form found via durationInput:', form ? 'Yes' : 'No');
}
}
@@ -1020,24 +1019,13 @@ try {
}
}
// 方式4：如果还是失败，尝试通过自定义时长输入框找到表单
if (!form) {
const customDurationInput = document.getElementById('customDuration_' + submissionId);
if (customDurationInput) {
form = customDurationInput.closest('form');
console.log('Form found via customDurationInput:', form ? 'Yes' : 'No');
}
}
if (!form) {
console.error('❌ Form not found for submissionId:', submissionId);
return;
}
// 使用两种方式获取时长输入框，确保万无一失
const durationInputById = document.getElementById('duration_' + submissionId);
const durationInputByName = form.querySelector('input[name="duration"]');
const durationInput = durationInputById || durationInputByName;
// 获取唯一的时长输入框（现在同时用于显示和提交）
const durationInput = document.getElementById('customDuration_' + submissionId);
if (durationInput) {
// 强制设置时长值
@@ -1049,15 +1037,6 @@ try {
console.error('❌ Duration input not found for submissionId:', submissionId);
}
// 更新自定义时长输入框
const customDurationInput = document.getElementById('customDuration_' + submissionId);
if (customDurationInput) {
customDurationInput.value = minutes;
console.log('✅ Custom duration input updated to:', minutes);
} else {
console.error('❌ Custom duration input not found for submissionId:', submissionId);
}
// 获取当前表单的时长按钮
const durationButtons = form.querySelectorAll('.duration-btn');
console.log('Found duration buttons:', durationButtons.length);