NEZ-1112 fx: 修复panel loading 缺少样式

nezha-fronted/src/components/charts/chart-list.vue

@@ -31,7 +31,7 @@
   }
   .list-width{
     width: 100%;
-    /*height: 100%;*/
+    //height: 100%;
     padding: 0 10px 5px 10px;
     box-sizing: border-box;
     overflow: hidden;/*避免鼠标第一次放到曲线时，x轴出现滚动条后消失*/
@@ -723,6 +723,7 @@ export default {
           response.data.list.forEach((item, index) => {
             item.isLoaded = false
           })
+          this.$emit('panel-list-loading', response.data.list)
           // chart数据存在dataTotalListBak中
           if (response.data.list.length > 0) {
             this.dataTotalListBak = response.data.list

nezha-fronted/src/components/page/dashboard/panel.vue

@@ -80,8 +80,8 @@
         </div>
         <div id="tableList" class="table-list">
           <div ref="dashboardScrollbar" id="dashboardScrollbar" class="border-t-1-de" style="height: calc(100% - 20px); overflow: auto;">
-            <div class="box-content">
-              <chart-list ref="chartList" :class="{'show-top':showTopBtn}" :from="fromRoute.panel" :panel-lock="panelLock" @on-edit-chart="editChart" @on-refresh-time="refreshTime"  @on-remove-chart="delChart" @on-add-group-item-chart="addGroupItem"></chart-list>
+            <div class="box-content" v-loading="chartListLoading">
+              <chart-list ref="chartList" :class="{'show-top':showTopBtn}" :from="fromRoute.panel" :panel-lock="panelLock" @on-edit-chart="editChart" @on-refresh-time="refreshTime"  @on-remove-chart="delChart" @panel-list-loading="load" @on-add-group-item-chart="addGroupItem"></chart-list>
             </div>
           </div>
         </div>
@@ -124,6 +124,7 @@ export default {
       panelLock: true,
       showTopBtn: false, // top按钮
       visible: false,
+      chartListLoading: true,
       rightBox: { // 面板弹出框相关
         chart: { show: false },
         chartTemp: { show: false },
@@ -835,6 +836,13 @@ export default {
           wrap.scrollTop = currentTop
         }
       }, 20)
+    },
+    load (dataList) {
+      if (dataList.length > 0) {
+        this.chartListLoading = false
+      } else {
+        this.chartListLoading = !dataList.length === 0
+      }
     }
   },
   created () {