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

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"