center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

fix(仪表板): 修复Tab组件加过滤器轮播视图可能不显示的问题

Browse Source
This commit is contained in:
wangjiahao 2022-11-29 22:18:44 +08:00
parent 39e226c4e4
commit c1fca154db
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/components/widget/deWidget/DeTabs.vue
View File

@ -464,15 +464,20 @@ export default {
}
},
initCarousel() {
this.timer && clearInterval(this.timer)
if (this.element.style.carouselEnable) {
const switchTime = (this.element.style.switchTime || 5) * 1000
const _this = this
_this.timer && clearInterval(_this.timer)
if (_this.element.style.carouselEnable) {
const switchTime = (_this.element.style.switchTime || 5) * 1000
let switchCount = 1
// 轮播定时器
this.timer = setInterval(() => {
const nowIndex = switchCount % this.element.options.tabList.length
_this.timer = setInterval(() => {
const nowIndex = switchCount % _this.element.options.tabList.length
switchCount++
this.activeTabName = this.element.options.tabList[nowIndex].name
_this.activeTabName = _this.element.options.tabList[nowIndex].name
const targetRef = _this.$refs['canvasTabRef-' + _this.activeTabName]
if (targetRef) {
targetRef[0].restore()
}
}, switchTime)
}
},