zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 商品详情异常问题处理

Browse Source
This commit is contained in:
duanshuwen
2025-08-10 21:25:12 +08:00
parent bae468d11f
commit 1881faa47a
5 changed files with 164 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
pages/module/booking/QuickBookingComponent.vue
View File

@@ -1,78 +1,74 @@
<template>
<view class="container">
<QuickBookingCalender class="calendar" @update:date="onDateSelected" />
<view v-for="item in commodityGroupDTOList" :key="commodityGroupKey(item.title)">
<QuickBookingContentList :commodityDTO="item" />
</view>
</view>
<view class="container">
<QuickBookingCalender class="calendar" @update:date="onDateSelected" />
<view
v-for="item in commodityGroupDTOList"
:key="commodityGroupKey(item.title)"
>
<QuickBookingContentList :commodityDTO="item" />
</view>
</view>
</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'
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 selectedDate = ref({});
const commodityGroupDTOList = ref([])
const formattedDate = ref('')
const commodityGroupDTOList = ref([]);
const formattedDate = ref("");
const loadQuickBookingComponent = async () => {
formattedDate.value = formatDate(selectedDate.value.fullDate || new Date());
const res = await quickBookingComponent(formattedDate.value)
if(res.code === 0 && res.data) {
commodityGroupDTOList.value = res.data.commodityGroupDTOList
nextTick(() => {
setTimeout(() => {
uni.$emit(SCROLL_TO_BOTTOM, true)
}, 300)
});
}
}
const onDateSelected = (date) => {
console.log('Selected date:', date);
selectedDate.value = date;
loadQuickBookingComponent();
};
const loadQuickBookingComponent = async () => {
formattedDate.value = formatDate(selectedDate.value.fullDate || new Date());
const res = await quickBookingComponent(formattedDate.value);
if (res.code === 0 && res.data) {
commodityGroupDTOList.value = res.data.commodityGroupDTOList;
nextTick(() => {
setTimeout(() => {
uni.$emit(SCROLL_TO_BOTTOM, true);
}, 300);
});
}
};
// 格式化日期为 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}`
}
const onDateSelected = (date) => {
console.log("Selected date:", date);
selectedDate.value = date;
loadQuickBookingComponent();
};
onMounted(() => {
console.log('=============')
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("=============");
loadQuickBookingComponent();
});
</script>
<style scoped lang="scss">
.container {
width: 100%;
flex: 1;
margin-bottom: 12px;
.calendar {
width: 100%;
height: 58px;
margin: 12px 0 6px;
}
}
.container {
width: 100%;
flex: 1;
margin-bottom: 12px;
.calendar {
width: 100%;
}
}
</style>