fix:实现没后端数据时候展示NO Data

src/views/charts/Chart.vue

@@ -437,6 +437,7 @@ export default {
       ),
       isTwoSupportStatistics: isTwoSupportStatistics(props.chartInfo.type),
       isAlarmInfo: isAlarmInfo(props.chartInfo.type),
+      
     }
   },
 }

src/views/charts/charts/ChartAlarmInfo.vue

@@ -1,5 +1,7 @@
 <template>
   <div class="cn-chart-alarm-info">
+    <div class="no-data" v-if="isNoData">No data</div>
+    <template v-else>
       <div class="cn-chart-alarm-info-mainContent">
         <div
           class="cn-chart-alarm-content"
@@ -26,9 +28,7 @@
             <div class="cn-alarm-info-textContent">
               <div class="cn-alarm-info-main-title">
                 <div v-if="value.entityType === 'domain'" :title="value.domain">
-              <span >{{
-                value.domain
-              }}</span>
+                  <span>{{ value.domain }}</span>
                 </div>
                 <div v-if="value.entityType === 'app'" :title="value.appName">
                   <span>{{ value.appName }}</span>
@@ -101,6 +101,7 @@
         v-model:currentPage="pageNo"
         @pageJump="pageJump"
       ></chart-table-pagination>
+    </template>
   </div>
 </template>
 
@@ -127,6 +128,7 @@ export default {
       pageNo: 1,
       alarmInfoCount: {},
       fromChartData: '',
+      isNoData:false
       // result: [
       //   {
       //     entityType: 'ip',
@@ -142,6 +144,15 @@ export default {
       // ],
     }
   },
+  computed: {
+    isNoData() {
+      let isNoData = true
+      if (!this.$_.isEmpty(this.chartData)) {
+        isNoData = false
+      }
+      return isNoData
+    },
+  },
   watch: {
     tabHandleClickType: {
       deep: true,