From 7d5635560dbb39c9dee5cd70c4fb35fffb07073e Mon Sep 17 00:00:00 2001
From: lai <371757574@qq.com>
Date: Tue, 9 Jul 2024 10:32:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=85=A8=E5=B1=8F=E6=97=B6?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E6=A1=86=E6=98=BE=E7=A4=BA=E4=B8=8D=E5=87=BA?=
 =?UTF-8?q?=E6=9D=A5=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/overview/index.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/views/dashboard/overview/index.vue b/src/views/dashboard/overview/index.vue
index 76a1db50..fb8990ec 100644
--- a/src/views/dashboard/overview/index.vue
+++ b/src/views/dashboard/overview/index.vue
@@ -20,7 +20,11 @@ import {
   graphNodeStateNum,
   neStateRequestMap,
 } from './hooks/useTopology';
-import { upfTotalFlow, upfTFActive,upfTotalFlowReset } from './hooks/useUPFTotalFlow';
+import {
+  upfTotalFlow,
+  upfTFActive,
+  upfTotalFlowReset,
+} from './hooks/useUPFTotalFlow';
 import { upfWhoId, upfWhoRmUid } from './hooks/useWS';
 
 import { useFullscreen } from '@vueuse/core';
@@ -207,9 +211,17 @@ function fnSelectNe(value: any, option: any) {
     item.requestFlag = false;
   });
 
-  upfTotalFlowReset();//属性重置  流量总量 上下行速率
+  upfTotalFlowReset(); //属性重置  流量总量 上下行速率
 }
 
+// 定义一个方法返回 views 容器
+const getPopupContainer = () => {
+  // 使用 ref 或其他方式来引用你的 views 容器
+  // 如果 views 容器直接在这个组件内部，你可以使用 ref
+  // 但在这个例子中，我们假设它是通过类名来获取的
+  return document.querySelector('.viewport');
+};
+
 onMounted(() => {
   fnGetSkim().then(() => {
     loadData();
@@ -419,6 +431,7 @@ onBeforeUnmount(() => {
             <a-select
               v-model:value="queryParams.neRealId"
               :options="neOtions"
+              :get-Popup-Container="getPopupContainer"
               class="toDeep"
               style="width: 100px; color: #fff; margin-left: auto"
               @change="fnSelectNe"
@@ -428,7 +441,6 @@ onBeforeUnmount(() => {
           <div class="chart">
             <UPFFlow />
           </div>
-          
         </div>
       </div>
       <!-- 网络拓扑 -->