|
|
@ -375,9 +375,9 @@ const chartInteractionTimer = ref(null); // 图表交互检测定时器 |
|
|
|
|
|
|
|
// 获取当前活动页面的滚动容器 |
|
|
|
const getCurrentScrollContainer = () => { |
|
|
|
if (activeTab.value === 'AIchat') { |
|
|
|
if (activeTab.value === "AIchat") { |
|
|
|
return tabContentAIchat.value; |
|
|
|
} else if (activeTab.value === 'AiEmotion') { |
|
|
|
} else if (activeTab.value === "AiEmotion") { |
|
|
|
return tabContentAiEmotion.value; |
|
|
|
} |
|
|
|
return null; |
|
|
@ -408,7 +408,12 @@ const throttledSmoothScrollToBottom = _.throttle(smoothScrollToBottom, 300, { |
|
|
|
|
|
|
|
// AiEmotion页面自动滚动到底部的防抖函数 |
|
|
|
const debouncedAiEmotionScrollToBottom = _.debounce(() => { |
|
|
|
if (activeTab.value === 'AiEmotion' && isAiEmotionAutoScrollEnabled.value && !isAiEmotionUserScrolling.value && !isChartInteracting.value) { |
|
|
|
if ( |
|
|
|
activeTab.value === "AiEmotion" && |
|
|
|
isAiEmotionAutoScrollEnabled.value && |
|
|
|
!isAiEmotionUserScrolling.value && |
|
|
|
!isChartInteracting.value |
|
|
|
) { |
|
|
|
const container = tabContentAiEmotion.value; |
|
|
|
if (container) { |
|
|
|
container.scrollTop = container.scrollHeight - container.offsetHeight; |
|
|
@ -425,7 +430,11 @@ const startAiEmotionHeightObserver = () => { |
|
|
|
|
|
|
|
// 创建ResizeObserver监听页面内容变化 |
|
|
|
aiEmotionHeightObserver.value = new ResizeObserver((entries) => { |
|
|
|
if (isAiEmotionAutoScrollEnabled.value && activeTab.value === 'AiEmotion' && !isChartInteracting.value) { |
|
|
|
if ( |
|
|
|
isAiEmotionAutoScrollEnabled.value && |
|
|
|
activeTab.value === "AiEmotion" && |
|
|
|
!isChartInteracting.value |
|
|
|
) { |
|
|
|
debouncedAiEmotionScrollToBottom(); |
|
|
|
} |
|
|
|
}); |
|
|
@ -456,7 +465,12 @@ const startAiEmotionHeightObserver = () => { |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
if (shouldScroll && isAiEmotionAutoScrollEnabled.value && activeTab.value === 'AiEmotion' && !isChartInteracting.value) { |
|
|
|
if ( |
|
|
|
shouldScroll && |
|
|
|
isAiEmotionAutoScrollEnabled.value && |
|
|
|
activeTab.value === "AiEmotion" && |
|
|
|
!isChartInteracting.value |
|
|
|
) { |
|
|
|
debouncedAiEmotionScrollToBottom(); |
|
|
|
} |
|
|
|
}); |
|
|
@ -477,7 +491,9 @@ const startAiEmotionHeightObserver = () => { |
|
|
|
|
|
|
|
// 为AiEmotion页面的滚动容器添加滚动事件监听器 |
|
|
|
if (aiEmotionContainer) { |
|
|
|
aiEmotionContainer.addEventListener('scroll', handleAiEmotionUserScroll, { passive: true }); |
|
|
|
aiEmotionContainer.addEventListener("scroll", handleAiEmotionUserScroll, { |
|
|
|
passive: true, |
|
|
|
}); |
|
|
|
// 保存滚动事件监听器引用以便清理 |
|
|
|
aiEmotionHeightObserver.value.scrollListener = handleAiEmotionUserScroll; |
|
|
|
} |
|
|
@ -532,7 +548,7 @@ window.handleChartInteractionEnd = handleChartInteractionEnd; |
|
|
|
|
|
|
|
// 处理AiEmotion页面的滚动请求 |
|
|
|
const handleAiEmotionScrollToBottom = () => { |
|
|
|
if (activeTab.value === 'AiEmotion') { |
|
|
|
if (activeTab.value === "AiEmotion") { |
|
|
|
const container = tabContentAiEmotion.value; |
|
|
|
if (container) { |
|
|
|
// 使用nextTick确保DOM已更新 |
|
|
@ -566,8 +582,14 @@ const stopAiEmotionHeightObserver = () => { |
|
|
|
} |
|
|
|
|
|
|
|
// 清理滚动事件监听器 |
|
|
|
if (aiEmotionHeightObserver.value.scrollListener && tabContentAiEmotion.value) { |
|
|
|
tabContentAiEmotion.value.removeEventListener('scroll', aiEmotionHeightObserver.value.scrollListener); |
|
|
|
if ( |
|
|
|
aiEmotionHeightObserver.value.scrollListener && |
|
|
|
tabContentAiEmotion.value |
|
|
|
) { |
|
|
|
tabContentAiEmotion.value.removeEventListener( |
|
|
|
"scroll", |
|
|
|
aiEmotionHeightObserver.value.scrollListener |
|
|
|
); |
|
|
|
aiEmotionHeightObserver.value.scrollListener = null; |
|
|
|
} |
|
|
|
|
|
|
@ -837,7 +859,8 @@ const touchmoveHandler = (e) => { |
|
|
|
} |
|
|
|
// 判断触摸目标是否在当前活动页面的可滚动区域内 |
|
|
|
const currentContainer = getCurrentScrollContainer(); |
|
|
|
const isScrollableArea = currentContainer && currentContainer.contains(e.target); |
|
|
|
const isScrollableArea = |
|
|
|
currentContainer && currentContainer.contains(e.target); |
|
|
|
|
|
|
|
// 如果不在可滚动区域,则阻止滚动 |
|
|
|
if (!isScrollableArea) { |
|
|
@ -905,12 +928,14 @@ const backToHome = () => { |
|
|
|
if (env == "development" || env == "test") { |
|
|
|
window.parent.location.href = |
|
|
|
"http://121.89.234.155:8807/hljw/homepage?menu=999999991"; |
|
|
|
} else if (env == "product") { |
|
|
|
window.parent.location.href = |
|
|
|
"https://web.homilychart.com/product/hljw/homepage?menu=999999991"; |
|
|
|
} else if (env == "production") { |
|
|
|
window.parent.location.href = |
|
|
|
"https://web.homilychart.com/hljw/homepage?menu=999999991"; |
|
|
|
} else { |
|
|
|
window.parent.postMessage( |
|
|
|
{ |
|
|
|
type: "NAVIGATE_TO_HOMEPAGE", |
|
|
|
menu: "999999991", |
|
|
|
}, |
|
|
|
"*" |
|
|
|
); |
|
|
|
} |
|
|
|
// window.parent.location.href = window.parent.document.referrer |
|
|
|
} |
|
|
@ -983,7 +1008,6 @@ const goChange = () => { |
|
|
|
setTimeout(() => { |
|
|
|
changeSuccessDialogVisible.value = false; |
|
|
|
}, 3000); |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
// 8.18金币兑换Token end |
|
|
@ -1033,15 +1057,15 @@ onUnmounted(() => { |
|
|
|
stopAiEmotionHeightObserver(); |
|
|
|
|
|
|
|
// 清理图表交互相关的定时器和全局函数 |
|
|
|
if (chartInteractionTimer.value) { |
|
|
|
clearTimeout(chartInteractionTimer.value); |
|
|
|
} |
|
|
|
if (window.handleChartInteractionStart) { |
|
|
|
delete window.handleChartInteractionStart; |
|
|
|
} |
|
|
|
if (window.handleChartInteractionEnd) { |
|
|
|
delete window.handleChartInteractionEnd; |
|
|
|
} |
|
|
|
if (chartInteractionTimer.value) { |
|
|
|
clearTimeout(chartInteractionTimer.value); |
|
|
|
} |
|
|
|
if (window.handleChartInteractionStart) { |
|
|
|
delete window.handleChartInteractionStart; |
|
|
|
} |
|
|
|
if (window.handleChartInteractionEnd) { |
|
|
|
delete window.handleChartInteractionEnd; |
|
|
|
} |
|
|
|
}); |
|
|
|
</script> |
|
|
|
|
|
|
@ -1142,7 +1166,6 @@ onUnmounted(() => { |
|
|
|
<div class="pc-count-number">{{ UserCount }}</div> |
|
|
|
</div> |
|
|
|
<div class="pc-clickGetCount">点击获取Token</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="pc-backToHomeBtn" @click="backToHome()"> |
|
|
|
<img |
|
|
|