feat: 提交订单页面搭建

src/pages-quick/list.vue

@@ -79,22 +79,27 @@ const selectedDate = ref({
   totalDays: 1,
 });
 const dataList = ref([]);
-const commodityGroupDTOList = ref([]);
 const paging = ref(null);
 const currentType = ref("0"); // 当前选中类型
 
 const queryList = async (pageNum = 1, pageSize = 10) => {
   try {
-    const res = await quickBookingList({
+    const params = {
       commodityTypeCode: currentType.value,
       size: pageSize,
       current: pageNum,
-    });
-    console.log("API响应:", res.data.commodityGroupDTOList);
+    };
 
-    if (res && res.data && res.data.commodityGroupDTOList) {
-      commodityGroupDTOList.value = res.data.commodityGroupDTOList;
-      const records = res.data.commodityGroupDTOList[0].commodityList;
+    if (currentType.value === "0") {
+      params.checkInDate = selectedDate.value.startDate;
+      params.checkOutDate = selectedDate.value.endDate;
+    }
+
+    const res = await quickBookingList(params);
+    console.log("API响应:", res.data.records);
+
+    if (res && res.data && res.data.records) {
+      const records = res.data.records;
 
       // 完成数据加载，第二个参数表示是否还有更多数据
       paging.value.complete(records);
@@ -112,13 +117,11 @@ const queryList = async (pageNum = 1, pageSize = 10) => {
 const handleTabChange = ({ item }) => {
   console.log("item", item.value);
   currentType.value = item.value;
-  // 从列表中找到对应的商品列表
-  const { commodityList } =
-    commodityGroupDTOList.value.find(
-      (i) => i.commodityTypeCode === item.value
-    ) || {};
-  dataList.value = commodityList || [];
-  paging.value.complete(commodityList);
+
+  if (currentType.value === "0") {
+  }
+
+  paging.value.reload();
 };
 
 // 处理日历关闭
@@ -131,6 +134,7 @@ const handleDateSelect = (data) => {
   selectedDate.value = data;
   calendarVisible.value = false;
   console.log("选择的日期:", data);
+  paging.value.reload();
 };
 </script>