From bb3ebffb37a1e16461aa0c0dfcc61c6c39a6572e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=90=B4=E5=B1=95=E9=B9=8F?= Date: Sat, 6 Dec 2025 02:17:42 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E4=B8=80packages.php=E4=B8=8Epending?= =?UTF-8?q?=5Fbookings.php=E7=9A=84=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages.php | 82 +++++++++++++++++++-------- style.css | 154 +++++++++++++++++++++++++++++++++++++++++++++++++-- 2 files changed, 207 insertions(+), 29 deletions(-) diff --git a/packages.php b/packages.php index 1567f92..6a7d6f6 100644 --- a/packages.php +++ b/packages.php @@ -51,18 +51,52 @@ $packages = $stmt->fetchAll(); - - - - - - - + 套餐管理 - 洗车预约系统 + -
+

🚗 洗车预约系统 - 套餐管理

-
+

添加新套餐

-
+
@@ -114,18 +148,18 @@ $packages = $stmt->fetchAll();
- +
- +
- +
- +
@@ -141,8 +175,8 @@ $packages = $stmt->fetchAll();
-
-
+
+

@@ -155,7 +189,7 @@ $packages = $stmt->fetchAll();

-
+
基础时长： 分钟 @@ -183,16 +217,16 @@ $packages = $stmt->fetchAll();
- +
- +
-
- +
@@ -248,8 +282,8 @@ $packages = $stmt->fetchAll();
- - + +
diff --git a/style.css b/style.css index 52fe491..83e56dc 100644 --- a/style.css +++ b/style.css @@ -1110,20 +1110,164 @@ label { /* 滚动条样式 */ ::-webkit-scrollbar { - width: 6px; + width: 8px; + height: 8px; } ::-webkit-scrollbar-track { - background: var(--el-bg-color-page); + background: #f1f1f1; + border-radius: 4px; } ::-webkit-scrollbar-thumb { - background: var(--el-border-color); - border-radius: 3px; + background: #ccc; + border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { - background: var(--el-text-secondary); + background: #999; +} + +/* 套餐管理页面样式 */ +.package-card { + transition: all 0.3s ease; + margin-bottom: 20px; +} + +.package-card:hover { + transform: translateY(-2px); + box-shadow: 0 4px 15px rgba(0,0,0,0.1); +} + +.package-card.inactive { + opacity: 0.7; +} + +.package-card.inactive .package-title { + text-decoration: line-through; +} + +.package-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 15px; +} + +.package-title { + font-size: 1.2rem; + margin: 0; + color: #2c3e50; +} + +.package-description { + color: #666; + margin-bottom: 15px; + line-height: 1.5; +} + +.package-details { + margin-bottom: 15px; +} + +.package-actions { + display: flex; + gap: 10px; + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid #eee; +} + +.package-services { + margin-top: 15px; +} + +.services-tags { + display: flex; + flex-wrap: wrap; + gap: 8px; + margin-top: 8px; +} + +.service-tag { + background: #f5f5f5; + color: #666; + padding: 4px 12px; + border-radius: 20px; + font-size: 0.85rem; + border: 1px solid #eee; +} + +.empty-state { + text-align: center; + padding: 60px 20px; + color: #999; +} + +.empty-icon { + font-size: 3rem; + margin-bottom: 15px; +} + +.empty-message { + font-size: 1.2rem; + margin-bottom: 5px; + color: #666; +} + +.empty-submessage { + font-size: 0.9rem; +} + +/* 表单样式 */ +.form-row { + display: flex; + gap: 20px; + margin-bottom: 15px; +} + +.form-row .form-group { + flex: 1; + margin-bottom: 0; +} + +.services-container { + margin-bottom: 15px; +} + +.service-item { + display: flex; + gap: 10px; + margin-bottom: 10px; +} + +.service-item input { + flex: 1; +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .form-row { + flex-direction: column; + } + + .packages-grid { + grid-template-columns: 1fr; + } + + .package-actions { + flex-direction: column; + } + + .package-actions button { + width: 100%; + } +} + +.packages-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); + gap: 20px; } /* 套餐管理页面样式 */