From 55b53da5f1ddaee0f2b509f2f8b6bd7086dc1557 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Fri, 17 Dec 2021 17:48:28 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=20=E4=BF=AE=E6=94=B9=20panel=20loa?=
 =?UTF-8?q?ding=20=E4=BB=A5=E5=8F=8A=20nodata=E4=BD=8D=E7=BD=AE=E4=B8=8D?=
 =?UTF-8?q?=E5=AF=B9=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/chart/chartList.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/nezha-fronted/src/components/chart/chartList.vue b/nezha-fronted/src/components/chart/chartList.vue
index 9e60ea7f0..50c008142 100644
--- a/nezha-fronted/src/components/chart/chartList.vue
+++ b/nezha-fronted/src/components/chart/chartList.vue
@@ -14,7 +14,7 @@
       :use-css-transforms="true"
       :vertical-compact="true"
       :style="{
-        'margin-top':isGroup ? '0' : (-1 * (stepWidth + 14) + 'px'),
+        'margin-top': layoutMargintop,
         'padding-bottom': isGroup ? '0' : (200 + 'px')
       }"
     >
@@ -86,7 +86,7 @@
 <script>
 import VueGridLayout from 'vue-grid-layout'
 import { fromRoute } from '@/components/common/js/constants'
-import {getGroupHeight, getLayoutPosition, isGroup} from './chart/tools'
+import { getGroupHeight, getLayoutPosition, isGroup } from './chart/tools'
 import panelChart from '@/components/chart/panelChart'
 import bus from '@/libs/bus'
 import groupData from '@/components/chart/tempGroup'
@@ -118,6 +118,9 @@ export default {
     },
     rowHeight () {
       return this.$store.getters.getRowHeight
+    },
+    layoutMargintop () {
+      return this.isGroup ? '0' : (this.dataList.length ? (-1 * (this.stepWidth + 14) + 'px') : '0')
     }
   },
   data () {
@@ -334,7 +337,7 @@ export default {
           })
           setTimeout(() => {
             this.firstInit = false
-          }, 500)
+          }, 700)
           this.gridLayoutLoading = false
         })
       }