From 14d2ad7b53356b62cae6b443e8da347fe03b284c Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Fri, 20 Mar 2026 00:25:12 +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=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages-quick/components/Tabs/index.vue | 15 ++++++++++++--
 src/pages-quick/list.vue                  | 25 ++++++++++++-----------
 2 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/src/pages-quick/components/Tabs/index.vue b/src/pages-quick/components/Tabs/index.vue
index bc81081..4ba5e6a 100644
--- a/src/pages-quick/components/Tabs/index.vue
+++ b/src/pages-quick/components/Tabs/index.vue
@@ -61,8 +61,12 @@ const tabList = ref([]);
 
 // 处理Tab点击
 const handleTabClick = (index) => {
-  if (activeIndex.value === index) return;
+  changeTabItem(index);
+};
 
+// 支持 force 参数，强制触发（即使 index 与当前相同）
+const changeTabItem = (index, force = false) => {
+  if (!force && activeIndex.value === index) return;
   activeIndex.value = index;
 
   emit("change", {
@@ -70,7 +74,8 @@ const handleTabClick = (index) => {
     item: tabList.value[index],
   });
   emit("update:modelValue", index);
-};
+}
+
 
 // 监听tabs变化
 watch(
@@ -114,6 +119,12 @@ const getCommodityTypePageList = async () => {
   } else {
     tabList.value = props.tabs;
   }
+  // 加载完成后强制选中第一个项并通知外部
+  if (tabList.value && tabList.value.length > 0) {
+    changeTabItem(0, true);
+  } else {
+    changeTabItem(props.defaultActive, true);
+  }
 };
 
 </script>
diff --git a/src/pages-quick/list.vue b/src/pages-quick/list.vue
index 4e89d7c..e56da49 100644
--- a/src/pages-quick/list.vue
+++ b/src/pages-quick/list.vue
@@ -4,16 +4,16 @@
     <template #top>
       <TopNavBar title="快速预定" :background="$theme-color-100" />
 
-      <Tabs @change="handleTabChange" />
+      <Tabs @change="handleTabChange"/>
 
       <!-- 选择入住、离店日期 0:是酒店 -->
-      <view v-if="currentType === '0' && dataList.length > 0" class="bg-white border-box flex flex-items-center p-12">
+      <view v-if="didSelectedTabItem && didSelectedTabItem.orderType === 0" class="bg-white border-box flex flex-items-center p-12">
         <view class="in flex flex-items-center">
           <text class="font-size-11 font-500 color-99A0AE mr-4">入住</text>
           <text class="font-size-14 font-500 color-171717">
             {{ selectedDate.startDate }}
           </text>
-        </view>
+        </view> 
 
         <!-- 几晚 -->
         <text class="nights bg-E5E8EE border-box font-size-11 font-500 color-525866 rounded-50 ml-8 mr-8">
@@ -57,17 +57,22 @@ const selectedDate = ref({
 });
 const dataList = ref([]);
 const paging = ref(null);
-const currentType = ref("0"); // 当前选中类型
+// 当前选中项
+const didSelectedTabItem = ref(null);
 
 const queryList = async (pageNum = 1, pageSize = 10) => {
+  if (!didSelectedTabItem.value) {
+    paging.value.complete([]);
+    return;
+  }
   try {
     const params = {
-      commodityTypeCode: currentType.value,
+      commodityTypeCode: didSelectedTabItem.value.typeCode,
       size: pageSize,
       current: pageNum,
     };
 
-    if (currentType.value === "0") {
+    if (didSelectedTabItem.value.orderType === 0) {
       params.checkInDate = selectedDate.value.startDate;
       params.checkOutDate = selectedDate.value.endDate;
     }
@@ -92,12 +97,8 @@ const queryList = async (pageNum = 1, pageSize = 10) => {
 };
 
 const handleTabChange = ({ item }) => {
-  console.log("item typeCode: ", item.typeCode);
-  currentType.value = item.typeCode;
-
-  if (currentType.value === "0") {
-  }
-
+  console.log("选中的tab item: ", item);
+  didSelectedTabItem.value = item;
   paging.value.reload();
 };