style: 网元信息修改弹出窗口改为异步组件

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);
 }
 
 /**

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"