From d54d2abe035c440c48faf9d92e5ef7da23674a76 Mon Sep 17 00:00:00 2001 From: zhangyu Date: Tue, 24 Aug 2021 17:22:09 +0800 Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=20=E4=BF=AE=E6=94=B9=20chart-list-?= =?UTF-8?q?group=E9=87=8C=E9=9D=A2=E7=9A=84=E5=9B=BE=E8=A1=A8=20resize?= =?UTF-8?q?=E6=97=B6=E7=9A=84=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- nezha-fronted/src/components/charts/chart-list-group.vue | 3 ++- nezha-fronted/src/components/common/js/tools.js | 3 ++- .../src/components/common/table/settings/endpointTable.vue | 1 + 3 files changed, 5 insertions(+), 2 deletions(-) diff --git a/nezha-fronted/src/components/charts/chart-list-group.vue b/nezha-fronted/src/components/charts/chart-list-group.vue index 07206155d..959645101 100644 --- a/nezha-fronted/src/components/charts/chart-list-group.vue +++ b/nezha-fronted/src/components/charts/chart-list-group.vue @@ -1414,11 +1414,12 @@ export default { // 设置图表的尺寸 setChartSize (item, index) { + console.log(item) this.$nextTick(() => { const chartBox = document.getElementById('chart-' + item.id) if (chartBox) { chartBox.style.width = `${(item.span / 12) * 100}%` - chartBox.style.height = `${document.getElementById('listContainer').offsetWidth / 12 * item.height}px` + chartBox.style.height = `${document.getElementById('listContainer' + item.groupId).offsetWidth / 12 * item.height}px` } }) }, diff --git a/nezha-fronted/src/components/common/js/tools.js b/nezha-fronted/src/components/common/js/tools.js index f48d9b74f..0a49f069f 100644 --- a/nezha-fronted/src/components/common/js/tools.js +++ b/nezha-fronted/src/components/common/js/tools.js @@ -399,8 +399,9 @@ export const chartResizeTool = { const chartBlankWidth = this.chartBlankWidth const chartBlankHeight = this.chartBlankHeight const titleHeight = this.titleHeight - const containerWidth = data.groupId ? document.getElementById('listContainer' + data.groupId).offsetWidth - 20 : document.getElementById('listContainer').offsetWidth + const containerWidth = data.groupId ? document.getElementById('listContainer' + data.groupId).offsetWidth + 40 : document.getElementById('listContainer').offsetWidth const step = this.stepWidth(containerWidth) + console.log(originalData,containerWidth) const mouseOriginalX = event.clientX // 鼠标初始坐标 const mouseOriginalY = event.clientY const originalWidth = step * data.span // 图表、阴影初始宽高 diff --git a/nezha-fronted/src/components/common/table/settings/endpointTable.vue b/nezha-fronted/src/components/common/table/settings/endpointTable.vue index 94c42c7f0..e16105210 100644 --- a/nezha-fronted/src/components/common/table/settings/endpointTable.vue +++ b/nezha-fronted/src/components/common/table/settings/endpointTable.vue @@ -388,6 +388,7 @@ export default { .endpoint-cell-left{ /*display: inline-block;*/ /*width: 70px;*/ + margin-right: 5px; }