修复全屏时下拉框显示不出来问题

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>
       <!-- 网络拓扑 -->