优化 监控中心 前端样式

hx-ai-intelligent/src/view/monitor/energyMonitor/analysisGraph/index.vue

@@ -48,6 +48,22 @@
         "></div>
     </a-col>
   </a-row>
+  <div
+    v-show="!haveData"
+    style="
+      height: 80%;
+      width: 98%;
+      position: absolute;
+      border-radius: 10px;
+      z-index: 5;
+      top: 20%;
+      background: #ffffff;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    ">
+    <a-empty />
+  </div>
 </template>
 
 <script lang="ts">
@@ -59,6 +75,7 @@
   export default defineComponent({
     name: 'AnalysisGraph',
     setup() {
+      let haveData = ref(false);
       const mode = ref<String>('1');
       let data = ref<any[]>([]);
       interface PageData {
@@ -112,6 +129,13 @@
         // 深度拷贝
         let dataList = JSON.parse(JSON.stringify(pageData.analysisGraphList));
         // let dataList = pageData.analysisGraphList;
+
+        if (dataList && dataList.length > 0) {
+          haveData.value = true;
+        } else {
+          haveData.value = false;
+          return;
+        }
         dataList.forEach((item) => {
           if (item.yoyValue < 0) {
             item.yoyLabel = { position: 'right' };
@@ -552,6 +576,7 @@
         downloadChart,
         mode,
         changeMode,
+        haveData,
       };
     },
   });