From 1c0ea86e69dfc6aeaf4c81b3bfa00ef47a18b30a Mon Sep 17 00:00:00 2001
From: DEV_DSW <562304744@qq.com>
Date: Tue, 2 Jun 2026 11:25:10 +0800
Subject: [PATCH] refactor(booking): move DetailPopup to local components and
 update styles

remove the global DetailPopup SCSS style file, update the component import path in the booking page, and rewrite the component using Tailwind CSS classes.
---
 src/components/DetailPopup/styles/index.scss             | 9 ---------
 src/{ => pages/booking}/components/DetailPopup/index.vue | 0
 src/pages/booking/index.vue                              | 2 +-
 3 files changed, 1 insertion(+), 10 deletions(-)
 delete mode 100644 src/components/DetailPopup/styles/index.scss
 rename src/{ => pages/booking}/components/DetailPopup/index.vue (100%)

diff --git a/src/components/DetailPopup/styles/index.scss b/src/components/DetailPopup/styles/index.scss
deleted file mode 100644
index 57425d5..0000000
--- a/src/components/DetailPopup/styles/index.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-.refund-popup {
-  border-radius: 15px 15px 0 0;
-  padding-bottom: 40px;
-}
-
-.close {
-  top: 14px;
-  right: 12px;
-}
diff --git a/src/components/DetailPopup/index.vue b/src/pages/booking/components/DetailPopup/index.vue
similarity index 100%
rename from src/components/DetailPopup/index.vue
rename to src/pages/booking/components/DetailPopup/index.vue
diff --git a/src/pages/booking/index.vue b/src/pages/booking/index.vue
index 3d3d65b..d3ee749 100644
--- a/src/pages/booking/index.vue
+++ b/src/pages/booking/index.vue
@@ -69,7 +69,7 @@ import DateRangeSection from "@/components/DateRangeSection/index.vue";
 import ContactSection from "./components/ConactSection/index.vue";
 import UserSection from "./components/UserSection/index.vue";
 import RefundPopup from "@/components/RefundPopup/index.vue";
-import DetailPopup from "@/components/DetailPopup/index.vue";
+import DetailPopup from "./components/DetailPopup/index.vue";
 import FooterSection from "./components/FooterSection/index.vue";
 import { goodsDetail, orderPay } from "@/api/goods";
 import { useSelectedDateStore } from "@/store";