From fef285f98d733b756040de086922084385eb5b3a Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Sat, 2 Aug 2025 19:50:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=E4=BA=86=E6=97=A5?=
 =?UTF-8?q?=E5=8E=86=E7=9A=84=E9=80=89=E6=8B=A9=E7=BB=84=E4=BB=B6=E4=B8=8E?=
 =?UTF-8?q?=E5=BF=AB=E9=80=9F=E9=A2=84=E5=AE=9A=E7=9A=84=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82=E8=81=94=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/chat/ChatMainList.vue                   |   2 +-
 pages/chat/ChatTopWelcome.vue                 |   2 +-
 pages/module/booking/QuickBookingCalender.vue | 119 ++++++++++++++++++
 .../module/booking/QuickBookingComponent.vue  |  40 ++++--
 .../discovery/DiscoveryCardComponent.vue      |   2 +-
 static/booking_calendar.png                   | Bin 0 -> 791 bytes
 6 files changed, 153 insertions(+), 12 deletions(-)
 create mode 100644 pages/module/booking/QuickBookingCalender.vue
 create mode 100644 static/booking_calendar.png

diff --git a/pages/chat/ChatMainList.vue b/pages/chat/ChatMainList.vue
index cc37f25..cff7fd6 100644
--- a/pages/chat/ChatMainList.vue
+++ b/pages/chat/ChatMainList.vue
@@ -33,7 +33,7 @@
 								<CreateServiceOrder v-else-if="item.toolCall.componentName === CompName.createWorkOrderCard"/>
 							</template>
 							<template #footer >
-								<text> 这个是底部 </text>
+								<!-- <text> 这个是底部 </text> -->
 							</template>
 						</ChatCardAI>			  
 				  </template>
diff --git a/pages/chat/ChatTopWelcome.vue b/pages/chat/ChatTopWelcome.vue
index f940814..0e9022d 100644
--- a/pages/chat/ChatTopWelcome.vue
+++ b/pages/chat/ChatTopWelcome.vue
@@ -4,7 +4,7 @@
 			<!-- :style="backgroundStyle" -->
 			<view class="top-item1-left">
 				<image :src="initPageImages.welcomeImageUrl"></image>
-				<text>{{ currentDate }} 多云 -3～6℃ ff </text>						  
+				<text>{{ currentDate }} 多云 -3～6℃ cc </text>						  
 			</view>
 			<view class="top-item1-right">
 				<image :src="initPageImages.logoImageUrl"></image>
diff --git a/pages/module/booking/QuickBookingCalender.vue b/pages/module/booking/QuickBookingCalender.vue
new file mode 100644
index 0000000..c66d016
--- /dev/null
+++ b/pages/module/booking/QuickBookingCalender.vue
@@ -0,0 +1,119 @@
+<template>
+  <view class="date-picker">
+    <view class="date-list">
+      <view
+        v-for="(item, index) in dates"
+        :key="index"
+        class="date-item"
+        :class="{ active: index === activeIndex }"
+        @click="selectDate(index)"
+      >
+        <text class="label">{{ item.label }}</text>
+        <text class="date">{{ item.date }}</text>
+      </view>
+
+      <!-- 日历按钮 -->
+      <view class="calendar-btn btn-bom" @click="openCalendar">
+        <image src="/static/booking_calendar.png" mode="widthFix" class="calendar-img" />
+        <text class="calendar-text">日历</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+const emit = defineEmits(['update:date']); // 声明事件
+
+const activeIndex = ref(2); // 默认今天
+const dates = ref([]);
+
+// 初始化日期（前天、昨天、今天、明天、后天）
+const initDates = () => {
+  const today = new Date();
+  const labels = ['前天', '昨天', '今天', '明天', '后天'];
+  for (let i = -2; i <= 2; i++) {
+    const d = new Date(today);
+    d.setDate(today.getDate() + i);
+    const month = d.getMonth() + 1;
+    const day = d.getDate();
+    dates.value.push({
+      label: labels[i + 2],
+      date: `${month}/${day}`,
+      fullDate: `${d.getFullYear()}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`
+    });
+  }
+};
+
+const selectDate = (index) => {
+    activeIndex.value = index;
+    emit('update:date', dates.value[index]); // 传回父组件
+};
+
+const openCalendar = () => {
+  uni.showToast({ title: '打开日历', icon: 'none' });
+};
+
+onMounted(() => {
+  initDates();
+});
+</script>
+
+<style scoped>
+.date-picker {
+  background: rgba(140, 236, 255, 0.24);
+  padding: 8rpx 0;
+  border-radius: 8rpx;
+  margin-top: 12px;
+}
+
+.date-list {
+  display: flex;
+}
+
+.date-item,
+.calendar-btn {
+  flex: 1; /* 等宽 */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 12rpx 0;
+  border-radius: 16rpx;
+}
+
+.label {
+  font-size: 24rpx;
+  color: #999;
+}
+.date {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #555;
+}
+
+.date-item.active {
+  background-color: #00A6FF;
+}
+.date-item.active .label,
+.date-item.active .date {
+  color: #fff;
+}
+
+/* 日历按钮 */
+.calendar-btn {
+  background: #fff;
+  border-radius: 0 16rpx 16rpx 0;
+  margin: -8rpx 0;
+  box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1); /* 阴影 */
+}
+.calendar-img {
+  width: 48rpx;
+  height: 48rpx;
+}
+.calendar-text {
+  font-size: 22rpx;
+  color: #666;
+  margin-top: 4rpx;
+}
+</style>
diff --git a/pages/module/booking/QuickBookingComponent.vue b/pages/module/booking/QuickBookingComponent.vue
index 00bf1ea..e414722 100644
--- a/pages/module/booking/QuickBookingComponent.vue
+++ b/pages/module/booking/QuickBookingComponent.vue
@@ -1,9 +1,7 @@
 <template>
 	<view class="container">
-		<view class="calendar"></view>
-		
-		<view v-for="item in commodityGroupDTOList" :key="item.title">
-			
+		<QuickBookingCalender class="calendar" @update:date="onDateSelected" />
+		<view v-for="item in commodityGroupDTOList" :key="commodityGroupKey(item.title)">
 			<QuickBookingContentList :commodityDTO="item" />
 		</view>
 		
@@ -11,24 +9,49 @@
 </template>
 
 <script setup>
+	import QuickBookingCalender from './QuickBookingCalender.vue'
 	import QuickBookingContentList from './QuickBookingContentList.vue'
 	import { ref, nextTick } from 'vue'
 	import { onMounted } from 'vue'
 	import { quickBookingComponent } from '@/request/api/MainPageDataApi'
 	import { SCROLL_TO_BOTTOM } from '@/constant/constant'
 
+	const selectedDate = ref({});
+
 	const commodityGroupDTOList = ref([])
+	const formattedDate = ref('')
 
 	const loadQuickBookingComponent = async () => {
-		const res = await quickBookingComponent('2025-07-29')
+	    formattedDate.value = formatDate(selectedDate.value.fullDate || new Date());
+		const res = await quickBookingComponent(formattedDate.value)
 		if(res.code === 0 && res.data) {
-			commodityGroupDTOList.value.push(...res.data.commodityGroupDTOList)
-			
+			commodityGroupDTOList.value = res.data.commodityGroupDTOList
 			nextTick(() => {
-				uni.$emit(SCROLL_TO_BOTTOM, true)
+				setTimeout(() => {
+					uni.$emit(SCROLL_TO_BOTTOM, true)
+				}, 300)
 			});
 		}
 	}
+	
+	const onDateSelected = (date) => {
+		console.log('Selected date:', date);
+		selectedDate.value = date;
+		loadQuickBookingComponent();
+	};
+
+	// 格式化日期为 yyyy-MM-dd
+	const formatDate = (date) => {
+		const d = new Date(date);
+		const year = d.getFullYear();
+		const month = String(d.getMonth() + 1).padStart(2, '0');
+		const day = String(d.getDate()).padStart(2, '0');
+		return `${year}-${month}-${day}`;
+	};
+	
+	const commodityGroupKey = (title) => {
+		return `${title}${formattedDate.value}`
+	}
 
 	onMounted(() => {
 		console.log('=============')
@@ -47,7 +70,6 @@
 			width: 100%;
 			height: 58px;
 			margin: 12px 0 6px;
-			background-color: rgba(140,236,255,0.24);	
 		}
 		
 		
diff --git a/pages/module/discovery/DiscoveryCardComponent.vue b/pages/module/discovery/DiscoveryCardComponent.vue
index da44b17..dd6cac7 100644
--- a/pages/module/discovery/DiscoveryCardComponent.vue
+++ b/pages/module/discovery/DiscoveryCardComponent.vue
@@ -18,7 +18,7 @@
 	const loadDiscoveryCradComponent = async () => {
 		const res = await discoveryCradComponent()
 		if(res.code === 0 && res.data) {
-			themeDTOList.value.push(...res.data.themeDTOList)
+			themeDTOList.value = res.data.themeDTOList
 			
 			nextTick(() => {
 				uni.$emit(SCROLL_TO_BOTTOM, true)
diff --git a/static/booking_calendar.png b/static/booking_calendar.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f94ffd102ecc43e47e922376d98b21d4e15eb6b
GIT binary patch
literal 791
zcmV+y1L*vTP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px%(Md!>R7gv;l}kueQ5eU+^SIa4h%lm(T8IsZrU?;_5<y^#MpLq+oWvxFgw()A
zEr(gw!bKVyVGm2Chn1G&LLmroMk3J6AsEF)VG<+}`I>tkajqJfchqs1vpSFe`Tx#6
z-}jx1q?80gG`HKW{YXfVx2mg|m87P=p6-~QMlP4j2<3r70cvY&_0Hab5)dHAM|~|;
z2FYpmGQfZekLR@4)zt;9G=BjOM``@T<b>S-8Lxy=$T-1_DhU{<PH$RmW<hohfdEXk
z287Y9(rAEYk`j}A9?#<$H8uhEV~#yjQ{OuQAO#RCo<sryfH<>{z!a})63oK@z$_q;
zOZ#*LXmr=^okhO4o^K|=mSN8~40a!5+>9|DSo9QI8Ru0BMTmC8%Aa%Nx{^{t8YJM~
zN+Sfz5kgdGx>g<-_I8_q{pmRcj0f)#U8@)$@~SU^+}xt=<C9;SRe!?&{<IY!DfMuN
znomyLSJBt^;-}fq%r4|XqnQ%@;@HSQS4e;g@~htdD;S~qv5$j|mO;+Qx~h_(tk}`G
zoJku7gi5>h=GO#ZjN354(0V3otqXumA%t_~6&<h_GtTY+fDQnbMHL2=0zi-wdU@=V
z@7anNAixhP!5_jfTP0;&9Fia|tQ+LbLN**^Te{uJIA2OnBnTp1j!I{{0(+X;O1R_&
z01~S)C8Q%T;%f^lO>OB}<&5(@0E7XMzy!Z3J9EM`X?fn`6kOyl0;HgXbO%NTAA|)^
zFR9l%8pjwzlv0_Rx_55*K~pv2_kWFDUdzr-n+>}Tq7I1q75yJ%jPUEc%JXInx|>>^
zLW+|S1vx5ds%i96VA%I^v*v1_?V$aXVX(U^3N0n`$kBy``6m+40wDP-5&%fF4S|e_
ziP>`Y^HBdg^QmyV-Q>~Jo*FLrIf-O!BmgAQ93{B5wAgXm<#O?mKmAA`|L%=C;14h}
VLpR4ZOWgnf002ovPDHLkV1lX9XP5v0

literal 0
HcmV?d00001