From 5bb3cd814c0d4b817181bf76c0aa5a169cd8cc74 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Thu, 30 May 2024 17:53:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BD=91=E5=85=83=E5=8F=82=E6=95=B0?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E5=B1=9E=E6=80=A7=E7=9B=91=E5=90=AC=E5=BC=82?=
 =?UTF-8?q?=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../configParamTreeTable/index.vue            | 23 ++++++++++++-------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/views/configManage/configParamTreeTable/index.vue b/src/views/configManage/configParamTreeTable/index.vue
index edd63c2a..d37cdde1 100644
--- a/src/views/configManage/configParamTreeTable/index.vue
+++ b/src/views/configManage/configParamTreeTable/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, ref, onMounted, watchEffect, toRaw, nextTick } from 'vue';
+import { reactive, ref, onMounted, toRaw, nextTick, watch } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
 import { Modal, message } from 'ant-design-vue/lib';
 import useI18n from '@/hooks/useI18n';
@@ -1009,17 +1009,24 @@ function fnModalCancel() {
   modalState.data = [];
 }
 
-watchEffect(() => {
-  // 监听表格字段列排序变化关闭展开
-  if (arrayState.columnsDnd) {
+// 监听表格字段列排序变化关闭展开
+watch(
+  () => arrayState.columnsDnd,
+  () => {
     arrayEditClose();
   }
+);
 
-  // SMF需要选择配置的UPF id
-  if (modalState.visible && neTypeSelect.value[0] === 'SMF') {
-    initUPFIds();
+// 监听新增编辑弹窗
+watch(
+  () => modalState.visible,
+  val => {
+    // SMF需要选择配置的UPF id
+    if (val && neTypeSelect.value[0] === 'SMF') {
+      initUPFIds();
+    }
   }
-});
+);
 
 onMounted(() => {
   // 获取网元网元列表