components/CreateServiceOrder/styles/index.scss

@@ -112,7 +112,8 @@
   outline: none;
   width: 100%;
   font-size: 14px;
-  color: #333;
+  color: #999;
+  border-bottom: 1px solid #ddd;
 }
 
 .order-button {

pages/index/index.vue

@@ -2,50 +2,10 @@
   <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,17 +22,41 @@
         <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();
@@ -58,12 +82,7 @@ const selectDate = (index) => {
 };
 
 const openCalendar = () => {
-  uni.$emit("openCalendar");
-
-  uni.$on("selectCalendarDate", (date) => {
-    emit("update:date", { fullDate: date });
-    uni.$off("selectCalendarDate");
-  });
+  calendarVisible.value = true;
 };
 
 onMounted(() => {