diff --git a/bookings.php b/bookings.php index ddf0e09..ad04e66 100644 --- a/bookings.php +++ b/bookings.php @@ -223,8 +223,8 @@ try { 预约时间: - -
+
+
@@ -240,8 +240,11 @@ try {
-
- +
+ + + +
@@ -601,6 +604,23 @@ try { } } + // 复制预约信息到剪贴板 + function copyMessage(id, customer_name, phone, car_model, car_number, package_name, date, time) { + // 构建预约信息字符串 + const message = `预约信息\n\n客户姓名:${customer_name}\n联系方式:${phone}\n车型:${car_model}\n车牌号:${car_number}\n服务套餐:${package_name}\n预约日期:${date}\n预约时间:${time}`; + + // 复制到剪贴板 + const textArea = document.createElement('textarea'); + textArea.value = message; + document.body.appendChild(textArea); + textArea.select(); + document.execCommand('copy'); + document.body.removeChild(textArea); + + // 显示复制成功提示 + alert('预约信息已复制到剪贴板!'); + } + // 移动端优化脚本 document.addEventListener('DOMContentLoaded', function() { // 为按钮添加触摸反馈 diff --git a/pending_bookings.php b/pending_bookings.php index 7415727..caa3d33 100644 --- a/pending_bookings.php +++ b/pending_bookings.php @@ -201,6 +201,12 @@ try { overflow: hidden; } + .pending-card.selected-card { + background: #e3f2fd; + border: 2px solid #2196f3; + box-shadow: 0 4px 15px rgba(33, 150, 243, 0.3); + } + .pending-header { background: #f5f5f5; padding: 15px 20px; @@ -288,26 +294,6 @@ try { margin: 20px 0; } - .copy-message { - background: #fff; - border: 1px solid #ddd; - padding: 10px; - border-radius: 4px; - margin-top: 10px; - font-family: monospace; - white-space: pre-wrap; - } - - .copy-btn { - background: #28a745; - color: white; - padding: 5px 10px; - border: none; - border-radius: 4px; - cursor: pointer; - margin-top: 10px; - } - .status-badge { padding: 5px 10px; border-radius: 12px; @@ -320,6 +306,50 @@ try { color: #212529; } + /* 预约记录选择器样式 */ + .submission-selector { + margin-bottom: 20px; + } + + .submission-list { + display: flex; + flex-direction: column; + gap: 10px; + } + + .submission-item { + background: #fff; + border: 1px solid #ddd; + border-radius: 8px; + padding: 15px; + cursor: pointer; + transition: all 0.3s ease; + } + + .submission-item:hover { + box-shadow: 0 2px 10px rgba(0,0,0,0.1); + border-color: #007bff; + } + + .submission-item.selected-item { + background: #e3f2fd; + border-color: #2196f3; + box-shadow: 0 4px 15px rgba(33, 150, 243, 0.3); + } + + .submission-info h4 { + margin: 0 0 10px 0; + color: #333; + } + + .submission-meta { + display: flex; + flex-wrap: wrap; + gap: 15px; + color: #666; + font-size: 14px; + } + /* 日历和时间选择样式 */ .calendar-container { margin-bottom: 20px; @@ -538,17 +568,7 @@ try { - - -
-

预约成功信息已生成

-
- -
- -
- - +

待处理预约 (共 条)

@@ -556,8 +576,31 @@ try {
暂无待处理的预约请求
+ + +
+

选择要处理的预约记录

+
+ +
+
+

+
+ 手机号: + 车牌号: + 提交时间: +
+
+ 待处理 +
+ +
+
+ + + -
+