空时限制UPF图片展示

src/views/index/tenantIndex.vue

@@ -4,8 +4,9 @@ import { PageContainer } from 'antdv-pro-layout';
 import useI18n from '@/hooks/useI18n';
 import UPFTEST from './tenantUPF.vue';
 import MODULE from './moduleInfo.vue';
-
+import { upfFlowData } from '../dashboard/overview/hooks/useUPFTotalFlow';
 const { t } = useI18n();
+console.log(upfFlowData.value.lineXTime.length);
 
 onMounted(() => {});
 </script>
@@ -16,7 +17,13 @@ onMounted(() => {});
       <MODULE />
     </div>
     <div style="background-color: #f7f8fc; padding: 20px">
-      <a-card :bordered="false" class="cardClass"> <UPFTEST /></a-card>
+      <a-card
+        :bordered="false"
+        class="cardClass"
+        v-show="upfFlowData.lineXTime.length"
+      >
+        <UPFTEST
+      /></a-card>
     </div>
   </PageContainer>
 </template>

src/views/index/tenantUPF.vue

@@ -22,7 +22,6 @@ import {
   upfFlowParse,
 } from '../dashboard/overview/hooks/useUPFTotalFlow';
 
-import { upfWhoRmUid } from '../dashboard/overview/hooks/useWS';
 import useWS from '../dashboard/overview/hooks/useWS';
 const { reSendUPF } = useWS();
 
@@ -265,7 +264,6 @@ watch(
 
 onMounted(() => {
   fnGetInitData();
-
   // setInterval(() => {
   //   upfFlowData.value.lineXTime.push(parseDateToStr(new Date()));
   //   const upN3 = parseSizeFromKbs(+145452, 5);
@@ -298,7 +296,10 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div ref="upfFlow" class="chart-container"></div>
+  <div
+    ref="upfFlow"
+    class="chart-container"
+  ></div>
 </template>
 
 <style lang="less" scoped>