From c1ea85170521a262b6d671f5b470bf3c2d579eb5 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 12 Apr 2024 10:23:12 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=BD=91=E5=85=83=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=BC=B9=E5=87=BA=E7=AA=97=E5=8F=A3=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=E5=BC=82=E6=AD=A5=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ne/neInfo/components/EditModal.vue | 4 +++-
 src/views/ne/neInfo/index.vue                | 9 ++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/views/ne/neInfo/components/EditModal.vue b/src/views/ne/neInfo/components/EditModal.vue
index 23939020..d6862f00 100644
--- a/src/views/ne/neInfo/components/EditModal.vue
+++ b/src/views/ne/neInfo/components/EditModal.vue
@@ -179,7 +179,7 @@ function fnModalVisibleByEdit(editId: string) {
       modalState.confirmLoading = false;
       hide();
       if (res.code === RESULT_CODE_SUCCESS) {
-        modalState.from = Object.assign(modalState.from, res.data);
+        Object.assign(modalState.from, res.data);
         modalState.title = '编辑网元信息';
         modalState.visibleByEdit = true;
       } else {
@@ -235,8 +235,10 @@ function fnModalOk() {
  */
 function fnModalCancel() {
   modalState.visibleByEdit = false;
+  modalState.confirmLoading = false;
   modalStateFrom.resetFields();
   emit('cancel');
+  emit('update:visible', false);
 }
 
 /**
diff --git a/src/views/ne/neInfo/index.vue b/src/views/ne/neInfo/index.vue
index 75fdfd33..429a452f 100644
--- a/src/views/ne/neInfo/index.vue
+++ b/src/views/ne/neInfo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, onMounted, toRaw } from 'vue';
+import { reactive, onMounted, toRaw, defineAsyncComponent } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
 import { message, Modal } from 'ant-design-vue/lib';
 import { SizeType } from 'ant-design-vue/lib/config-provider';
@@ -7,7 +7,6 @@ import { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
 import { ColumnsType } from 'ant-design-vue/lib/table';
 import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
-import EditModal from './components/EditModal.vue';
 import useNeInfoStore from '@/store/modules/neinfo';
 import { listNeInfo, delNeInfo } from '@/api/ne/neInfo';
 import { NE_TYPE_LIST } from '@/constants/ne-constants';
@@ -17,6 +16,10 @@ const { getDict } = useDictStore();
 const { t } = useI18n();
 const { fnNeStart, fnNeRestart, fnNeStop, fnNeReload, fnNeLogFile } =
   useNeOptions();
+// 异步加载组件
+const EditModal = defineAsyncComponent(
+  () => import('./components/EditModal.vue')
+);
 
 /**字典数据 */
 let dict: {
@@ -697,7 +700,7 @@ onMounted(() => {
 
     <!-- 新增框或修改框 -->
     <EditModal
-      :visible="modalState.visibleByEdit"
+      v-model:visible="modalState.visibleByEdit"
       :edit-id="modalState.editId"
       @ok="fnModalEditOk"
       @cancel="fnModalEditCancel"