From 79f33497c7c70277d76925b1f218d0d7d3c0d56c Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Sun, 10 Aug 2025 23:14:24 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BF=AB=E9=80=9F=E9=A2=84=E5=AE=9A?=
 =?UTF-8?q?=E7=9A=84=E6=97=A5=E5=8E=86=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue                         | 42 ++++++++++++++++++-
 pages/module/booking/QuickBookingCalender.vue | 33 ++++-----------
 2 files changed, 48 insertions(+), 27 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index 23b647a..77ff20a 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -2,10 +2,50 @@
   <view class="container">
     <ChatMainList />
   </view>
+
+  <!-- 日历组件 -->
+  <Calender
+      :visible="calendarVisible"
+      mode="single"
+      :default-value="selectedDate"
+      @close="handleCalendarClose"
+      @select="handleDateSelect"
+    />
+
+
 </template>
 
 <script setup>
+import { ref, onMounted, onUnmounted } from "vue";
 import ChatMainList from "../chat/ChatMainList.vue";
+import Calender from "@/components/Calender/index.vue";
+
+
+const calendarVisible = ref(false);
+const selectedDate = ref("");
+
+// 处理日历关闭
+const handleCalendarClose = () => {
+  calendarVisible.value = false;
+};
+
+// 处理日期选择
+const handleDateSelect = (data) => {
+  selectedDate.value = data.date;
+  calendarVisible.value = false;
+  console.log("选择的日期:", data.date);
+  uni.$emit("selectCalendarDate", selectedDate.value); // 传回父组件
+
+};
+
+uni.$on("openCalendar", () => {
+  calendarVisible.value = true;
+});
+
+onUnmounted(() => {
+	// uni.$off('openCalendar')
+})
+
 </script>
 
 <style lang="scss" scoped>
@@ -14,4 +54,4 @@ import ChatMainList from "../chat/ChatMainList.vue";
   height: 100vh;
   background-color: #ffffff;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/module/booking/QuickBookingCalender.vue b/pages/module/booking/QuickBookingCalender.vue
index 68d51ea..7f2c973 100644
--- a/pages/module/booking/QuickBookingCalender.vue
+++ b/pages/module/booking/QuickBookingCalender.vue
@@ -22,41 +22,17 @@
         <text class="calendar-text">日历</text>
       </view>
     </view>
-    <!-- 日历组件 -->
-    <Calender
-      :visible="calendarVisible"
-      mode="single"
-      :default-value="selectedDate"
-      @close="handleCalendarClose"
-      @select="handleDateSelect"
-    />
+    
   </view>
 </template>
 
 <script setup>
 import { ref, onMounted } from "vue";
 const emit = defineEmits(["update:date"]); // 声明事件
-import Calender from "@/components/Calender/index.vue";
 
 const activeIndex = ref(2); // 默认今天
 const dates = ref([]);
 
-const calendarVisible = ref(false);
-const selectedDate = ref("");
-
-// 处理日历关闭
-const handleCalendarClose = () => {
-  calendarVisible.value = false;
-};
-
-// 处理日期选择
-const handleDateSelect = (data) => {
-  selectedDate.value = data.date;
-  calendarVisible.value = false;
-  console.log("选择的日期:", data.date);
-  emit("update:date", { fullDate: selectedDate.value }); // 传回父组件
-};
-
 // 初始化日期（前天、昨天、今天、明天、后天）
 const initDates = () => {
   const today = new Date();
@@ -82,7 +58,12 @@ const selectDate = (index) => {
 };
 
 const openCalendar = () => {
-  calendarVisible.value = true;
+  uni.$emit("openCalendar");
+
+  uni.$on("selectCalendarDate", (date) => {
+    emit("update:date", { fullDate: date });
+    uni.$off("selectCalendarDate");
+  });
 };
 
 onMounted(() => {