feat: 页面调整组件属性升级

src/views/ne/neConfig/hooks/useConfigArray.ts

@@ -4,9 +4,8 @@ import {
   editNeConfigData,
 } from '@/api/ne/neConfig';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
-import { Modal } from 'ant-design-vue/lib';
-import { SizeType } from 'ant-design-vue/lib/config-provider';
-import message from 'ant-design-vue/lib/message';
+import { Modal,message } from 'ant-design-vue/es';
+import { SizeType } from 'ant-design-vue/es/config-provider';
 import { reactive, watch } from 'vue';
 
 /**
@@ -88,7 +87,7 @@ export default function useConfigArray({
     modalState.title = `${treeState.selectNode.paramDisplay} ${from.title}`;
     modalState.key = from.key;
     modalState.data = from.record.filter((v: any) => !Array.isArray(v.array));
-    modalState.visible = true;
+    modalState.open = true;
 
     // 关闭嵌套
     arrayState.arrayChildExpandKeys = [];
@@ -233,7 +232,7 @@ export default function useConfigArray({
     modalState.title = `${treeState.selectNode.paramDisplay} ${from.title}`;
     modalState.key = from.key;
     modalState.data = from.record.filter((v: any) => !Array.isArray(v.array));
-    modalState.visible = true;
+    modalState.open = true;
   }
 
   /**多列表新增单行确认 */

src/views/ne/neConfig/hooks/useConfigArrayChild.ts

@@ -4,9 +4,8 @@ import {
   delNeConfigData,
 } from '@/api/ne/neConfig';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
-import { Modal } from 'ant-design-vue/lib';
-import { SizeType } from 'ant-design-vue/lib/config-provider';
-import message from 'ant-design-vue/lib/message';
+import { Modal, message } from 'ant-design-vue/es';
+import { SizeType } from 'ant-design-vue/es/config-provider';
 import { nextTick, reactive } from 'vue';
 
 /**
@@ -174,7 +173,7 @@ export default function useConfigArrayChild({
     modalState.title = `${arrayChildState.title} ${from.title}`;
     modalState.key = from.key;
     modalState.data = from.record.filter((v: any) => !Array.isArray(v.array));
-    modalState.visible = true;
+    modalState.open = true;
   }
 
   /**多列表嵌套行编辑确认 */
@@ -285,7 +284,7 @@ export default function useConfigArrayChild({
     modalState.title = `${arrayChildState.title} ${from.title}`;
     modalState.key = from.key;
     modalState.data = from.record.filter((v: any) => !Array.isArray(v.array));
-    modalState.visible = true;
+    modalState.open = true;
   }
 
   /**多列表新增单行确认 */

src/views/ne/neConfig/hooks/useConfigList.ts

@@ -1,7 +1,7 @@
 import { editNeConfigData } from '@/api/ne/neConfig';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
-import { SizeType } from 'ant-design-vue/lib/config-provider';
-import message from 'ant-design-vue/lib/message';
+import { SizeType } from 'ant-design-vue/es/config-provider';
+import { message } from 'ant-design-vue/es';
 import { reactive, toRaw } from 'vue';
 
 /**

src/views/ne/neConfig/index.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted, toRaw, watch } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
-import { message } from 'ant-design-vue/lib';
-import { DataNode } from 'ant-design-vue/lib/tree';
+import { ProModal } from 'antdv-pro-modal';
+import { message } from 'ant-design-vue/es';
+import { DataNode } from 'ant-design-vue/es/tree';
 import useI18n from '@/hooks/useI18n';
 import TableColumnsDnd from '@/components/TableColumnsDnd/index.vue';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
@@ -250,7 +251,7 @@ function fnGetNeConfig() {
 /**对话框对象信息状态类型 */
 type ModalStateType = {
   /**添加框是否显示 */
-  visible: boolean;
+  open: boolean;
   /**标题 */
   title: string;
   /**表单数据 */
@@ -267,7 +268,7 @@ type ModalStateType = {
 
 /**对话框对象信息状态 */
 let modalState: ModalStateType = reactive({
-  visible: false,
+  open: false,
   title: 'Item',
   from: {},
   confirmLoading: false,
@@ -301,7 +302,7 @@ function fnModalOk() {
  * 进行表达规则校验
  */
 function fnModalCancel() {
-  modalState.visible = false;
+  modalState.open = false;
   modalState.from = {};
   modalState.type = 'arrayAdd';
   modalState.key = '';
@@ -310,7 +311,7 @@ function fnModalCancel() {
 
 // 监听新增编辑弹窗
 watch(
-  () => modalState.visible,
+  () => modalState.open,
   val => {
     // SMF需要选择配置的UPF id
     if (val && neTypeSelect.value[0] === 'SMF') {
@@ -441,7 +442,7 @@ onMounted(() => {
         <a-card
           size="small"
           :bordered="false"
-          :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
+          :body-style="{ maxHeight: '600px', 'overflow-y': 'auto' }"
           :loading="treeState.selectLoading"
         >
           <template #title>
@@ -824,10 +825,10 @@ onMounted(() => {
       :drag="true"
       :width="800"
       :destroyOnClose="true"
-      :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
+      :body-style="{ maxHeight: '600px', 'overflow-y': 'auto' }"
       :keyboard="false"
       :mask-closable="false"
-      :visible="modalState.visible"
+      :open="modalState.open"
       :title="modalState.title"
       :confirm-loading="modalState.confirmLoading"
       @ok="fnModalOk"