refactor(详情页): 优化代码结构并移除调试日志

移除多余的console.log调试语句
添加Tabs组件类型引用
调整滚动重置逻辑
This commit is contained in:
dzq 2025-12-02 17:12:31 +08:00
parent cdc59df3db
commit f543a7e858
1 changed files with 11 additions and 16 deletions

View File

@ -6,6 +6,7 @@ import { storeToRefs } from 'pinia'
import { toHttpsUrl } from '@/utils' import { toHttpsUrl } from '@/utils'
// import { onLoad, onReachBottom, onShow } from '@dcloudio/uni-app' // import { onLoad, onReachBottom, onShow } from '@dcloudio/uni-app'
import { getBorrowReturnDynamicApi, type BorrowReturnDynamicDTO, type SearchBorrowReturnDynamicQuery } from '@/api/order' import { getBorrowReturnDynamicApi, type BorrowReturnDynamicDTO, type SearchBorrowReturnDynamicQuery } from '@/api/order'
import { TabsInstance } from 'wot-design-uni/components/wd-tabs/types'
// //
const props = defineProps<{ const props = defineProps<{
@ -19,7 +20,9 @@ const emit = defineEmits<{
// //
const cartStore = useCartStore() const cartStore = useCartStore()
const { cartItems } = storeToRefs(cartStore) const { cartItems } = storeToRefs(cartStore);
const tabsRef = ref<TabsInstance>();
// //
const showAddCart = ref<boolean>(false) const showAddCart = ref<boolean>(false)
@ -45,7 +48,6 @@ const scrollHeight = computed(() => {
const headerHeight = 60 // const headerHeight = 60 //
const actionBarHeight = 64 // const actionBarHeight = 64 //
const tabHeight = 44 // const tabHeight = 44 //
console.log('scrollHeight', windowHeight, headerHeight, actionBarHeight, tabHeight)
return `${windowHeight - headerHeight - actionBarHeight - tabHeight}px` return `${windowHeight - headerHeight - actionBarHeight - tabHeight}px`
}) })
@ -103,8 +105,6 @@ function doShowAddCart(): boolean {
// //
async function loadDynamicList(page: number = 1) { async function loadDynamicList(page: number = 1) {
console.log('loadDynamicList', page)
console.log('props.product', props.product)
if (!props.product?.id) return if (!props.product?.id) return
loading.value = true loading.value = true
@ -118,7 +118,6 @@ async function loadDynamicList(page: number = 1) {
} }
const response = await getBorrowReturnDynamicApi(query) const response = await getBorrowReturnDynamicApi(query)
console.log('response', response)
if (response?.data?.rows) { if (response?.data?.rows) {
if (page === 1) { if (page === 1) {
@ -132,7 +131,6 @@ async function loadDynamicList(page: number = 1) {
pageNum.value = page pageNum.value = page
// //
console.log('dynamicList.value.length', dynamicList.value.length, 'total.value', total.value)
if (dynamicList.value.length >= total.value) { if (dynamicList.value.length >= total.value) {
loadmoreState.value = 'finished' loadmoreState.value = 'finished'
} else { } else {
@ -149,7 +147,6 @@ async function loadDynamicList(page: number = 1) {
// //
function loadMoreData() { function loadMoreData() {
console.log('loadMoreData', pageNum.value, loadmoreState.value, loading.value, dynamicList.value.length, total.value)
if (loadmoreState.value === 'finished' || loading.value) return if (loadmoreState.value === 'finished' || loading.value) return
if (dynamicList.value.length >= total.value) { if (dynamicList.value.length >= total.value) {
loadmoreState.value = 'finished' loadmoreState.value = 'finished'
@ -160,7 +157,6 @@ function loadMoreData() {
// scroll-view // scroll-view
function handleScrollToLower() { function handleScrollToLower() {
console.log('handleScrollToLower', pageNum.value, loadmoreState.value, loading.value, dynamicList.value.length, total.value)
loadMoreData() loadMoreData()
} }
@ -178,15 +174,14 @@ const refreshDynamicList = () => {
loadDynamicList(1); loadDynamicList(1);
} }
onShow(() => {
refreshDynamicList();
})
watch(() => props.product, () => { watch(() => props.product, () => {
// //
activeTab.value = 0; // activeTab.value = 0;
wx.pageScrollTo({
scrollTop: 0,
duration: 300
});
tabsRef.value?.updateLineStyle(false);
quantity.value = 1; quantity.value = 1;
showAddCart.value = false; showAddCart.value = false;
refreshDynamicList(); refreshDynamicList();
@ -207,7 +202,7 @@ watch(() => props.product, () => {
<view class="content-area"> <view class="content-area">
<!-- 标签页内容 --> <!-- 标签页内容 -->
<view class="tab-content"> <view class="tab-content">
<wd-tabs v-model="activeTab"> <wd-tabs v-model="activeTab" ref="tabsRef">
<!-- 标签1商品信息 --> <!-- 标签1商品信息 -->
<wd-tab title="商品信息"> <wd-tab title="商品信息">
<!-- 商品主图 --> <!-- 商品主图 -->