From a2672d300f892565b1c2e0c52f66c4c793ca663c Mon Sep 17 00:00:00 2001
From: lai <371757574@qq.com>
Date: Wed, 26 Jun 2024 21:24:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8D=B8=E8=BD=BD=E7=94=9F?=
 =?UTF-8?q?=E5=91=BD=E5=91=A8=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index/tenantUPF.vue | 35 +++++++++++++++++++++--------------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/views/index/tenantUPF.vue b/src/views/index/tenantUPF.vue
index 6b3924c3..5993ff27 100644
--- a/src/views/index/tenantUPF.vue
+++ b/src/views/index/tenantUPF.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue';
+import { onMounted, onUnmounted, ref, watch } from 'vue';
 import { listKPIData } from '@/api/perfManage/goldTarget';
 import * as echarts from 'echarts/core';
 import {
@@ -21,6 +21,10 @@ import {
   upfFlowData,
   upfFlowParse,
 } from '../dashboard/overview/hooks/useUPFTotalFlow';
+
+import { parseSizeFromKbs } from '@/utils/parse-utils';
+import { onBeforeMount } from 'vue';
+import { onBeforeUnmount } from 'vue';
 const { t } = useI18n();
 
 echarts.use([
@@ -68,7 +72,6 @@ function fnDesign(container: HTMLElement | undefined, option: EChartsOption) {
 //渲染速率图
 function handleRanderChart() {
   const { lineXTime, lineYUp, lineYDown } = upfFlowData.value;
-
   var yAxisSeries: any = [
     {
       name: t('views.dashboard.overview.upfFlow.up'),
@@ -191,17 +194,7 @@ function handleRanderChart() {
         },
       },
     ],
-    dataZoom: [
-      {
-        type: 'inside',
-        start: 90,
-        end: 100,
-      },
-      {
-        start: 90,
-        end: 100,
-      },
-    ],
+
     series: yAxisSeries,
   };
   fnDesign(upfFlow.value, optionData);
@@ -215,7 +208,7 @@ function fnGetInitData() {
 
   listKPIData({
     neType: 'UPF',
-    neId:'',
+    neId: '',
     startTime: parseDateToStr(tenMinutesAgo),
     endTime: parseDateToStr(nowDate),
     // startTime: '2024-03-20 19:50:00',
@@ -229,6 +222,13 @@ function fnGetInitData() {
         for (const item of res.data) {
           upfFlowParse(item);
         }
+      } else if (res.code === 0) {
+        upfFlowData.value = {
+          lineXTime: [],
+          lineYUp: [],
+          lineYDown: [],
+          cap: 0,
+        };
       }
     })
     .finally(() => {
@@ -284,6 +284,13 @@ onMounted(() => {
   //   });
   // }, 5000);
 });
+
+onUnmounted(() => {
+  if (upfFlowChart.value) {
+    upfFlowChart.value.dispose();
+    upfFlowChart.value = null;
+  }
+});
 </script>
 
 <template>