feat: 快速预定的日历调整

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>

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(() => {