fix(图表): 图表操作弹窗优化,下拉菜单显示隐藏时,仅操作图表的tooltip

This commit is contained in:
jianneng-fit2cloud
2025-04-10 12:10:31 +08:00
committed by jianneng-fit2cloud
parent 21ee6a0883
commit 79a1f96fe6
4 changed files with 12 additions and 17 deletions

View File

@@ -56,21 +56,16 @@ const state = reactive({
}
})
const visibleChange = isVisible => {
const tooltips = document.querySelectorAll('.g2-tooltip')
if (tooltips) {
tooltips.forEach(tooltip => {
if (isVisible) {
// 当下拉菜单显示时,添加隐藏样式
tooltip.classList.add('hidden-tooltip')
} else {
// 当下拉菜单隐藏时,移除隐藏样式
tooltip.classList.remove('hidden-tooltip')
}
})
}
document.querySelectorAll('.g2-tooltip')?.forEach(tooltip => {
if (tooltip.id?.includes(chartId.value)) {
tooltip.classList.toggle('hidden-tooltip', isVisible)
}
})
}
const trackButtonClick = () => {
// 添加图表标识,用于区分不同图表的 tooltip
const chartId = ref(null)
const trackButtonClick = (id?: string) => {
chartId.value = id
setTimeout(() => {
trackButton.value.click()
}, 50)

View File

@@ -515,7 +515,7 @@ const action = param => {
state.trackBarStyle.top = barStyleTemp.top + 'px'
}
viewTrack.value.trackButtonClick()
viewTrack.value.trackButtonClick(view.value.id)
}
}

View File

@@ -494,7 +494,7 @@ const action = param => {
state.trackBarStyle.top = trackBarY + 'px'
}
viewTrack.value.trackButtonClick()
viewTrack.value.trackButtonClick(view.value.id)
}
}

View File

@@ -402,7 +402,7 @@ const action = param => {
state.trackBarStyle.top = barStyleTemp.top + 'px'
}
viewTrack.value.trackButtonClick()
viewTrack.value.trackButtonClick(view.value.id)
}
}
const appStore = useAppStoreWithOut()