diff --git a/nezha-fronted/src/components/chart/ChartScreenHeader.vue b/nezha-fronted/src/components/chart/ChartScreenHeader.vue index d9a2ca165..682ee7946 100644 --- a/nezha-fronted/src/components/chart/ChartScreenHeader.vue +++ b/nezha-fronted/src/components/chart/ChartScreenHeader.vue @@ -58,7 +58,7 @@ diff --git a/nezha-fronted/src/components/chart/chart/chartTimeSeries.vue b/nezha-fronted/src/components/chart/chart/chartTimeSeries.vue index de5c081bd..d2b2ad3e1 100644 --- a/nezha-fronted/src/components/chart/chart/chartTimeSeries.vue +++ b/nezha-fronted/src/components/chart/chart/chartTimeSeries.vue @@ -42,7 +42,7 @@ export default { data () { return { stackTotalColor: null, - isStack: false, + isStack: false } }, computed: { @@ -108,7 +108,7 @@ export default { let seriesIndex = 0 originalDatas.forEach((originalData, expressionIndex) => { originalData.forEach((data, dataIndex) => { - if (seriesIndex >= this.series.length) {// 只取跟series 一样长度作比较 + if (seriesIndex >= this.series.length) { // 只取跟series 一样长度作比较 return } seriesIndex++ diff --git a/nezha-fronted/src/components/chart/chart/grid/TestElement.vue b/nezha-fronted/src/components/chart/chart/grid/TestElement.vue index 2868a4b02..f04198a61 100644 --- a/nezha-fronted/src/components/chart/chart/grid/TestElement.vue +++ b/nezha-fronted/src/components/chart/chart/grid/TestElement.vue @@ -6,20 +6,20 @@ \ No newline at end of file + }, + data: function () { + return { + } + }, + mounted: function () { + console.log('### ' + this.text + ' ready!') + } +} + diff --git a/nezha-fronted/src/components/chart/chart/grid/aspectRatio.js b/nezha-fronted/src/components/chart/chart/grid/aspectRatio.js index 56db68ee5..1fb5f42fd 100644 --- a/nezha-fronted/src/components/chart/chart/grid/aspectRatio.js +++ b/nezha-fronted/src/components/chart/chart/grid/aspectRatio.js @@ -15,97 +15,97 @@ * }); * ``` */ -import extend from "../utils/extend.js"; -import { addEdges } from "../utils/rect.js"; -import Modification from "./Modification.js"; -import { makeModifier } from "./base.js"; +import extend from '../utils/extend.js' +import { addEdges } from '../utils/rect.js' +import Modification from './Modification.js' +import { makeModifier } from './base.js' const aspectRatio = { - start(arg) { + start (arg) { const { state, rect, edges: originalEdges, pageCoords: coords - } = arg; + } = arg let { ratio - } = state.options; + } = state.options const { equalDelta, modifiers - } = state.options; + } = state.options if (ratio === 'preserve') { - ratio = rect.width / rect.height; + ratio = rect.width / rect.height } - state.startCoords = extend({}, coords); - state.startRect = extend({}, rect); - state.ratio = ratio; - state.equalDelta = equalDelta; + state.startCoords = extend({}, coords) + state.startRect = extend({}, rect) + state.ratio = ratio + state.equalDelta = equalDelta const linkedEdges = state.linkedEdges = { top: originalEdges.top || originalEdges.left && !originalEdges.bottom, left: originalEdges.left || originalEdges.top && !originalEdges.right, bottom: originalEdges.bottom || originalEdges.right && !originalEdges.top, right: originalEdges.right || originalEdges.bottom && !originalEdges.left - }; - state.xIsPrimaryAxis = !!(originalEdges.left || originalEdges.right); + } + state.xIsPrimaryAxis = !!(originalEdges.left || originalEdges.right) if (state.equalDelta) { - state.edgeSign = (linkedEdges.left ? 1 : -1) * (linkedEdges.top ? 1 : -1); + state.edgeSign = (linkedEdges.left ? 1 : -1) * (linkedEdges.top ? 1 : -1) } else { - const negativeSecondaryEdge = state.xIsPrimaryAxis ? linkedEdges.top : linkedEdges.left; - state.edgeSign = negativeSecondaryEdge ? -1 : 1; + const negativeSecondaryEdge = state.xIsPrimaryAxis ? linkedEdges.top : linkedEdges.left + state.edgeSign = negativeSecondaryEdge ? -1 : 1 } - extend(arg.edges, linkedEdges); - if (!modifiers || !modifiers.length) return; - const subModification = new Modification(arg.interaction); - subModification.copyFrom(arg.interaction.modification); - subModification.prepareStates(modifiers); - state.subModification = subModification; - subModification.startAll({ ...arg - }); + extend(arg.edges, linkedEdges) + if (!modifiers || !modifiers.length) return + const subModification = new Modification(arg.interaction) + subModification.copyFrom(arg.interaction.modification) + subModification.prepareStates(modifiers) + state.subModification = subModification + subModification.startAll({ ...arg }) }, - set(arg) { + set (arg) { const { state, rect, coords - } = arg; - const initialCoords = extend({}, coords); - const aspectMethod = state.equalDelta ? setEqualDelta : setRatio; - aspectMethod(state, state.xIsPrimaryAxis, coords, rect); + } = arg + const initialCoords = extend({}, coords) + const aspectMethod = state.equalDelta ? setEqualDelta : setRatio + aspectMethod(state, state.xIsPrimaryAxis, coords, rect) if (!state.subModification) { - return null; + return null } - const correctedRect = extend({}, rect); + const correctedRect = extend({}, rect) addEdges(state.linkedEdges, correctedRect, { x: coords.x - initialCoords.x, y: coords.y - initialCoords.y - }); - const result = state.subModification.setAll({ ...arg, + }) + const result = state.subModification.setAll({ + ...arg, rect: correctedRect, edges: state.linkedEdges, pageCoords: coords, prevCoords: coords, prevRect: correctedRect - }); + }) const { delta - } = result; + } = result if (result.changed) { - const xIsCriticalAxis = Math.abs(delta.x) > Math.abs(delta.y); // do aspect modification again with critical edge axis as primary + const xIsCriticalAxis = Math.abs(delta.x) > Math.abs(delta.y) // do aspect modification again with critical edge axis as primary - aspectMethod(state, xIsCriticalAxis, result.coords, result.rect); - extend(coords, result.coords); + aspectMethod(state, xIsCriticalAxis, result.coords, result.rect) + extend(coords, result.coords) } - return result.eventProps; + return result.eventProps }, defaults: { @@ -114,34 +114,34 @@ const aspectRatio = { modifiers: [], enabled: false } -}; +} -function setEqualDelta({ +function setEqualDelta ({ startCoords, edgeSign }, xIsPrimaryAxis, coords) { if (xIsPrimaryAxis) { - coords.y = startCoords.y + (coords.x - startCoords.x) * edgeSign; + coords.y = startCoords.y + (coords.x - startCoords.x) * edgeSign } else { - coords.x = startCoords.x + (coords.y - startCoords.y) * edgeSign; + coords.x = startCoords.x + (coords.y - startCoords.y) * edgeSign } } -function setRatio({ +function setRatio ({ startRect, startCoords, ratio, edgeSign }, xIsPrimaryAxis, coords, rect) { if (xIsPrimaryAxis) { - const newHeight = rect.width / ratio; - coords.y = startCoords.y + (newHeight - startRect.height) * edgeSign; + const newHeight = rect.width / ratio + coords.y = startCoords.y + (newHeight - startRect.height) * edgeSign } else { - const newWidth = rect.height * ratio; - coords.x = startCoords.x + (newWidth - startRect.width) * edgeSign; + const newWidth = rect.height * ratio + coords.x = startCoords.x + (newWidth - startRect.width) * edgeSign } } -export default makeModifier(aspectRatio, 'aspectRatio'); -export { aspectRatio }; -//# sourceMappingURL=aspectRatio.js.map \ No newline at end of file +export default makeModifier(aspectRatio, 'aspectRatio') +export { aspectRatio } +// # sourceMappingURL=aspectRatio.js.map diff --git a/nezha-fronted/src/components/chart/chart/options/chartTreemap.js b/nezha-fronted/src/components/chart/chart/options/chartTreemap.js index 06abb88d7..900e5533f 100644 --- a/nezha-fronted/src/components/chart/chart/options/chartTreemap.js +++ b/nezha-fronted/src/components/chart/chart/options/chartTreemap.js @@ -19,7 +19,7 @@ const chartTreemapOption = { return [ '
' + formatUtil.encodeHTML(treePath.join('/')) + - '
', + '' ].join('') } }, diff --git a/nezha-fronted/src/components/charts/chart-list-group.vue b/nezha-fronted/src/components/charts/chart-list-group.vue index 7cb49eb21..01f93bd0d 100644 --- a/nezha-fronted/src/components/charts/chart-list-group.vue +++ b/nezha-fronted/src/components/charts/chart-list-group.vue @@ -512,7 +512,7 @@ export default { // this.getChartData(item, index, this.filter) this.setChartSize(item, index) const chartBox = document.getElementById('chart-' + item.id)// this.$refs['editChart'+item.id][0]; - this.handleElementInViewport(chartBox, this.childrenScrollTop, item, index, true) + this.handleElementInViewport(chartBox, this.childrenScrollTop, item, index, true) }) }, loadChartData (scrollTop) { diff --git a/nezha-fronted/src/components/common/alert/alertLabel.vue b/nezha-fronted/src/components/common/alert/alertLabel.vue index 1143df75e..b373bebef 100644 --- a/nezha-fronted/src/components/common/alert/alertLabel.vue +++ b/nezha-fronted/src/components/common/alert/alertLabel.vue @@ -318,7 +318,7 @@ export default { return { alertLabelData: null, loading: true, - heightList: 0, + heightList: 0 } }, watch: { diff --git a/nezha-fronted/src/components/common/alert/nzTooltip.vue b/nezha-fronted/src/components/common/alert/nzTooltip.vue index 82c27f1b2..b80ee029f 100644 --- a/nezha-fronted/src/components/common/alert/nzTooltip.vue +++ b/nezha-fronted/src/components/common/alert/nzTooltip.vue @@ -81,4 +81,3 @@ export default { } } - diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTabNew.vue b/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTabNew.vue index 2f92405b1..028cee1bc 100644 --- a/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTabNew.vue +++ b/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTabNew.vue @@ -406,7 +406,7 @@ export default { this.$nextTick(() => { this.searchTime = [bus.computeTimezoneTime(new Date().getTime() - 1 * 60 * 60 * 1000), bus.computeTimezoneTime(new Date().getTime())] this.$store.dispatch('dispatchPanelTime', { - time: this.searchTime , + time: this.searchTime, nowTimeType: { id: 4, text: this.$t('dashboard.panel.lastOneHour'), diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/alertRuleEvalLog.vue b/nezha-fronted/src/components/common/bottomBox/tabs/alertRuleEvalLog.vue index 1d62ec17c..af9343f8b 100644 --- a/nezha-fronted/src/components/common/bottomBox/tabs/alertRuleEvalLog.vue +++ b/nezha-fronted/src/components/common/bottomBox/tabs/alertRuleEvalLog.vue @@ -106,7 +106,7 @@ export default { this.nowTime = this.utcTimeToTimezoneStr(response.time) if (response.code === 200) { this.tableData = response.data - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/assetSubTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/assetSubTab.vue index 597061fbf..14bc72684 100644 --- a/nezha-fronted/src/components/common/bottomBox/tabs/assetSubTab.vue +++ b/nezha-fronted/src/components/common/bottomBox/tabs/assetSubTab.vue @@ -238,7 +238,7 @@ export default { } this.tableData = response.data.list this.pageObj.total = response.data.total - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue index e7068ba4c..bbce2dc04 100644 --- a/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue +++ b/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue @@ -246,9 +246,9 @@ export default { if (this.needAlertDaysData) { response.data.list.forEach(item => { item.trendLoading = true - item.left= 0 - item.top= 0 - item.alertNumtooltipShow= false + item.left = 0 + item.top = 0 + item.alertNumtooltipShow = false item.alertDaysData = [ { metric: { priority: 'P1' }, @@ -267,7 +267,7 @@ export default { } this.tableData = response.data.list this.pageObj.total = response.data.total - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue index 78276c433..799ad1427 100644 --- a/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue +++ b/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue @@ -153,9 +153,9 @@ export default { if (this.needAlertDaysData) { response.data.list.forEach(item => { item.trendLoading = true - item.left= 0 - item.top= 0 - item.alertNumtooltipShow= false + item.left = 0 + item.top = 0 + item.alertNumtooltipShow = false item.alertDaysData = [ { metric: { priority: 'P1' }, @@ -174,7 +174,7 @@ export default { } this.tableData = response.data.list this.pageObj.total = response.data.total - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue index f677ee254..c9409201f 100644 --- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue +++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue @@ -128,7 +128,7 @@ export default { dropdownShow: false, timeout: null, formatTime: '', - hideSameLabels: true, + hideSameLabels: true } }, methods: { diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue index a307b93d2..a3e8f782b 100644 --- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue +++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue @@ -176,7 +176,7 @@ export default { plTableSHow: true, scrollTop: 0, scrollbarWrap: null, - minusTime: 0, + minusTime: 0 } }, methods: { diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTabNew.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTabNew.vue index 1df5e606a..feecafb0b 100644 --- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTabNew.vue +++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTabNew.vue @@ -143,9 +143,9 @@ export default { if (this.needAlertDaysData) { response.data.list.forEach(item => { item.trendLoading = true - item.left= 0 - item.top= 0 - item.alertNumtooltipShow= false + item.left = 0 + item.top = 0 + item.alertNumtooltipShow = false item.alertDaysData = [ { metric: { priority: 'P1' }, @@ -165,7 +165,7 @@ export default { this.tableData = response.data.list this.nowTime = this.utcTimeToTimezoneStr(response.time) this.pageObj.total = response.data.total - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/operationLogTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/operationLogTab.vue index a509dc76f..bd9d39de6 100644 --- a/nezha-fronted/src/components/common/bottomBox/tabs/operationLogTab.vue +++ b/nezha-fronted/src/components/common/bottomBox/tabs/operationLogTab.vue @@ -142,7 +142,7 @@ export default { } this.tableData = response.data.list this.pageObj.total = response.data.total - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogTab.vue index f8102618a..fd8ca9311 100644 --- a/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogTab.vue +++ b/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogTab.vue @@ -146,7 +146,7 @@ export default { } this.tableData = response.data.list this.pageObj.total = response.data.total - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/common/filterSearch/filterSearch.vue b/nezha-fronted/src/components/common/filterSearch/filterSearch.vue index c98be7b00..7d93e7241 100644 --- a/nezha-fronted/src/components/common/filterSearch/filterSearch.vue +++ b/nezha-fronted/src/components/common/filterSearch/filterSearch.vue @@ -118,7 +118,7 @@ export default { this.metaList.push(meta) this.$emit('metaList') } else { - let self = this + const self = this const newCondition = Object.assign({}, self.meta) newCondition.nameIsEditing = true this.metaList.push(newCondition) diff --git a/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue b/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue index b2945836d..6b335d496 100644 --- a/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue +++ b/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue @@ -552,7 +552,7 @@ export default { arr.unshift(obj) } return arr - }, + } } } diff --git a/nezha-fronted/src/components/common/project/popData/assetTable.vue b/nezha-fronted/src/components/common/project/popData/assetTable.vue index 9973e1cd8..143a29d77 100644 --- a/nezha-fronted/src/components/common/project/popData/assetTable.vue +++ b/nezha-fronted/src/components/common/project/popData/assetTable.vue @@ -170,9 +170,9 @@ export default { if (this.needAlertDaysData) { response.data.list.forEach(item => { item.trendLoading = true - item.left= 0 - item.top= 0 - item.alertNumtooltipShow= false + item.left = 0 + item.top = 0 + item.alertNumtooltipShow = false item.alertDaysData = [ { metric: { priority: 'P1' }, diff --git a/nezha-fronted/src/components/common/project/popData/endpointTable.vue b/nezha-fronted/src/components/common/project/popData/endpointTable.vue index 8139df580..6d2692ef4 100644 --- a/nezha-fronted/src/components/common/project/popData/endpointTable.vue +++ b/nezha-fronted/src/components/common/project/popData/endpointTable.vue @@ -176,9 +176,9 @@ export default { if (this.needAlertDaysData) { response.data.list.forEach(item => { item.trendLoading = true - item.left= 0 - item.top= 0 - item.alertNumtooltipShow= false + item.left = 0 + item.top = 0 + item.alertNumtooltipShow = false item.alertDaysData = [ { metric: { priority: 'P1' }, diff --git a/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js b/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js index 2c8da83c3..d619b341c 100644 --- a/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js +++ b/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js @@ -422,11 +422,11 @@ export default { enableChange (type) { switch (type) { case 'valueMapping': - break; + break case 'legend': - break; + break case '': - break; + break } this.change() } diff --git a/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue b/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue index de6a974c6..63ce564d1 100644 --- a/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue +++ b/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue @@ -144,7 +144,7 @@ import chartDataFormat from '../../../charts/chartDataFormat' import alertRuleInfo from '../../alert/alertRuleInfo' import alertLabel from '../../alert/alertLabel' import { calcDurationByStringTimeB } from '../../js/tools' -import {alertMessage as alertMessageConstant} from "@/components/common/js/constants"; +import { alertMessage as alertMessageConstant } from '@/components/common/js/constants' export default { name: 'alertMessageTable', components: { @@ -222,7 +222,7 @@ export default { label: this.$t('alert.list.state'), prop: 'state', show: true, - width: 100, + width: 100 // sortable: 'custom' }, { label: this.$t('alert.startAt'), diff --git a/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue b/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue index 7a4c1c2d8..cbd78ec09 100644 --- a/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue +++ b/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue @@ -464,12 +464,12 @@ export default { /* if (refresh) { this.getData(this.filter) } */ - }, + } }, computed: { chartRightBoxShow () { return this.$store.getters.getShowRightBox - }, + } }, created () { // this.getPanelData() diff --git a/nezha-fronted/src/components/page/alert/alertRule.vue b/nezha-fronted/src/components/page/alert/alertRule.vue index da5cd19eb..4f5ed9d71 100644 --- a/nezha-fronted/src/components/page/alert/alertRule.vue +++ b/nezha-fronted/src/components/page/alert/alertRule.vue @@ -251,7 +251,7 @@ export default { }, searchTime: bus.getTimezontDateRange(), needAlertDaysData: true, - trendKey: 'ruleId', + trendKey: 'ruleId' } }, methods: { @@ -290,9 +290,9 @@ export default { if (this.needAlertDaysData) { response.data.list.forEach(item => { item.trendLoading = true - item.left= 0 - item.top= 0 - item.alertNumtooltipShow= false + item.left = 0 + item.top = 0 + item.alertNumtooltipShow = false item.alertDaysData = [ { metric: { priority: 'P1' }, @@ -320,7 +320,7 @@ export default { this.detailViewRightObj = detailViewRightObj this.pageObj.total = response.data.total this.pageObj.pages = response.data.pages - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/page/alert/alertSilence.vue b/nezha-fronted/src/components/page/alert/alertSilence.vue index 7c7facbf7..81a02ff06 100644 --- a/nezha-fronted/src/components/page/alert/alertSilence.vue +++ b/nezha-fronted/src/components/page/alert/alertSilence.vue @@ -192,7 +192,7 @@ export default { } this.tableData = response.data.list this.pageObj.total = response.data.total - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/page/config/assetMeta.vue b/nezha-fronted/src/components/page/config/assetMeta.vue index a97adf187..ee5ec0e2c 100644 --- a/nezha-fronted/src/components/page/config/assetMeta.vue +++ b/nezha-fronted/src/components/page/config/assetMeta.vue @@ -210,7 +210,7 @@ export default { this.tableData = response.data.list this.pageObj.total = response.data.total this.nowTime = this.utcTimeToTimezoneStr(response.time) - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/page/config/operationRecord.vue b/nezha-fronted/src/components/page/config/operationRecord.vue index a68c3874e..fb730a00d 100644 --- a/nezha-fronted/src/components/page/config/operationRecord.vue +++ b/nezha-fronted/src/components/page/config/operationRecord.vue @@ -132,7 +132,7 @@ export default { } this.tableData = response.data.list this.pageObj.total = response.data.total - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/page/config/system/systemCommon.js b/nezha-fronted/src/components/page/config/system/systemCommon.js index d5b1b080e..b6cd507df 100644 --- a/nezha-fronted/src/components/page/config/system/systemCommon.js +++ b/nezha-fronted/src/components/page/config/system/systemCommon.js @@ -118,7 +118,7 @@ export const parentTableCommon = { if (response.code === 200) { this.tableData = [] this.tableData = response.data.list - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/page/config/template/chartTemp.vue b/nezha-fronted/src/components/page/config/template/chartTemp.vue index 601038d42..bdcfaab87 100644 --- a/nezha-fronted/src/components/page/config/template/chartTemp.vue +++ b/nezha-fronted/src/components/page/config/template/chartTemp.vue @@ -107,7 +107,7 @@ import chartTmplTable from '@/components/common/table/settings/chartTmplTable' import topToolMoreOptions from '@/components/common/popBox/topToolMoreOptions' import routerPathParams from '@/components/common/mixin/routerPathParams' import chartRightBox from '@/components/common/rightBox/chart/chartRightBox' -import {randomcolor} from "@/components/common/js/radomcolor/randomcolor"; +import { randomcolor } from '@/components/common/js/radomcolor/randomcolor' export default { name: 'chartTemp', @@ -294,7 +294,7 @@ export default { } this.tableData = response.data.list this.pageObj.total = response.data.total - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/page/config/terminalLog.vue b/nezha-fronted/src/components/page/config/terminalLog.vue index 464e0025a..778e1c782 100644 --- a/nezha-fronted/src/components/page/config/terminalLog.vue +++ b/nezha-fronted/src/components/page/config/terminalLog.vue @@ -197,7 +197,7 @@ export default { this.detailViewRightObj = detailViewRightObj this.pageObj.total = response.data.total this.pageObj.pages = response.data.pages - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue b/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue index 34484ec54..9e5060c78 100644 --- a/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue +++ b/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue @@ -629,9 +629,9 @@ export default { if (this.needAlertDaysData) { response.data.list.forEach(item => { item.trendLoading = true - item.left= 0 - item.top= 0 - item.alertNumtooltipShow= false + item.left = 0 + item.top = 0 + item.alertNumtooltipShow = false item.alertDaysData = [ { metric: { priority: 'P1' }, @@ -659,7 +659,7 @@ export default { this.detailViewRightObj = detailViewRightObj this.pageObj.total = response.data.total this.pageObj.pages = response.data.pages - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/page/monitor/module/moduleList.vue b/nezha-fronted/src/components/page/monitor/module/moduleList.vue index f79ede9c3..1ed07276c 100644 --- a/nezha-fronted/src/components/page/monitor/module/moduleList.vue +++ b/nezha-fronted/src/components/page/monitor/module/moduleList.vue @@ -412,9 +412,9 @@ export default { if (this.needAlertDaysData) { response.data.list.forEach(item => { item.trendLoading = true - item.left= 0 - item.top= 0 - item.alertNumtooltipShow= false + item.left = 0 + item.top = 0 + item.alertNumtooltipShow = false item.alertDaysData = [ { metric: { priority: 'P1' }, @@ -442,7 +442,7 @@ export default { this.detailViewRightObj = detailViewRightObj this.pageObj.total = response.data.total this.pageObj.pages = response.data.pages - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap) diff --git a/nezha-fronted/src/components/page/monitor/project/projectList.vue b/nezha-fronted/src/components/page/monitor/project/projectList.vue index 4cc6e8f1b..d0e576baf 100644 --- a/nezha-fronted/src/components/page/monitor/project/projectList.vue +++ b/nezha-fronted/src/components/page/monitor/project/projectList.vue @@ -150,9 +150,9 @@ export default { if (this.needAlertDaysData) { response.data.list.forEach(item => { item.trendLoading = true - item.left= 0 - item.top= 0 - item.alertNumtooltipShow= false + item.left = 0 + item.top = 0 + item.alertNumtooltipShow = false item.alertDaysData = [ { metric: { priority: 'P1' }, @@ -174,7 +174,7 @@ export default { } this.tableData = response.data.list this.pageObj.total = response.data.total - if (!this.scrollbarWrap) { + if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) { this.$nextTick(() => { this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper this.toTopBtnHandler(this.scrollbarWrap)